Photoshop: copertina Facebook di Pasqua | Articoli Grafica

Link copiato negli appunti

Augurare agli amici di Facebook una Buona Pasqua può essere semplice e divertente, utilizzando un'immagine di copertina a tema.

Per la realizzazione di questo tutorial è allegato un template che comprende sia il rettangolo dell'immagine di copertina che la foto del profilo. Le istruzioni della lezione sono riportate sia in inglese che in italiano, per chi utilizzasse entrambe le versioni del software.

Dopo aver scaricato il file PSD del template, apriamolo con Photoshop (File > Open/Apri oppure Ctrl/⌘+O). Come si può vedere ci sono due livelli evidenziati in giallo: sono quelli su cui andremo a intervenire.

Figura 1. Palette e livelli (click per ingrandire)

Colorare lo sfondo

Cominciamo con l'immagine di copertina, posizionandoci sul livello Foto Cover e creiamo un nuovo livello (File > Open/Apri, Ctrl+O oppure ⌘+O).

Figura 2. Livelli per la copertina (click per ingrandire)

Clicchiamo ora sulla maschera applicata al livello Foto Cover, tenendo selezionato il tasto Ctrl/⌘ sulla maschera e scegliendo l'opzione Add Mask to Selection/Aggiungi Maschera a Selezione

Figura 3. Aggiungi Maschera a Selezione (click per ingrandire)

In questo modo otterremo la selezione rettangolare che delimita precisamente la dimensione dell'immagine di copertina. Ora spostiamoci sul nuovo livello precedentemente creato e decidiamo quale colore Secchiello #f6f4dc

Figura 4. Colore di sfondo (click per ingrandire)

Applicheremo al livello appena modificato una sfumatura di un diverso colore, per dare un po' di movimento alla grafica. Lo faremo selezionando le Opzioni Stili Livello Sovrapposizione Sfumatura

Nella finestra di dialogo, cliccare su Gradient/Sfumatura, che di default illustra una sfumatura da nero a bianco. Si aprirà una seconda finestra di dialogo, in cui selezioneremo la seconda opzione in alto a sinistra, ovvero Foreground to Transparent/Primo Piano a Trasparente

Selezioniamo il primo Color Stop #f2b2ce

Figura 5. Opzioni stile livello (click per tutti i passaggi)

Inserimento di immagini nel template

Ora che abbiamo lo sfondo, occupiamoci delle immagini decorative. In questo tutorial verranno utilizzate delle illustrazioni create ad hoc in precedenza. Apriamole con Photoshop.

Figura 6. Illustrazioni (click per ingrandire)

Per inserirle nel nostro file ci posizioneremo sull'immagine scelta e, con lo strumento Selezione, evidenzieremo le porzioni da copiare.

Figura 7. Copia e selezione (click per ingrandire)

Dopo aver effettuato la selezione, andremo sul menu Edit/Modifica > Copy/Copia Edit/Modifica > Paste/Incolla Nuovo Livello

Per dare un po' di enfasi agli elementi, che tendono a perdersi sullo sfondo, applicheremo ai livelli l'effetto ombreggiatura Ombra Esterna

Nella finestra di dialogo impostiamo i valori in questo modo: il Blend Mode/Metodo di Fusione su Linear Burn/Bruciatura Lineare Usa Luce Globale

Figura 8. Ombreggiatura (click per tutti i passaggi)

Per replicare lo stesso identico effetto sugli altri elementi, basterà cliccare con il tasto destro sul livello e scegliere Copy Layer Style/Copia Stile Livello Incolla Stile Livello

Figura 9. Copia stile livello

Figura 10. Incolla stile livello

Inserimento di un testo

Per aggiungere del testo basterà utilizzare lo Strumento Testo Orizzontale. In questo caso, al posto di un semplice testo lineare, appoggeremo i caratteri su un tracciato ad arco, che dia una forma particolare all'impaginazione. Con lo strumento Pen/Penna selezioniamo l'opzione Path/Tracciato nella barra in alto ed inseriamo tre punti di ancoraggio equidistanti, tenendo premuto il tasto SHIFT, in modo che restino perfettamente allineati.

Figura 11. Tracciato del testo (click per tutti i passaggi)

Con lo strumento Direct Selection/Selezione Diretta Cambia Punto di Ancoraggio

Figura 12. Ancoraggio (click per ingrandire)

Con lo strumento Testo posizionarsi sopra il tracciato finchè sotto la T non comparirà un'onda, cliccare quindi e digitare la frase. Sarà possibile intervenire sulla formattazione: font, dimensione, stile e allineamento possono essere modificati tramite la palette Carattere

Figura 13. Testo (click per ingrandire)

Salvataggio dell'immagine di copertina

Per salvare l'immagine di copertina, bisognerà prima spegnere il livello dedicato alla foto profilo, in modo da visualizzare il rettangolo nella sua interezza.

Figura 14. Livello Foto (click per ingrandire)

Selezioniamo tutti i livelli che compongono la nostra creazione: sfondo, elementi e testo.
Dalle opzioni della palette Livelli, selezioniamo New Group From Layers/Nuovo Gruppo da Livelli

Figura 15. Raggruppamento livelli

Duplichiamo ora il Gruppo: opzioni della palette Livelli, Duplicate Group/Duplica Gruppo (Figura 16). A questo punto trasformeremo il gruppo di oggetti in un unico livello: selezioniamo il layer del Gruppo e, dalle opzioni della palette Livelli, scegliamo Unisci Gruppo. (Figura 17)

Figura 16. Duplicazione Gruppo