Articles

Trasforma il testo in Photoshop: Effetti di distorsione e prospettiva 3D

Scritto da Steve Patterson.

In questo tutorial, vi mostro come trasformare il testo con i comandi Distorcere e Prospettiva in Photoshop! Normalmente, Photoshop non ci consente di utilizzare Distorcere o Prospettiva con livelli di tipo. Ma qui, ti mostrerò un semplice trucco per sbloccare entrambi i comandi e mantenere il testo completamente modificabile.

Sto usando l’ultima versione di Photoshop CC ma qualsiasi versione recente funzionerà. Cominciamo!

Scarica questo tutorial come PDF pronto per la stampa!

Aggiungere il testo

La prima cosa che dobbiamo fare è aggiungere del testo. Ecco un’immagine che ho aperto in Photoshop da utilizzare come sfondo per il mio effetto. Ho scaricato questo da Adobe Stock:

L’immagine di sfondo. Credito fotografico: Adobe Stock.

E se guardiamo nel pannello Livelli, vediamo che ho anche andato avanti e aggiunto del testo sopra l’immagine. Lo accenderò facendo clic sull’icona di visibilità del livello di tipo:

Attivando il testo.

Ed ecco il mio testo:

Il testo appare davanti all’immagine.

Sto usando un font chiamato Orbitron Bold che ho scaricato da Adobe Typekit:

Il font utilizzato nell’effetto.

I comandi Distorcere e Prospettiva

Quello che vorrei fare è dare al mio testo più di un aspetto 3D, come se fosse inclinato verso l’orizzonte, il che significa che voglio cambiare la sua prospettiva. E il modo più semplice per aggiungere prospettiva è utilizzando il comando Prospettiva di Photoshop.

Per arrivarci, salirò al menu Modifica nella barra dei menu e sceglierò Trasforma. Questo è dove troviamo tutti i vari comandi di trasformazione di Photoshop. Ma si noti che, mentre possiamo accedere a cose come Scala, Rotazione, Inclinazione e persino Curvatura, le due opzioni più interessanti—Distorsione e Prospettiva—sono disattivate:

Le opzioni di Distorsione e Prospettiva non sono disponibili.

Conversione del livello di tipo

Il motivo è che Photoshop non ci consente di utilizzare Distorcere o Prospettiva con un livello di tipo. Quindi, prima di poter aggiungere una prospettiva 3D al mio testo, devo prima convertire il mio livello di tipo in qualcos’altro.

Opzione 1: Rasterizzare il testo

Una cosa che potrei fare è rasterizzare il mio testo, il che significa convertire il mio tipo in pixel. E potrei farlo nel pannello Livelli facendo clic con il pulsante destro del mouse (Win) / Control-clic (Mac) direttamente sul livello di tipo:

Tasto destro del mouse (Win) / Control-clic (Mac) sul livello di tipo.

E quindi scegliere Rasterizza tipo dal menu:

Il comando Rasterizza tipo.

Ma ecco il problema. Se converto il mio tipo in pixel, perdo la possibilità di modificare il mio testo. E, quando applichiamo qualsiasi tipo di trasformazione a un’immagine basata su pixel, possiamo perdere qualità. Quindi, rasterizzare il tipo non è una buona scelta.

Opzione 2: Conversione del tipo in una forma

Un’altra opzione trovata nello stesso menu è Converti in forma:

Il comando Converti in forma.

Il vantaggio che una forma ha sui pixel è che possiamo trasformare una forma quanto vogliamo senza alcuna perdita di qualità. Ma avremmo ancora un problema perché perderemmo ancora la possibilità di modificare il nostro testo. Quindi, convertirlo in una forma non è la scelta migliore.

Opzione 3: Convertire il tipo in un oggetto avanzato

Ma una terza opzione è quella di convertire il nostro testo in un oggetto avanzato scegliendo Converti in oggetto avanzato dal menu:

Scegliendo Converti in oggetto avanzato.

Photoshop converte il livello di tipo in un oggetto avanzato, e sappiamo che con l’icona oggetto avanzato in basso a destra della miniatura:

Il livello di tipo è ora un oggetto avanzato.

Gli oggetti intelligenti non sono distruttivi, quindi possiamo trasformarli quanto vogliamo senza alcuna perdita di qualità. E il nostro livello di tipo è ora incorporato all’interno dell’oggetto avanzato, il che significa che possiamo aprire l’oggetto avanzato e modificare il nostro testo ogni volta che ne abbiamo bisogno. Ma prima di imparare come farlo, diamo un’occhiata a come utilizzare i comandi Distorcere e Prospettiva con il nostro oggetto avanzato.

Correlati: Come ridimensionare le immagini senza perdere qualità

Distorcere

Tornerò al menu Modifica e sceglierò di nuovo Trasforma. E questa volta, tutte le opzioni di trasformazione, tra cui Distorcere e Prospettiva, sono disponibili:

Sia la distorsione che la prospettiva sono disponibili dopo aver convertito il testo in un oggetto avanzato.

Inizierò scegliendo Distort:

Scegliendo il comando Distort.

Il comando Distorcere consente di fare clic e trascinare le maniglie degli angoli attorno al testo indipendentemente l’una dall’altra. Possiamo trascinarli in qualsiasi direzione per distorcere il testo in forme diverse:

In modalità Distorcere, trascinare le maniglie d’angolo in modo indipendente.

Annullare una trasformazione

Non è proprio quello che voglio fare, quindi annullerò il comando Distorcere senza apportare modifiche premendo il tasto Esc sulla mia tastiera. E ora sono tornato alla forma originale del testo:

Premere Esc per annullare una trasformazione.

