In questo tutorial, vi mostrerò come creare un semplice effetto di testo dipinto a spruzzo dove le lettere sembrano essere state dipinte a spruzzo su un muro o una superficie. Vi mostrerò anche come fondere la vernice spray con la superficie per un effetto più realistico. E poiché creeremo la vernice spray usando nient’altro che un effetto di livello e le opzioni di fusione di Photoshop, il tuo testo rimarrà modificabile anche quando avremo finito.

Utilizzerò l’ultima versione di Photoshop CC ma qualsiasi versione recente funzionerà.

Ecco un esempio di come sarà l’effetto del testo dipinto a spruzzo. Naturalmente, puoi usare qualsiasi testo, sfondo e colore che ti piace:

Iniziamo!

Scarica questo tutorial in formato PDF pronto per la stampa!

Come creare un testo dipinto a spruzzo in Photoshop

Inizieremo imparando come creare l’effetto principale della vernice spray, e poi ti mostrerò come fondere le lettere con lo sfondo. Vi mostrerò anche come duplicare l’effetto per aggiungere altro testo al vostro disegno, e come cambiare il colore della vernice.

Potete anche seguire il video di questo tutorial. Oppure scarica questo tutorial in formato PDF pronto per la stampa!

Passo 1: Apri la tua immagine di sfondo

Siccome vogliamo dipingere il testo con lo spray su una sorta di sfondo, inizia aprendo la tua immagine di sfondo. Userò questa immagine che ho scaricato da Adobe Stock:

E nel pannello Livelli, vediamo l’immagine sul livello Sfondo:

Related: Impara come usare i livelli in Photoshop

Passo 2: Aggiungi il tuo testo

Per aggiungere il tuo testo, seleziona lo strumento Tipo dalla barra degli strumenti:

Scegli un font

E poi nella barra delle opzioni, scegli il tuo font. Io userò “HWT Gothic Round” che ho scaricato da Adobe Typekit. Se non hai accesso a questo font, va bene. Qualsiasi font funzionerà:

Più opzioni tipo

Sempre nella barra delle opzioni, imposterò la mia dimensione tipo a 72 pt solo per darmi la più grande dimensione preimpostata per ora. E imposterò l’allineamento del testo al centro.

Per il colore, sceglierò il bianco cliccando sul campione di colore e scegliendo il bianco dal Selettore colore di Photoshop. Questo non è il colore che useremo per la vernice spray. Tutto ciò di cui abbiamo bisogno per ora è qualcosa che ci permetta di vedere il testo mentre lo aggiungiamo:

Aggiungere il testo

Poi clicca nel documento e aggiungi il tuo testo. Digiterò la parola “PAINT”:

Accettare il testo

Per accettarlo, clicca il segno di spunta nella barra delle opzioni:

Passo 3: Ridimensionare e riposizionare il testo con Free Transform

Per ridimensionare il testo e spostarlo in posizione, vai sul menu Modifica nella Barra dei menu e scegli Free Transform:

E poi per ridimensionare il testo, clicca e trascina una delle maniglie d’angolo. A partire da Photoshop CC 2019, il rapporto di aspetto del testo viene automaticamente bloccato mentre trascini le maniglie. Nelle versioni precedenti di Photoshop, dovrai tenere premuto il tasto Shift mentre trascini per bloccare il rapporto di aspetto in posizione.

Per ridimensionare il testo dal suo centro, tieni premuto il tasto Alt (Win) / Option (Mac) mentre trascini. E se hai bisogno di riposizionare il tuo testo, clicca all’interno della casella Free Transform e trascina il testo in posizione.

Per accettarlo e uscire da Free Transform, premi Enter (Win) / Return (Mac) sulla tua tastiera:

Passo 4: Abbassa il valore di riempimento del livello Type a 0%

Nel pannello Livelli, vediamo il nostro testo su un nuovo livello Type sopra l’immagine:

Per creare l’effetto vernice spray, la prima cosa che dobbiamo fare è rendere il nostro testo trasparente. Per farlo, abbassa il valore di Riempimento in alto a destra del pannello Livelli fino allo 0%. Assicurati di abbassare il valore di riempimento, non il valore di opacità:

Il testo scompare completamente. È ancora lì, è solo trasparente:

Qual è la differenza tra Opacità e Riempimento?

Nel pannello Livelli, entrambi i valori di Opacità e Riempimento influenzano la trasparenza di un livello. La differenza tra loro è che Opacità controlla la trasparenza sia del contenuto di un livello che di qualsiasi effetto di livello che abbiamo applicato. Il riempimento, d’altra parte, influenza solo il contenuto di un livello. Non ha effetto sugli effetti di livello.

Questo significa che abbassando il valore di Riempimento, possiamo applicare effetti di livello al nostro testo e mantenere gli effetti visibili anche se il testo stesso è nascosto. E questo è ciò che ci permetterà di creare il nostro effetto vernice spray.

Passo 5: Aggiungere un effetto di livello Drop Shadow al livello Type

L’intero effetto vernice spray può essere creato usando un singolo effetto di livello, e quello di cui abbiamo bisogno è Drop Shadow. Con il livello Type selezionato, clicca sull’icona Layer Style (l’icona “fx”) in fondo al pannello Layers:

E poi scegli Drop Shadow:

Passo 6: Ripristinare le impostazioni di Drop Shadow ai valori predefiniti

Nella finestra di dialogo Layer Style, clicca sul pulsante Reset to Default per ripristinare le impostazioni predefinite di Drop Shadow, giusto per vedere entrambi la stessa cosa:

Passo 7: Cambia il colore della Drop Shadow in bianco

Poi cambia il colore della drop shadow cliccando sul campione di colore:

E nel Selettore di colore, scegli bianco per ora, e poi clicca OK. Sceglieremo diversi colori per l’effetto un po’ più tardi:

Passo 8: Cambia la modalità di fusione dell’ombra in Schermo

Per vedere il bianco, cambia la modalità di fusione dell’ombra da Moltiplica (la modalità di fusione predefinita) a Schermo:

E subito, cominciamo a vedere il bianco apparire dietro le lettere:

Passo 9: Aumentare l’opacità dell’ombra al 100%

Per rendere l’effetto più luminoso, aumentate l’opacità dell’ombra fino al 100%:

E ora l’effetto è più facile da vedere. Cambiando il colore della drop shadow da nero a bianco, e cambiando la sua modalità di fusione da Multiply a Screen, abbiamo essenzialmente trasformato la nostra ombra in un bagliore:

Passo 10: Imposta la Distanza e la Diffusione a 0%

Non considerare le opzioni Angolo e Usa luce globale poiché non hanno importanza qui. Ma abbassa la Distanza a 0px e assicurati che la Diffusione sia allo 0%:

Impostando la Distanza a 0px, abbiamo centrato l’ombra dietro il testo, creando un debole contorno o tratto intorno alle lettere:

Passo 11: Aumentare la Dimensione dell’Ombra a Goccia

Per diffondere l’ombra (o il bagliore, in questo caso) più lontano dai bordi, aumenta il valore della Dimensione:

Più lo aumenti, più ampio appare il bagliore:

Passo 12: Cambia il Contorno a Cono

A questo punto, l’effetto finora non sembra molto simile alla vernice spray. Il nostro bagliore deve sembrare più un contorno intorno alle forme delle lettere.

Per sistemare questo, sempre nella finestra di dialogo Stile di livello, vai alla sezione Qualità, clicca sulla piccola freccia accanto alla miniatura dell’anteprima del contorno:

E poi scegli il contorno Cono facendo doppio clic sulla sua miniatura. E’ quello in alto, secondo da sinistra:

I contorni influenzano la trasparenza dell’ombra, cambiando come e dove passa dalle aree opache a quelle trasparenti. E subito vediamo un contorno molto più forte intorno ai bordi delle lettere:

Passo 13: Deseleziona “Layer Knocks Out Drop Shadow”

Ma nota che anche se il nostro testo è trasparente, il bagliore appare solo intorno al suo esterno. Abbiamo bisogno di vedere il bagliore anche all’interno delle lettere.

Per sistemare questo, deselezionate l’opzione che dice Layer Knocks Out Drop Shadow:

E ora il contorno appare sia all’esterno che all’interno del testo:

Passo 14: Regola nuovamente il valore di Size se necessario

