Disegnamo il celebre smile di Yahoo! Messenger con Photoshop

Con questo tutorial vedremo come disegnare il famoso smile, simbolo di Yahoo Messenger utilizzando Photoshop.

Gli strumenti che andremo ad utilizzare sono comuni un po’ a tutti i programmi di grafica, quindi è possibile prendere come spunto questa guida anche per chi volesse cimentarsi con The Gimp e simili…

Trattandosi di uno smile possiamo utilizzare un documento di dimensioni molto ridotte, anche se per praticità consiglio sempre di lavorare su dimensioni maggiori del necessario per riservarsi di ridurre tutto a lavoro ultimato.

Lo Sfondo

Come detto prima creiamo un documento di dimensioni superiori al necessario, in questo caso fissiamo 500×500 e creiamo uno sfondo con effetto gradiente.

Per fare ciò riempiamo l’area con un color viola #e9d5ed come nell’immagine sottostante.

Adesso selezioniamo lo strumento pennello e scegliamo un pennello morbido da 300px e di colore #e9d5ed per creare la sfumatura.

Basta dare un colpo di pennello sull’angolo in basso a sinistra per ottenere il nostro effetto sfumatura.

La base

Creare la base dello smile è semplicissimo: dobbiamo creare su di un nuovo livello una selezione circolare al centro del documento e riempirla di colore #f7ee67. Per non sbagliare possiamo scegliere anche di utilizzare un pennello circolare duro di dimensioni intorno ai 150px.

Al livello appena creato applichiamo gli effetti Ombra esterna e Sovrapposizione sfumatura (in Photoshop CS4 clicchiamo sul tasto Fx in basso all’area dei livelli).

Applichiamo ad entrambi gli effetti i valori che vedete nelle immagini sottostanti:

Effetti

Il disegno di base è pronto. A questo punto dobbiamo rifinirlo con qualche effetto prima di disegnargli la faccia vera e propria.

Selezioniamo il cerchio del disegno di base, riducendo poi la selezione di un pixel cliccando sul menu Selezione -> Modifica -> Contrai.

Lasciando la selezione così com’è creiamo un nuovo livello e riempiamola di bianco #ffffff.

Senza modificare la selezione, spostiamola un po’ a destra (di una decina di pixel) e di un paio di pixel verso il basso per poi cliccare su canc.

Zoommiamo un po’ sull’immagine per vederla meglio e cancelliamo una linea alta 3 pixel, utilizzando lo strumento gomma (da 3 px, appunto) e tenendo premuto shift durante lo spostamento orizzontale della gomma così da ottenere una linea perfettamente dritta.

Adesso trasportiamo la parte bassa del riflesso appena disegnato su di un nuovo livello semplicemente selezionandola e cliccando tasto destro -> crea livello tagliato.

Assegnamo al livello corrispondente alla parte alta del riflesso opacità 80%, mentre a quello corrispondente alla parte bassa opacità 50%.

Occhi

Creiamo un nuovo livello e selezioniamo un pennello duro da 13 px e di colore #2b37a5 e diamo tuo colpetti di pennello per gli occhi.

Bocca

Per disegnare la bocca utilizzeremo un nuovo livello dove tracceremo una selezione circolare riempiendola di nero.

Diamo una “spuntatina” ai lati in modo da ottenerli piatti come in figura.

Non ci resta che selezionare la metà superiore della nuova forma e cancellarla per ottenere la bocca.

Applichiamo a questo livello gli effetti traccia e sovrapposizione sfumatura seguendo le impostazioni visibili nelle immagini e scaricando questo file da utilizzare come gradiente (basta estrarlo e cliccarlo due volte per trovarlo tra le sfumature predefinite).

Fase finale

Per concludere il nostro lavoro creiamo un nuovo livello e selezioniamo un rettangolo in corrispondenza della parte alta della bocca (alto quanto i lati dritti che abbiamo creato ai margini della bocca) facendo attenzione a non sovrapporci al bordo arancione della bocca. Riempiamo la selezione di bianco.

Per finire applichiamo gli effetti ombra interna e sovrapposizione sfumatura (scaricando il gradiente da qui).

Abbiamo finito

Che ve ne pare? Volendo possiamo aggiungere una leggera ombreggiatura al di sotto dello smile per completarlo (si fa con un pennello morbito da 300 px).

Spero che il tutorial vi sia piaciuto e non lo abbiate trovato completamente inutile

Sono graditi commenti e suggerimenti per questo tutorial o uno futuro che vi sta particolarmente a cuore.

Inoltre è possibile scaricare il file PSD creato durante la stesura della guida cliccando sul pulsante qui sotto.

Alla prossima!!!