Aggiungere il fiocco bianco all'immagine profilo di Facebook

di: Andrea Marzilli     25 Novembre 2010

Nella giornata mondiale contro la violenza sulle donne, Facebook ci ricorda che possiamo mostrare la nostra adesione aggiungendo un nastro bianco al nostro avatar.

Figura 1. Invito Facebook

Finestra di creazione del progetto

Non lasciamoci sfuggire l'occasione di schierarci per una buona causa e allo stesso tempo di esercitarci con Photoshop.

Per l'occasione abbiamo preparato un fiocco, vettoriale, del tutto simile a quello proposto da Facebook, è allegato all'articolo ed è possibile scaricarlo.

Figura 2. Nastro bianco

In nostro nastro bianco

Una volta scaricato il psd lo apriamo, troviamo il nostro fiocco, composto da due semplici forme vettoriali, organizzate in un'unica cartella, e qualche effetto per le ombre.

Per sovrapporre il fiocco al nostro avatar non ci resta che trascinare una nostra immagine all'interno del progetto. Fatto questo dobbiamo ricordarci che il livello dell'immagine deve essere al di sotto del livello del nastro.

Figura 3. Livelli con avatar e nastro bianco

Livelli con avatar e nastro bianco

La nostra immagine vettoriale consente di essere modificata a nostro piacimento, ma se la rimpiccioliamo notiamo che possono cambiare le proporzioni delle ombre. Per evitare questo possiamo rasterizzare l'immagine trasformando i nostri vettori in un oggetto avanzato. Clicchiamo direttamente sulla cartellina "fiocco" con il tasto destro del mouse e scegliamo: "Converti in oggetto avanzato".

Figura 4. Converti in oggetto avanzato

Converti in oggetto avanzato

In questo modo potremo di piazzare il fiocco bianco in qualunque punto sull'immagine dell'avatar e modificarne la forma senza perdere nemmeno un pixel.

Quindi utilizziamo la trasformazione libera (CTRL+T) sul nostro fiocco e diamo le dimensioni e la posizione che desideriamo. Ecco un esempio:

Figura 5. L'esempio finito

L'esempio finito

Non ci resta che caricare il nostro nuovo avatar su Facebook e ricordare quanto sia prezioso combattere la violenza.

Guide Grafica

3D Studio Max - Guida alla modellazione

Dall'interfaccia alla creazione e modellazione di oggetti...

Guida Photoshop CS5

Modifica e ottimizzazione dell'immagine, strumenti di disegno e...

Guida Photoshop CS4

Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti