Come fare un'icona di Google Plus in Photoshop

Ciao fan di Photoshop! Con tutto il brusio che sta succedendo ultimamente su Google Plus, non si può evitare di fare anche un tutorial su Photoshop relativo. Sebbene possa sembrare facile, l'icona g + dall'aspetto semplice è in effetti un po 'difficile da replicare perfettamente, ma sicuramente non ci fermerà. Preparati a tuffarti in Photoshop più avanzato!

Passaggio 1 - Dimensione dell'icona

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

Passaggio 2: impostazione delle guide

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

Sarà necessario ripetere questo passaggio più volte per creare le seguenti guide (ricorda, stiamo lavorando in pixel, quindi non dimenticare di cambiare il centimetro nella casella di posizione a 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

Vorremo avere il logo Google Plus su uno sfondo bianco-grigio uniforme nel tipico stile di Google. Clic Immagine, dimensione della tela e imposta la tela su una risoluzione simile alla carta da parati. Per questo, siamo andati con 720p (1280 × 720).

Ora prendi lo strumento sfumatura e crea un radiale gradiente che sfuma dal bianco al grigio chiaro. Qualcosa di simile a questo:

Passaggio 4: crea 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 a un grigio scuro (343434). Ora usando le guide che abbiamo creato in precedenza, trascina la forma arrotondata e assicurati che si adatti bene ai suoi limiti.

Passaggio 5: parte superiore del logo

Prima di tutto, rasterizza il tuo livello con right-click, Rasterize. 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 di taglio. Ora, separa il nuovo livello in quattro strati più piccoli, ognuno per ogni pezzo superiore. Ecco come apparire se abilito e poi disabilito ogni livello uno per uno:

Suggerimento rapido: puoi rinominare i tuoi livelli e assegnare loro nomi come Top piece 1, Top Piece 2 e così via. Questo non solo renderà le cose più pulite, ma renderà anche le cose più facili. Puoi anche provare mettendo i pezzi migliori nel proprio gruppo di livelli.

Passaggio 5 - Visualizzazione delle parti inferiori

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 Smusso e rilievo...

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

La tua immagine dovrebbe in seguito ottenere una modifica simile a questa:

Passaggio 6: Visualizzazione delle parti superiori

Innanzitutto, assicurati di abilitare la parte dell'icona in alto a sinistra. Ora, di nuovo, apri quello strato Opzioni di blanding e dargliene un po ' Ombra interiore...

... così come alcuni Sovrapposizione colore.

Ecco come dovrebbe apparire l'immagine prima e dopo le modifiche:

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

1 ° pezzo: Rosso - f23a3f

2 ° pezzo: Blu - 5988f5

3 ° pezzo: Verde: 5fb816

4 ° pezzo: Giallo - ffc000

Passaggio 7 - Aggiunta di una leggera lucentezza

Fare un nuovo strato e posizionarlo sopra tutti gli altri livelli. Ora usa a Strumento sfumatura creare un Gradiente radiale dissolvenza dal bianco alla trasparenza all'interno dell'area dell'icona. Quindi imposta il Layer Opacity a 30% e il Modalità di fusione a copertura. I cambiamenti sono appena evidenti, ma comunque abbastanza vitali. Ecco un rapido prima / dopo:

Step 8 - L'Onnipotente g+

Cattura una schermata velocedel logo di Google da Google.com. Poi incolla lo scatto direttamente in Photoshop (il suo strato passa tra il Gradiente di sovrapposizione e il resto dell'immagine) e rimuovi qualsiasi cosa tranne la lettera minuscola "g".

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

Ora per il vantaggio. Beh, niente da discutere qui, davvero. Basta prendere un Digita strumento e trova un font che abbia un bel magro "+" che è simile al logo originale e prendilo nell'immagine. Quando hai finito, dovresti avere questo:

Step 9 - The Grand Finalmente!

Un altro passo attende! Vai a Visualizza> Cancella guide per sbarazzarsi delle Guide, dal momento che non avremo più bisogno di loro e quindi la tua immagine sarà completa. (Oh, e non dimenticare di estrarre rapidamente un Ctrl + Shift + S - non vorrai perdere tutto quel duro lavoro, vero?)

Passo 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 guarda cosa ti viene in mente.