Come creare un’icona 3D di Facebook con Photoshop

Chi dice che per creare una semplice icona 3D c’è per forza bisogno di Cinema 4D, 3DSMax o Illustrator?! In questo tutorial impareremo come farlo in Adobe Photoshop con l’aiuto delle maschere di livello.
L’obbiettivo cruciale di questo tutorial è quello di dimostrare quanto sia semplice applicare un’illuminazione semi-realistica e delle ombre con Photoshop. Si noti che abbiamo usato il termine “semi-realistico” poichè abbiamo voluto dare l’illusione di un oggetto 3D, mantenendo, al tempo stesso, l’effetto di illustrazione.

Create un nuovo documento.

Per facilitare la crezione cercate un’immagine vettoriale del logo di FB.

Incollate l’immagine vettoriale nel documento appena creato. Selezionate Oggetto avanzato nella finestra di dialogo, premete OK, quindi premere INVIO (per togliere lo strumento di ridimensionamento).

La differenza principale di quest’immagine dalle precedenti è lo sfondo, che è stata incollato. Non ti preoccupare, questo passaggio non fa parte del tutorial, è lì solo per far risaltare meglio il logo. Cliccate con il tasto destro del moouse sul livello con il contorno del logo e selezionate Opzioni di fusione.
Sul lato sinistro del pannello, selezionate la casella Sovrapposizione sfumatura e impostate il primo cursore sfumatura con il colore # 00225b.

Settate il secondo colore con #006ed5.

Andate nella casella Traccia sotto Sovrapposizione sfumatura e impostate i seguenti parametri.
Dimensione: 1px.
Posizione: Esterno.
Metodo di fusione: Normale.
Opacità: 100%.
Colore: # 00103e.

Bagliore interno
Metodo di fusione: Sovrapponi.
Opacità: 100%.
Rumore: 0.
Colore: # ffffff.
Tecnica: Più tenue.
Sorgente: Bordo.
Riduci: 0.
Dimensione: 2px.

Ombra interna.
Metodo di fusione: Sovrapponi.
Colore: # ffffff.
Opacità: 100%.
Angolo: 120 gradi.
Deselezionate la casella Usa Luce Globale.
Distanza: 1px.
Riduci: 0%.
Dimensioni: 0px.

Per creare la smussatura dell’icona, duplicate il livello con il profilo del logo.

(1) Spostate il livello appena duplicato a destra per creare l’illusione 3D.

(2) Spostate il livello appena duplicato al di sotto del livello originale.

(3) Sul livello duplicato, fate clic sulle icone occhio Ombra interna, Bagliore interno e desezionatele. Noi vogliamo che solo la Sovrapposizione sfumatura sia visibile.
Chiamiamo questo livello “smussatura”.

(1) Duplicate il livello “smussatura”. Chiamiamolo “livello ombre “.

(2) Questa volta, deselezionate la casella Sovrapposizione sfumatura.

(3) Il colore dell’icona sul “livello ombre” dovrebbe essere nero.

(4) Assicuratevi di avere questo livello selezionato e cliccate sull’icona Imposta maschera vettoriale (quest’icona è un rettangolo con un cerchio all’interno).

(5) Quindi assicuratevi di avere la maschera di livello “strato ombre” selezionato.

Scegliete lo strumento Pennello. Impostate come colore di primo piano # 000000 e disegnate tutto il “livello ombre ” per nascondere il nero in modo che tutto ciò che è emerso sia il gradiente blu dello “strato smussare “.
Sempre con lo strumento Pennello e con il colore # ffffff dipingete gli angoli dell’icona sul “livello ombre”.

Con la stessa tecnica usata in precedenza andiamo a dipingere delle zone di luce sull’icona.

Ed ecco il risultato finale!

Se vi siete divertiti con questo tutorial vi consiglio di dare un’occhiata a come imparare ad utilizzare gli strumenti Penna e Tracciati oppure a come creare un wallpaper colorato.