In questo tutorial, ti faccio vedere come creare un effetto di testo di lettere sovrapposte in Photoshop, con colori che si fondono insieme dove le lettere si sovrappongono! Come vedremo, non solo è un effetto divertente e colorato, ma è anche molto facile da creare. Aggiungiamo solo del testo, convertiamo le lettere in forme, cambiamo il colore di ogni lettera e quindi avviciniamo le lettere per sovrapporle. Per unire i colori nelle aree sovrapposte, utilizziamo una delle modalità di fusione dei livelli di Photoshop. Vediamo come funziona!
Ecco come apparirà l'effetto finale di "lettere sovrapposte" quando abbiamo finito:
L'effetto finale.
Iniziamo!
Come creare testo sovrapposto in Photoshop
Sto usando Photoshop CC ma ogni passaggio è pienamente compatibile con Photoshop CS6.
Passaggio 1: creare un nuovo documento
Inizia creando un nuovo documento Photoshop. Vai al menu File nella barra dei menu e scegli Nuovo :
Andare su File> Nuovo.
Nella finestra di dialogo Nuovo documento, imposta Larghezza a 1600 pixel, Altezza a 800 pixel, Risoluzione a 72 pixel / pollice e Contenuto dello sfondo su Bianco . Fai clic su Crea o OK (a seconda della versione di Photoshop che stai utilizzando) per chiudere la finestra di dialogo e creare il nuovo documento:
Impostazione delle opzioni per il nuovo documento.
Passaggio 2: aggiungi il testo
Seleziona lo strumento Testo dalla barra degli strumenti:
Selezione dello strumento Tipo.
Scegli il tuo carattere nella barra delle opzioni. I caratteri più spessi generalmente funzionano meglio per questo effetto. Userò Avenir Next Bold . Imposta la dimensione del tipo su 72 pt . Ridimensioneremo il testo dopo averlo aggiunto, ma questo ci darà le dimensioni predefinite più grandi per iniziare:
Scelta del carattere e della dimensione del tipo.
Assicurati che il colore del tuo tipo sia impostato su nero in modo da poter vedere il testo davanti allo sfondo bianco. Se non è impostato sul nero, premi la lettera D sulla tastiera per ripristinarla. Sceglieremo colori diversi per ogni lettera dopo aver convertito il nostro testo in forme:
Il campione di colore nella barra delle opzioni mostra il colore del tipo corrente.
Fai clic all'interno del documento e aggiungi il tuo testo. Digiterò la parola "COLORATO":
Aggiunta del testo iniziale al documento.
Per accettare il testo, fai clic sul segno di spunta nella barra delle opzioni:
Facendo clic sul segno di spunta.
Passaggio 3: ridimensiona e sposta il testo con Trasformazione libera
Per ridimensionare il testo, vai al menu Modifica e scegli Trasformazione libera :
Vai a Modifica> Trasformazione libera.
Photoshop posiziona la casella Trasformazione libera e gestisce il testo. Per ridimensionarlo, tieni premuto il tasto Maiusc mentre fai clic e trascini una delle maniglie degli angoli . Tenendo premuto il tasto Maiusc mentre trascini i blocchi nelle forme originali delle lettere in modo da non distorcerle. Assicurati che quando hai finito, rilascia prima il pulsante del mouse, quindi rilascia il tasto Maiusc, altrimenti otterrai risultati imprevisti.
Per spostare il testo al centro del documento, fai clic e trascina all'interno della casella Trasformazione libera. Quando sei soddisfatto delle dimensioni e della posizione del testo, premi Invio (Win) / Return (Mac) sulla tastiera per uscire da Free Transform:
Trascinando una maniglia d'angolo tenendo premuto Maiusc per ridimensionare il testo.
Passaggio 4: converti il testo in forme
Nel pannello Livelli, il testo appare su un nuovo livello Tipo sopra il livello Sfondo:
Il pannello Livelli che mostra il nuovo livello Tipo.
Dobbiamo convertire le nostre lettere in forme. Con il livello Tipo selezionato, vai al menu Tipo nella barra dei menu e scegli Converti in forma :
Andare a Tipo> Converti in forma.
Nel pannello Livelli, il livello Tipo ora è un livello Forma, il che significa che il nostro testo non è più modificabile:
Il livello Tipo ora è un livello Forma.
E nel documento, vediamo tracciati di contorno intorno alle lettere, facendoci sapere che il testo è in realtà una forma:
Il testo è stato convertito in una forma.
Correlati: Come disegnare forme in Photoshop
Passaggio 5: sposta ogni lettera sul proprio livello
Per sovrapporre le lettere e unire i loro colori insieme, dobbiamo posizionare ogni lettera su un livello separato. Prendi lo strumento Selezione tracciato (lo strumento freccia nera) dalla barra degli strumenti:
Scelta dello strumento di selezione del percorso.
Quindi, in Photoshop CC, vai alla barra delle opzioni e modifica l'opzione Seleziona su Tutti i livelli . Ciò renderà più semplice la selezione di singole lettere. In Photoshop CS6, questa opzione non è disponibile, ma sarai comunque in grado di selezionare le lettere altrettanto facilmente:
Modifica di "Seleziona" in "Tutti i livelli" (solo Photoshop CC).
Torna nella finestra del documento, fai clic in un punto qualsiasi dello sfondo bianco per deselezionare le lettere. Quindi, fai clic sulla prima lettera a sinistra per selezionarla. Un contorno del percorso riapparirà attorno a quella sola lettera:
Selezione della prima lettera nella parola.
Per spostare questa lettera sul proprio livello, vai al menu Livello, scegli Nuovo, quindi scegli Forma livello tramite Taglia (assicurati di scegliere Taglia e non Copia). Oppure, un modo più veloce (e il modo che consiglio per questo effetto) è premere Maiusc + Ctrl + J (Win) / Maiusc + Comando + J (Mac) sulla tastiera:
Andare su Livello> Nuovo> Forma livello tramite Taglia.
Non sembrerà che sia successo nulla, ma nel pannello Livelli ora vediamo che la prima lettera è stata spostata sul proprio livello Forma sopra l'originale:
La prima lettera è stata spostata sul proprio livello.
Continua a spostare le lettere sui loro livelli
Per spostare le lettere rimanenti su livelli separati, fate clic su una lettera con lo strumento Selezione tracciato per selezionarla (in Photoshop CS6, dovrete fare doppio clic). Quindi premi Maiusc + Ctrl + J (Win) / Maiusc + Comando + J (Mac) per tagliare la lettera dal livello Forma originale sul proprio livello. Continua a spostarti tra le lettere una alla volta da sinistra a destra fino a quando ognuna non si trova su un livello separato. Quando raggiungi l'ultima lettera a destra, puoi lasciarla perché sarà l'unica lettera rimasta sul livello Forma originale:
Il pannello Livelli che mostra ogni lettera nella parola ora sul proprio livello.
Passaggio 6: modifica la modalità di fusione delle lettere in Moltiplica
Tra un momento, cambieremo il colore di ogni lettera e avvicineremo le lettere in modo che si sovrappongano. Poiché vogliamo che i colori nelle aree sovrapposte si fondano insieme, dobbiamo cambiare la modalità di fusione per ogni livello Forma. Photoshop ci consente di modificare rapidamente la modalità di fusione per più livelli contemporaneamente.
Fai clic sul livello superiore nel pannello Livelli per selezionarlo. Quindi, per selezionare anche gli altri livelli Forma, tieni premuto il tasto Maiusc e fai clic sul livello Forma originale direttamente sopra il livello Sfondo:
Selezione di tutte le lettere contemporaneamente.
Cambia la modalità di fusione nella parte superiore sinistra del pannello Livelli da Normale a Moltiplica . Vedremo l'effetto della modalità di fusione Moltiplica quando inizieremo a sovrapporre le lettere:
Modifica della modalità di fusione dei livelli Forma su Moltiplica.
Passaggio 7: posizionare i livelli Shape in un gruppo di layer
Mentre abbiamo selezionato i livelli Shape, inseriamoli in un gruppo di layer. Fai clic sull'icona del menu nell'angolo in alto a destra del pannello Livelli:
Apertura del menu del pannello Livelli.
Quindi scegli Nuovo gruppo dai livelli :
Scegliendo Nuovo gruppo da livelli dal menu.
Nella finestra di dialogo Nuovo gruppo da livelli, denominare il gruppo "Lettere", quindi fare clic su OK:
Denominazione del gruppo di livelli.
Di nuovo nel pannello Livelli, i livelli Forma ora appaiono in un gruppo chiamato "Lettere". Fai clic sul triangolo a sinistra dell'icona della cartella per aprire il gruppo:
Visualizzazione dei livelli Shape all'interno del gruppo.
Passaggio 8: cambia il colore di ogni lettera
Cambiamo il colore di ogni lettera. Inizieremo con la prima lettera a sinistra. Fai doppio clic sulla miniatura per il livello Forma superiore nel pannello Livelli:
Fare doppio clic sulla miniatura del livello Forma superiore.
Questo apre il Selettore colore di Photoshop. Sceglierò un azzurro. Per usare lo stesso colore che sto usando, imposta il valore R su 30, il valore G su 117 e il valore B su 197 :
La scelta di un azzurro per la prima lettera della parola.
Fai clic su OK per chiudere il Selettore colore e la prima lettera appare nel suo nuovo colore:
La prima lettera ora è di colore azzurro.
Per cambiare il colore della seconda lettera, fai di nuovo doppio clic sulla sua miniatura nel pannello Livelli:
Fare doppio clic sulla miniatura del secondo livello Shape.
Scegli un colore diverso nel Selettore colore. Sceglierò il verde impostando R su 25, G su 161 e B su 53 :
La scelta di un verde chiaro per la seconda lettera.
Fai clic su OK e ora la seconda lettera appare in verde (o in qualsiasi colore tu scelga):
Due colori in meno, sei per andare.
Modifica del colore delle lettere rimanenti
Continua a cambiare il colore di ogni lettera nella parola facendo doppio clic sulla sua miniatura nel pannello Livelli e scegliendo un nuovo colore dal Selettore colore. Per la terza lettera (" L "), sceglierò il giallo ( R = 255, G = 190, B = 0 ), e per la quarta lettera (" O "), andrò con il magenta ( R = 158, G = 33, B = 150 ). Per la "R ", userò l'arancione ( R = 244, G = 99, B = 36 ) e per la " F ", sceglierò un rosa brillante ( R = 243, G = 43, B = 104 ).
Cambierò la seconda ultima lettera (" U ") nello stesso blu che ho usato per la prima lettera ( R = 30, G = 117, B = 197 ). E infine, userò lo stesso giallo per l'ultima lettera (" L ") che ho usato per la terza lettera ( R = 255, G = 190, B = 0 ):
Ogni lettera ora ha un colore diverso.
Passaggio 9: aggiungere una sfumatura al gruppo di livelli
Il testo sembra decisamente più colorato, ma possiamo migliorare ulteriormente i colori applicando una sfumatura al gruppo di livelli stesso. Fai clic sul gruppo di livelli "Lettere" nella parte superiore del pannello Livelli per selezionarlo:
Selezione del gruppo di livelli "Lettere".
Quindi fai clic sull'icona Stili livello (icona "fx") nella parte inferiore del pannello Livelli:
Facendo clic sull'icona Stili livello.
Scegli Sovrapposizione sfumatura dall'elenco:
Scelta della sfumatura sovrapposta.
Questo apre la finestra di dialogo Stile livello di Photoshop impostata sulle opzioni Sovrapposizione sfumatura. Fai clic sul triangolo accanto al campione gradiente per aprire il Selettore gradiente . Quindi scegli il gradiente Nero, Bianco facendo doppio clic sulla sua miniatura (terza da sinistra, riga superiore):
Scelta del gradiente Nero, Bianco.
Imposta il Metodo fusione su Sovrapponi, Opacità su 100%, Stile su Lineare e Angolo su 90 gradi, quindi fai clic su OK:
Le opzioni di sovrapposizione sfumatura.
Applicando la sfumatura da nero a bianco direttamente al gruppo di livelli e impostando la modalità di fusione su Sovrapponi, il colore piatto in ogni lettera diventa una sfumatura, con una tonalità più chiara del colore nella parte superiore e una tonalità più scura nella parte inferiore:
L'aggiunta di una sovrapposizione sfumatura al gruppo è un modo rapido per trasformare i colori piatti in sfumature.
Correlati: Come disegnare gradienti in Photoshop
Passaggio 10: selezionare lo strumento Sposta e impostarlo su Selezione automatica livelli
A questo punto, tutto ciò che resta da fare è avvicinare le lettere in modo che si sovrappongano. Seleziona lo strumento Sposta dalla barra degli strumenti:
Selezione dello strumento Sposta.
Quindi, nella barra delle opzioni, assicurati che l'opzione Selezione automatica sia attivata (selezionata) e che sia impostata su Livello, non su Gruppo. Questo ci permetterà di selezionare ogni lettera semplicemente facendo clic su di essa:
Attivazione della selezione automatica e impostazione su Livello.
Passaggio 11: trascinare le lettere insieme in modo che si sovrappongano
Fai clic su una lettera con lo strumento Sposta per selezionarla. Il livello Forma per quella lettera verrà evidenziato nel pannello Livelli. Quindi, trascina la lettera sulla lettera accanto ad essa fino a quando parte delle lettere non si sovrappongono. Tieni premuto Maiusc mentre trascini per semplificare il trascinamento diretto. Qui, ho cliccato sulla seconda lettera (la "O" verde) e l'ho trascinata sopra e leggermente nella prima lettera ("C"). Si noti che nelle aree in cui le due lettere si sovrappongono, i colori di ciascuna lettera si fondono insieme:
Fai clic su una lettera per selezionarla, quindi trascinala sopra una parte della lettera accanto ad essa.
Farò clic sulla terza lettera ("L") per selezionarla, quindi la trascinerò a sinistra tenendo premuto Maiusc fino a quando parte di essa non si sovrappone alla lettera "O". Assicurati di fare clic una volta per selezionare prima la lettera, rilasciare il pulsante del mouse, quindi fare clic una seconda volta per trascinarla, altrimenti finirai per selezionare e spostare due lettere contemporaneamente. In altre parole, assicurati che il livello Forma per la lettera che desideri spostare sia evidenziato nel pannello Livelli prima di spostarlo:
L'effetto di testo sovrapposto sta prendendo forma.
Se selezioni e sposti accidentalmente due lettere contemporaneamente, premi Ctrl + Z (Win) / Comando + Z (Mac) per annullare l'ultimo passaggio. Fai clic in un punto qualsiasi dello sfondo bianco per deselezionare le lettere, quindi fai clic sulla lettera che ti serve per selezionarla.
Spostare le lettere rimanenti
Continua a trascinare le lettere rimanenti insieme finché non si sovrappongono tutte. Ancora una volta, ricorda di fare clic una volta su una lettera per selezionarla, rilascia il pulsante del mouse, quindi fai clic una seconda volta per spostarla. Puoi anche spostare le lettere a destra e sinistra usando i tasti freccia sinistra e destra sulla tastiera. Ecco il mio risultato dopo aver sovrapposto le lettere rimanenti. L'unico problema è che, dopo aver avvicinato le lettere, ora la parola appare troppo piccola nel documento. Finiremo il tutorial imparando come ridimensionarlo in seguito:
L'effetto dopo aver spostato ogni lettera per sovrapporle.
Passaggio 12: ridimensionare il testo
Poiché tutte le nostre lettere sono su livelli separati, per ridimensionare l'effetto, dovremo ridimensionare i livelli come gruppo. Fai di nuovo clic sul gruppo di livelli "Lettere" nella parte superiore del pannello Livelli per selezionarlo:
Selezione del gruppo di livelli.
Premi Ctrl + T (Win) / Command + T (Mac) sulla tastiera per selezionare rapidamente il comando Trasformazione libera di Photoshop. Quindi, proprio come abbiamo fatto prima, tieni premuto il tasto Maiusc e trascina le maniglie degli angoli per ridimensionare il testo. Sposta il testo per riposizionarlo facendo clic e trascinandolo nella casella Trasformazione libera:
Ridimensionare l'effetto con Trasformazione libera.
Premi Invio (Win) / Return (Mac) sulla tastiera per uscire da Free Transform e il gioco è fatto! Qui, dopo aver apportato alcune piccole modifiche alla spaziatura delle lettere, è il mio ultimo effetto di testo "lettere colorate sovrapposte":
L'effetto finale.
E lì ce l'abbiamo! Ecco come creare un effetto di testo di lettere sovrapposte e come unire i colori sovrapposti in Photoshop! Assicurati di consultare le nostre sezioni Effetti di testo per ulteriori tutorial!