In questo tutorial, impariamo come posizionare un’immagine nel testo, uno degli effetti più popolari e classici di Photoshop. Come vedremo, grazie alla potenza delle maschere di ritaglio, posizionare un’immagine all’interno del testo con Photoshop è semplice e facile. Userò Photoshop CS6 qui, ma questo tutorial è anche pienamente compatibile con Photoshop CC (Creative Cloud). Se stai usando una versione precedente di Photoshop, assicuratevi di controllare il mio originale Mettendo un’immagine nel tutorial di testo.,
Qui l’immagine che userò (Hawaiian beach photo from):
Ed ecco come apparirà la stessa immagine quando posizionata all’interno del testo:
Iniziamo!
Come posizionare un’immagine nel testo con Photoshop
Passo 1: Duplicare il livello di sfondo
Aprire l’immagine che si desidera inserire all’interno del testo., Con l’immagine appena aperta, se guardi nel pannello Livelli, vedrai l’immagine seduta sul livello di sfondo, attualmente l’unico livello nel documento:
Abbiamo bisogno di fare una copia di questo livello. Vai al menu Livello nella barra dei menu nella parte superiore dello schermo, scegli Nuovo, quindi scegli Livello tramite Copia., Oppure, è possibile selezionare questo stesso comando dalla tastiera premendo Ctrl + J (Win) / Command+J (Mac):
Photoshop crea una copia del livello, lo chiama “Livello 1” e lo posiziona direttamente sopra il livello di sfondo:
Passo 2: Aggiungi un livello di riempimento a tinta unita bianco
Quindi, aggiungiamo uno dei livelli di riempimento a tinta unita di Photoshop da utilizzare come sfondo per il nostro effetto., Fare clic sull’icona Nuovo livello di riempimento o regolazione nella parte inferiore del pannello Livelli:
Scegli Colore solido dalla parte superiore dell’elenco che appare:
Photoshop aprirà il Selettore di colori in modo da poter scegliere il colore con cui vogliamo riempire il livello., Userò il bianco per il mio colore di sfondo inserendo un valore di 255 nelle caselle R, G e B:
Fare clic su OK per chiudere il Selettore colore. Di nuovo nel pannello Livelli, vediamo il livello di riempimento di colore solido bianco (chiamato “Riempimento colore 1”) seduto sopra i due livelli dell’immagine:
E poiché il livello di riempimento si trova sopra entrambi i livelli dell’immagine, il documento è ora temporaneamente riempito di bianco:
Passo 3: Trascina il livello di riempimento di colore solido sotto il livello 1
Dobbiamo spostare il livello di riempimento di colore solido sotto il livello 1., Fare clic sul Colore Solido livello di Riempimento (assicurarsi di fare clic sul piccolo campione di colore icona sulla sinistra, non la maschera di livello icona a destra), e con il pulsante del mouse premuto, trascinare il livello verso il basso fino a visualizzare una barra evidenziatrice tra il livello di Sfondo e il Livello 1:
Rilasciare il pulsante del mouse quando appare la barra di evidenziazione per far cadere il livello di riempimento in posizione tra i due livelli dell’immagine., L’immagine riapparirà nella finestra del documento:
Passo 4: Selezionare il livello 1
Fare clic sul livello superiore (Livello 1) nel pannello Livelli per selezionarlo:
Passo 5: Seleziona lo strumento Tipo
Siamo pronti per aggiungere il nostro testo. Seleziona lo strumento Tipo di Photoshop dal pannello Strumenti a sinistra dello schermo. È inoltre possibile selezionare lo strumento Tipo semplicemente premendo la lettera T sulla tastiera:
Passo 6: Scegli il tuo font
Con lo strumento Tipo selezionato, vai alla barra delle opzioni nella parte superiore dello schermo e scegli il tuo font. Poiché il nostro obiettivo è posizionare un’immagine all’interno del testo, generalmente i caratteri con lettere spesse funzionano meglio. Ho intenzione di scegliere Arial nero, ma naturalmente è possibile scegliere qualsiasi tipo di carattere che ti piace. Non preoccuparti per la dimensione del carattere per ora. Ridimensioneremo il tipo manualmente in seguito:
Passo 7: Imposta il colore del tuo tipo su Bianco
Questo passo successivo non è assolutamente necessario, ma per aiutarci a vedere il testo mentre lo stiamo aggiungendo, impostiamo il nostro colore del tipo su bianco. Se il colore del tuo tipo è già impostato su bianco (o un altro colore che puoi facilmente vedere davanti all’immagine), puoi saltare questo passaggio. Per cambiare il colore del tipo, fare clic sul campione di colore nella barra delle opzioni:
Questo apre ancora una volta il Selettore colore. Sceglierò il bianco proprio come ho fatto prima inserendo un valore di 255 per le opzioni R, G e B., Fare clic su OK al termine per chiudere il Selettore colore:
Passo 8: Aggiungi il testo
Con lo strumento Tipo selezionato, il font scelto e il colore del tipo impostato su bianco, fai clic all’interno del documento e aggiungi il testo. Digiterò la parola “HAWAII”:
Fare clic sul segno di spunta nella barra delle opzioni quando hai finito di accettare il testo e uscire dalla modalità di modifica del testo:
Scopri tutto su come lavorare con il tipo in Photoshop con il nostro tutorial Photoshop Type Essentials!
Passo 9: Trascina il livello di tipo sotto il livello 1
Se guardiamo nel pannello Livelli, vediamo il nostro livello di tipo appena aggiunto seduto sopra il livello 1, motivo per cui il testo appare davanti all’immagine nel documento:
Dobbiamo spostarlo sotto il livello 1., Fare clic sul livello Tipo e, con il pulsante del mouse ancora premuto, trascinarlo verso il basso fino a visualizzare una barra di evidenziazione tra il livello 1 e il livello di riempimento a tinta unita:
Rilasciare il pulsante del mouse quando la barra di evidenziazione appare per far cadere il livello di tipo in posizione:
Passo 10: Selezionare nuovamente il livello 1
Fare nuovamente clic sul Livello 1 per selezionarlo e renderlo attivo:
Passo 11: Creare una maschera di ritaglio
Con il livello 1 selezionato, fare clic sulla piccola icona del menu nell’angolo in alto a destra del pannello Livelli:
scegliere Crea maschera di ritaglio dal menu che appare:
Questo aggancia l’immagine sul livello 1 al testo sul livello di tipo sottostante, il che significa che solo l’area dell’immagine che si trova direttamente sopra il testo reale sul livello di tipo rimane visibile, creando l’illusione che l’immagine sia all’interno del testo. Il resto dell’immagine è ora nascosto alla vista, e al suo posto, vediamo il livello di riempimento bianco solido:
Se guardiamo di nuovo nel pannello Livelli, vediamo che il livello 1 è stato rientrato a destra, con una piccola freccia rivolta verso il basso verso il livello di tipo sottostante. Ecco come Photoshop ci fa sapere che il livello di tipo viene utilizzato come maschera di ritaglio per il livello 1:
Tutorial correlato: Come funzionano le maschere di ritaglio di Photoshop
Passo 12: Selezionare il livello di tipo
Fare clic sul livello di tipo per selezionarlo e renderlo attivo:
Passo 13: Ridimensionare e riposizionare il testo
Tutto ciò che resta da fare ora è spostare e ridimensionare il tipo, e possiamo fare entrambe le cose usando il comando di trasformazione libera di Photoshop. Con il livello di tipo selezionato, vai al menu Modifica nella parte superiore dello schermo e scegli Trasformazione libera. Oppure, premi Ctrl + T (Win) / Command+T (Mac) sulla tastiera per selezionare Trasformazione libera con la scorciatoia:
Questo posiziona la casella di trasformazione libera e le maniglie (i quadratini) attorno al testo., Per ridimensionarlo, è sufficiente fare clic e trascinare una delle maniglie. Se si desidera ridimensionare il tipo senza distorcere le forme originali delle lettere, tenere premuto il tasto Maiusc mentre si trascina una delle quattro maniglie d’angolo. Puoi anche ridimensionare il testo dal suo centro tenendo premuto il tasto Alt (Win) / Option (Mac) mentre trascini. Infine, per spostare il testo, fare clic all’interno della casella di trasformazione libera e trascinarlo in posizione con il mouse:
Quando hai finito, premi Invio (Win) / Return (Mac) per accettare la trasformazione e uscire dalla Trasformazione libera:
Passo 14: Aggiungi un’ombra esterna (opzionale)
Questo passaggio finale è facoltativo, ma per completare l’effetto, aggiungerò un’ombra esterna. Se si desidera seguire, con il livello di tipo ancora attivo, fare clic sull’icona Stili di livello (l’icona “fx”) nella parte inferiore del pannello Livelli:
Scegli Ombra esterna dalla parte inferiore dell’elenco che appare:
Si apre la finestra di dialogo Stile livello impostata sulle opzioni Ombra esterna nella colonna centrale. Abbasserò l’opacità dell’ombra esterna dal suo valore predefinito del 75% al 50% per ridurre la sua intensità, quindi imposterò l’angolo dell’ombra a 120°., Aumenterò il mio valore di distanza a 30px e la Dimensione a 40px, ma questi due valori dipendono molto dalla dimensione dell’immagine, quindi potrebbe essere necessario giocarci da soli per trovare le impostazioni che funzionano meglio:
Fare clic su OK per chiudere fuori dalla finestra di dialogo Stile livello, e il gioco è fatto! Qui, dopo aver aggiunto un’ombra esterna alle lettere, è il mio risultato finale “immagine nel testo”:
E ci siamo!, In questo tutorial, abbiamo imparato come posizionare un’immagine in una singola parola o in un singolo livello di tipo. Nel prossimo tutorial, impara il trucco per posizionare un’immagine in più livelli di testo contemporaneamente! Oppure visita le nostre sezioni Effetti di testo o effetti fotografici per ulteriori tutorial sugli effetti di Photoshop!