A questo punto, potresti aver bisogno di tornare indietro e regolare nuovamente il valore Size per cambiare lo spessore del contorno. Non andare troppo in alto però o diffonderai il bagliore troppo lontano. La dimensione esatta di cui hai bisogno dipenderà dalla dimensione del tuo testo.

Nel mio caso, andrò con un valore di Dimensione di circa 120px, ma tu potresti aver bisogno di un valore diverso:

Ecco il risultato:

Step 15: Aggiungere il rumore

Finalmente, aggiungete un po’ di rumore al contorno aumentando il valore Noise. Imposterò il mio a circa il 25-30%:

E ora, se ingrandisco, vediamo delle piccole macchioline nel contorno, facendolo sembrare più simile alla vernice spray.

A seconda della dimensione del carattere che stai usando, potresti notare alcuni deboli bordi duri lungo le aree dove l’effetto e lo sfondo si incontrano. In questo screenshot, puoi vederli all’interno delle lettere “P” e “A”. Questi bordi spariranno una volta che avremo mescolato il testo con lo sfondo, che è quello che faremo dopo:

Come mescolare il testo dipinto a spruzzo con lo sfondo

A questo punto, abbiamo finito con il nostro effetto di livello Drop Shadow. Impariamo quindi a fondere l’effetto con lo sfondo, in modo che sembri che il testo sia effettivamente dipinto a spruzzo sullo sfondo e non solo seduto davanti ad esso. Quando abbiamo finito, ti mostrerò come copiare l’effetto per aggiungere altro testo mantenendo intatti gli effetti di livello e le opzioni di sfumatura.

Passo 16: Aprire le opzioni di sfumatura di Photoshop

Sempre nella finestra di dialogo Stile di livello, seleziona la categoria Opzioni di sfumatura sulla sinistra:

Passo 17: Trascina il cursore nero “Underlying Layer” verso destra

In fondo alle Blending Options ci sono due gruppi di cursori. Quello in alto dice “Questo livello” e quello sotto dice “Livello sottostante”. Possiamo usare questi cursori per fondere il nostro testo con l’immagine di sfondo. E il set che ci serve è quello in basso (Underlying Layer):

Nota i due cursori sotto la barra del gradiente. C’è un cursore nero a sinistra e uno bianco a destra. Stiamo per fondere il nostro testo con le parti più scure della nostra immagine di sfondo. E per questo, abbiamo bisogno del cursore nero.

Clicca sul cursore nero e inizia a trascinarlo verso destra:

Mentre trascini, tieni d’occhio il tuo testo e vedrai le aree più scure dell’immagine di sfondo che iniziano a mostrare attraverso di esso. E man mano che trascini ancora, appare sempre di più lo sfondo:

Passo 18: Dividi il cursore nero a metà

Il problema è che le transizioni tra il testo e lo sfondo sono molto dure. Per creare transizioni più morbide, tieni premuto il tasto Alt (Win) / Option (Mac) sulla tua tastiera. Clicca sul lato destro del cursore nero e trascinalo via dal lato sinistro. Questo divide il cursore in due metà:

Passo 19: Regola i cursori per creare una transizione morbida

La metà sinistra del cursore ora controlla il livello di luminosità dove il testo comincia ad apparire davanti allo sfondo. E la metà destra imposta il livello di luminosità dove il testo diventa completamente visibile e lo sfondo non si vede più attraverso di esso. L’area tra i due cursori diventa l’area di transizione dove il testo e lo sfondo si fondono insieme. Più lontano trascini i cursori, più graduale appare la transizione.

Regola ogni metà del cursore finché non sei soddisfatto dell’effetto. Non ci sono valori specifici da usare qui poiché dipenderà dalla tua immagine di sfondo.

Nel mio caso, imposterò la mia metà sinistra su un livello di luminosità di 10 e la mia metà destra su un livello di luminosità di 60. In altre parole, tutte le aree della mia immagine di sfondo che sono ad un livello di luminosità di 10 o più scuro, mostreranno completamente il testo. Le aree ad un livello di luminosità di 60 o più chiare saranno completamente nascoste dal testo. E i livelli di luminosità in mezzo (da 11 a 59) sono dove avviene la transizione:

E con il testo che ora si fonde con l’immagine, otteniamo un effetto vernice spray molto più realistico:

Passo 20: Chiudi la finestra di dialogo Layer Style

