Come creare un'icona Google Plus in Photoshop

Ciao fan di Photoshop! Con tutto il brusio che sta succedendo di recente su Google Plus, non è stato possibile evitare di creare anche un tutorial di Photoshop su di esso. Sebbene possa sembrare facile, l'icona g + dall'aspetto semplice è in realtà un po 'difficile da replicare perfettamente, ma sicuramente non ci fermerà. Preparati ad immergerti in qualche Photoshop più avanzato!

Passaggio 1: Dimensione icona

Per questo, avremo un'icona più grande - 256 X 256px. Puoi anche provare a farti un'icona 128 x 128px o 512 x 512px, ma un'icona normale dovrebbe fare il lavoro.

Passaggio 2: impostazione delle guide

Per questo tutorial, dovremo essere estremamente precisi, quindi creiamo alcune guide per aiutarci lungo la strada. Per creare una nuova guida, vai a Visualizza, nuova guida.

Dovrai ripetere questo passaggio più volte per creare le seguenti guide (ricorda, stiamo lavorando in pixel, quindi non dimenticare di modificare il centimetro nella casella della posizione a px):

Guide orizzontali: 0px, 40px, 256px

Guide verticali: 0px, 64px, 128px, 192px, 256px

(Sotto - esempio per la seconda guida orizzontale)

Una volta che hai finito, la tua tela dovrebbe apparire così:

Passaggio 3: ingrandimento della tela

Vorremmo avere il logo Google Plus su uno sfondo liscio da bianco a grigio nel tipico stile di Google. Clic Immagine, Dimensione tela e imposta la tela su una risoluzione simile a uno sfondo. Per questo, siamo andati con 720p (1280 × 720).

Ora prendi lo strumento sfumatura e crea un radiale sfumare quello passa dal bianco al grigio chiaro. Qualcosa di simile a questo:

Passaggio 4: creare la forma

Creare un nuovo strato. Ora vai al Strumenti di forma e selezionare il Strumento rettangolo arrotondato. Cambia il suo raggio in 20 px e il suo colore diventa grigio scuro (343434). Ora usando le guide che abbiamo creato in precedenza, trascina la forma arrotondata e assicurati che si adatti perfettamente ai suoi confini.

Passaggio 5: parte superiore del logo

Prima di tutto, rasterizza il tuo livello con right-click, Rasterizza. Ora, usando il strumento per selezione di un'area rettangolare seleziona la parte superiore del logo (tra la prima e la seconda guida orizzontale) e poi tasto destro del mouse la scelta Strato via taglio. Ora, separa il nuovo livello in quattro livelli più piccoli, ciascuno per ciascun pezzo in alto: ecco come sarebbe se abilitassi e disabilitassi ogni strato uno per uno:

Suggerimento rapido: è possibile rinominare i livelli e assegnare loro nomi come il pezzo superiore 1, il pezzo superiore 2 e così via. Ciò non solo renderà le cose più pulite, ma renderà anche le cose più facili. Puoi persino provare mettendo i pezzi migliori nel loro gruppo di livelli.

Passaggio 5: elementi visivi della parte inferiore

Seleziona il tuo livello che contiene la parte inferiore dell'immagine ... (questa):

…e poi tasto destro del mouse Selezione Opzioni di fusione. Da qui ti consigliamo di aggiungerne alcuni Smussatura e rilievo...

... e a Sovrapposizione gradiente (sfuma da 1d1d1d a 292929).

La tua immagine dovrebbe successivamente avere una modifica simile a questa:

Passaggio 6: elementi visivi della parte superiore

Innanzitutto, assicurati di abilitare l'icona dell'icona in alto a sinistra. Ora, di nuovo, apri quel livello Opzioni di Blanding e dagliene un po ' Ombra interiore...

... così come alcuni Sovrapposizione colore.

Ecco come dovrebbe apparire la tua immagine prima e dopo le modifiche:

Ripeti questo passaggio per ogni nuovo livello, impostando il suo giusto colore di sovrapposizione:

1o pezzo: Rosso - f23a3f

2o pezzo: Blu - 5988f5

3 ° pezzo: Verde - 5fb816

4 ° pezzo: Giallo - ffc000

Passaggio 7: aggiunta di una leggera lucentezza

Fare un nuovo strato e posizionalo sopra tutti gli altri strati. Ora usa a Strumento sfumatura per creare un Gradiente radiale dissolvenza dal bianco alla trasparenza all'interno dell'area dell'icona. Quindi impostare il Opacità del livello per 30% e il Metodo di fusione per copertura. I cambiamenti sono appena percettibili, ma ancora abbastanza vitali. Ecco un rapido prima / dopo:

Step 8 - L'Onnipotente g +

Prendi una rapida schermata del logo di Google da Google.com. Poi incolla lo scatto direttamente in Photoshop (il suo livello va tra il gradiente di sovrapposizione e il resto dell'immagine) e rimuovere qualsiasi cosa tranne la piccola lettera "g".

Ora puoi usare tutti gli strumenti che preferisci per rimuovere lo sfondo dalla piccola "g" e puoi anche usare Perfeziona il bordo per appianare un po '. Poi Ctrl + clic la miniatura del livello e quindi, pur avendo a Tendone rettangolare nella tua mano tasto destro del mouse e seleziona Riempire. Uso bianca a 100% e Normale e dovresti arrivare a questo:

Ora per il plus. Bene, niente da discutere qui, davvero. Basta prendere a Tipo di strumento e trova un carattere che abbia un bel magro "+" che è simile al logo originale e ottenerlo nell'immagine. Al termine, dovresti avere questo:

Step 9 - The Grand Finalmente!

Un altro passo ti aspetta! Vai a Visualizza> Cancella guide per sbarazzarci delle Guide, dal momento che non ci serviranno più e quindi la tua immagine sarà completa. (Oh, e non dimenticare di toccare un rapido Ctrl + Maiusc + S - non vorresti perdere tutto quel duro lavoro, vero?)

Step 10 - Divertiti!

Finalmente concluso! Ma aspetta, perché fermarsi qui? Chissà quali altri fantastici loghi potrebbero uscire da questo modello! Vai avanti e prova la tua creatività e vedi cosa ti viene in mente.