Prospettiva

Quello che voglio fare è fare in modo che il testo sembri inclinato verso l’orizzonte, un po ‘ come il testo a scorrimento che vedi all’inizio di un film di Star Wars. Potrei farlo con il comando Distorcere, ma il comando Prospettiva renderà più facile.

Per selezionarlo, tornerò al menu Modifica, sceglierò Trasforma, e poi sceglierò Prospettiva:

Andando a Modifica >Trasforma > Prospettiva.

Distorcere vs Prospettiva

La differenza tra Distorcere e Prospettiva è che in modalità Distorcere, possiamo trascinare le maniglie d’angolo in qualsiasi direzione e possiamo trascinarle separatamente l’una dall’altra. In modalità prospettiva, trasciniamo ancora le maniglie d’angolo, ma possiamo solo trascinarle su e giù, o a sinistra ea destra, e la maniglia nell’angolo opposto si muoverà insieme ad essa nella direzione opposta.

Si noti che se trascino la maniglia nell’angolo in alto a sinistra verso l’alto, la maniglia nell’angolo in basso a sinistra si sposta verso il basso:

Trascinando una maniglia verso l’alto si sposta la maniglia opposta verso il basso.

Lo annullerò salendo al menu Modifica e scegliendo Annulla, o premendo Ctrl+Z (Win) / Command+Z (Mac). Questo annullerà l’ultimo passaggio ma mi manterrà comunque in modalità prospettiva:

Andando a modificare > Annulla.

Per far sembrare il testo inclinato all’indietro, farò clic sullo stesso handle in alto a sinistra, ma questa volta, Ill trascinarlo verso l’interno verso destra. E poiché siamo in modalità Prospettiva, anche la maniglia opposta in alto a destra si sposta verso l’interno:

Trascinando una maniglia a destra si sposta la maniglia opposta a sinistra.

Passaggio tra i comandi di trasformazione

Voglio anche allungare il testo verticalmente in modo che occupi più spazio lungo il fondo. Per fare ciò, ho bisogno di passare dal comando Prospettiva al comando Scala. È possibile passare rapidamente tra i comandi di trasformazione facendo clic destro (Win) / Control-clic (Mac) ovunque all’interno del documento e scegliendo un’opzione diversa dall’elenco. Sceglierò Scala:

Passaggio dalla prospettiva alla scala.

Quindi farò clic sulla maniglia inferiore e la trascinerò verso il basso:

Ridimensionando il testo trascinando la maniglia centrale inferiore verso il basso.

Accettare la trasformazione

Per accettarla e chiudere dal mio comando Transform, premerò Invio (Win) / Return (Mac):

Il testo dopo aver applicato le trasformazioni di Prospettiva e Scala.

Related: Impara le abilità essenziali di trasformazione libera di Photoshop

Aggiunta di effetti al testo

Prima di esaminare come modificare il testo, aggiungerò rapidamente un paio di effetti.

Modifica della modalità di fusione

Tornerò al pannello Livelli e cambierò la modalità di fusione del mio oggetto avanzato da Normale a Overlay:

Modifica della modalità di fusione in Overlay.

Questo fonde il testo con l’immagine:

Il testo dopo aver modificato la modalità di fusione in Sovrapposizione.

Aggiunta di un bagliore esterno

Quindi aggiungerò un bagliore al testo facendo clic sull’icona degli stili di livello (l’icona fx):

Facendo clic sull’icona degli stili di livello.

E scegliendo Bagliore esterno:

Scegliendo uno stile di livello Bagliore esterno.

Nella finestra di dialogo Stile livello, faccio clic sul campione di colore per cambiare il colore del bagliore:

Facendo clic sul campione di colore.

Quindi sposterò il cursore del mouse nell’immagine e farò clic su un colore verde per selezionarlo:

Campionando un colore dall’immagine per il bagliore esterno.

Farò clic su OK per chiudere il Selettore colore. E poi di nuovo nella finestra di dialogo Stile livello, aumenterò la dimensione del bagliore a 60 px e l’Opacità al 50%:

Le opzioni di bagliore esterno.

Farò clic su OK per chiudere la finestra di dialogo, ed ecco il risultato:

Il testo con il bagliore esterno applicato.

Come modificare il testo

Infine, per modificare il testo, apri l’oggetto avanzato facendo doppio clic sulla sua miniatura nel pannello Livelli:

Aprendo l’oggetto avanzato.

Questo apre il contenuto dell’oggetto avanzato (in questo caso, il nostro testo) in un documento separato:

Il testo si apre in un documento separato.

E se guardiamo nel pannello Livelli, vediamo il nostro livello di tipo:

Il livello di tipo originale è sicuro all’interno dell’oggetto avanzato.

Modifica del testo

Seleziona lo strumento Tipo dalla barra degli strumenti:

Selezionando lo strumento Tipo.

Modifica del testo all’interno dell’oggetto avanzato.

Related: Come modificare gli oggetti avanzati

Salvare la modifica

Per far apparire la modifica nel documento principale, è necessario salvare e chiudere l’oggetto avanzato. Vai al menu File e scegli Salva:

Andando su File> Salva.

E poi tornare al menu File e scegliere Chiudi:

Andando al file > Chiudi.

E di nuovo nel documento principale, lo stesso effetto ora appare con il nuovo testo:

Lo stesso effetto dopo aver modificato il testo.

E ci siamo! Ecco come aggiungere effetti di distorsione e prospettiva al testo in Photoshop! Scopri le nostre sezioni Effetti di testo per ulteriori tutorial! E non dimenticare, tutti i nostri tutorial di Photoshop sono ora disponibili per il download come PDF!