Abbiamo finito con l’effetto principale, quindi vai avanti e chiudi la finestra di dialogo Layer Style cliccando su OK:

E nel pannello Livelli, ora vediamo il nostro Drop Shadow elencato come un effetto sotto il livello Tipo. Vediamo anche un’icona Blending Options accanto all’icona “fx”, che ci dice che abbiamo anche alcune opzioni di miscelazione avanzate applicate al livello:

Scarica questo tutorial come PDF pronto per la stampa!

Come duplicare l’effetto testo dipinto a spruzzo

A questo punto, aggiungere altro testo dipinto a spruzzo è facile.

Passo 21: Fai una copia del livello Tipo

Tutto quello che dobbiamo fare è duplicare il nostro livello Tipo. Semplicemente trascinalo sull’icona Add New Layer in fondo al pannello Layers:

Una copia del livello Type appare sopra l’originale, completa del nostro effetto Drop Shadow e delle nostre opzioni di fusione:

Passo 22: Seleziona lo strumento Sposta

Per riposizionare il testo, seleziona lo strumento Sposta dalla barra degli strumenti:

Passo 23: Sposta il testo in posizione

E poi clicca sul testo e spostalo in posizione. Trascinerò la copia del testo verso l’alto:

Poi nel pannello Livelli, clicco sul livello originale Type per selezionarlo:

E trascinerò il testo originale verso il basso:

Come modificare il testo dipinto a spruzzo

Siccome il nostro testo è ancora di tipo modificabile, possiamo facilmente modificare il testo e mantenere intatto l’effetto della vernice spray.

Passo 24: Selezionare lo strumento Tipo

Non voglio che entrambe le parole siano uguali, quindi per modificare il testo in alto, selezionerò lo strumento Tipo dalla barra degli strumenti:

Passo 25: Selezionare e modificare il testo

Poi, farò doppio clic all’interno della parola per evidenziarla:

E cambierò la parola da “PAINT” a “SPRAY”:

Per accettarlo, farò clic sul segno di spunta nella barra delle opzioni:

Passo 26: Ridimensionare il testo modificato con Free Transform

Ridimensionerò il testo in alto andando sul menu Modifica e scegliendo Free Transform:

E poi trascinerò le maniglie dell’angolo superiore per ridimensionare la parola in modo che sia della stessa larghezza della parola inferiore. Per accettarlo, premerò Enter (Win) / Return (Mac) sulla mia tastiera:

Come cambiare il colore della vernice spray

E infine, vediamo come cambiare il colore dell’effetto.

Passo 27: Doppio clic sull’effetto del livello Drop Shadow

Per cambiare il colore della vernice spray, fai doppio clic sulla scritta “Drop Shadow” sotto il livello Type. Se hai più di un livello Type come me, assicurati di fare doppio click su quello che vuoi modificare.

Nel mio caso, inizierò con la parola “SPRAY” in alto:

Step 28: Clicca sul campione di colore

Questo riapre la finestra di dialogo Layer Style. Clicca sul campione di colore:

Passo 29: Scegli un nuovo colore dal Selettore di colore

E poi nel Selettore di colore, scegli un nuovo colore. Sceglierò qualcosa di luminoso, come il giallo:

Clicca OK per chiudere il Selettore colore, e poi clicca OK per chiudere la finestra di dialogo Stile livello. Ed ora il mio testo superiore è colorato di giallo:

Cambiare il colore del testo inferiore

Farò la stessa cosa con il testo inferiore. Faccio doppio clic sulle parole “Drop Shadow” per riaprire la finestra di dialogo dello stile del livello:

E poi clicco sul campione di colore:

E scelgo un nuovo colore dal Selettore colore. Per il testo in basso, sceglierò di nuovo qualcosa di luminoso, come un rosa rossastro:

Clicco ancora una volta OK per chiudere il Color Picker, e poi OK per chiudere la finestra di dialogo Layer Style.

E qui, dopo aver aggiunto il colore ad entrambe le parole, c’è il mio risultato finale:

Ed ecco fatto! Ecco come creare un testo dipinto a spruzzo in Photoshop! Dai un’occhiata alle nostre sezioni Effetti Foto e Effetti di Testo per altri tutorial. E non dimenticare che tutti i nostri tutorial sono disponibili per il download in formato PDF!