In questo tutorial, impareremo come posizionare un'immagine nel testo con Photoshop, un effetto molto popolare da creare e uno che è anche molto facile da fare grazie alla potenza delle maschere di ritaglio di Photoshop, mentre stiamo per vedere!

Questa versione del tutorial è per Photoshop CS5 e precedenti. Se stai usando Photoshop CC o CS6, consulta la versione completamente rivista e aggiornata di questo tutorial. Ecco l'effetto che stiamo per:

L'effetto finale "immagine nel testo".

Iniziamo!

Come posizionare un'immagine nel testo

Passaggio 1: apri una foto da inserire nel testo

Innanzitutto, abbiamo bisogno dell'immagine che inseriremo all'interno del nostro testo. Userò questa foto panoramica delle Hawaii:

Una vista sull'oceano dalle Hawaii.

Guarda il video tutorial sul nostro canale YouTube!

Passaggio 2: duplicare il livello di sfondo

Se guardiamo nella palette Livelli, possiamo vedere che attualmente abbiamo un livello, chiamato Sfondo . Questo livello contiene la nostra immagine. Dobbiamo duplicare questo livello e il modo più semplice per farlo è usare la scorciatoia da tastiera Ctrl + J (Win) / Command + J (Mac). Se guardiamo ancora una volta nella palette Livelli, vediamo che ora abbiamo due livelli. Il livello di sfondo originale si trova nella parte inferiore e una copia del livello di sfondo, che Photoshop ha automaticamente chiamato "Livello 1", si trova sopra di esso:

Tavolozza dei livelli di Photoshop.

Passaggio 3: aggiungere un nuovo livello vuoto tra i due livelli

Successivamente, è necessario aggiungere un nuovo livello vuoto tra il livello Sfondo e "Livello 1". Attualmente, "Livello 1" è il livello selezionato nella palette Livelli. Possiamo dire quale livello è selezionato perché il livello selezionato è sempre evidenziato in blu. Normalmente, quando aggiungiamo un nuovo livello, Photoshop posiziona il nuovo livello direttamente sopra il livello attualmente selezionato, il che significa che Photoshop posizionerebbe il livello sopra "Livello 1". Non è quello che vogliamo. Vogliamo che il nuovo livello sia posizionato sotto "Livello 1". Ecco un trucco utile. Per aggiungere un nuovo livello sotto il livello attualmente selezionato, tenere premuto il tasto Ctrl (Win) / Comando (Mac) e fare clic sull'icona Nuovo livello nella parte inferiore della palette Livelli. Tenere premuto Ctrl (Win) / Command (Mac) è il trucco per posizionare il layer sotto il layer attualmente selezionato:

Tieni premuto "Ctrl" (Win) / "Command" (Mac) e fai clic sull'icona Nuovo livello nella palette Livelli.

Ora abbiamo un nuovo livello vuoto chiamato "Livello 2" che si trova direttamente tra il livello Sfondo e "Livello 1":

La palette Livelli mostra il nuovo livello vuoto tra il livello Sfondo e "Livello 1".

Passaggio 4: riempire il nuovo livello di bianco

Al momento, il nostro nuovo livello è completamente vuoto. Riempiamolo di bianco in modo che appaia come sfondo bianco dopo aver inserito la nostra immagine all'interno del testo. Vai al menu Modifica nella parte superiore dello schermo e scegli Riempi . Questo farà apparire la finestra di dialogo Fill di Photoshop. Seleziona Bianco per l'opzione Contenuto nella parte superiore della finestra di dialogo, quindi fai clic su OK per uscire dalla finestra di dialogo:

Seleziona Bianco per l'opzione Contenuto nella parte superiore della finestra di dialogo del comando Riempi.

Sembra che non sia successo nulla nella finestra del documento, poiché l'immagine su "Livello 1" sta bloccando "Livello 2" dalla vista, ma se osserviamo l'anteprima del livello per "Livello 2" nella palette Livelli, possiamo vedere abbastanza sicuro, il livello è ora pieno di bianco solido:

La miniatura di anteprima per "Livello 2" mostra che il livello è ora pieno di bianco.

Passaggio 5: seleziona "Livello 1" nella palette Livelli

È tempo di aggiungere il nostro testo, ma per vedere il testo quando lo aggiungiamo, dovremo far apparire il testo sopra "Livello 1", altrimenti l'immagine su "Livello 1" bloccherà la visualizzazione del testo. Per essere sicuri di poter vedere il nostro testo, fai clic su "Livello 1" nella palette Livelli per selezionarlo. In questo modo, non appena inizieremo a digitare, Photoshop creerà un nuovo livello per noi e posizionerà il livello direttamente sopra "Livello 1":

Fai clic su "Livello 1" nella palette Livelli per selezionarlo.

Passaggio 6: selezionare lo strumento Tipo

Per aggiungere il testo, avremo bisogno dello strumento testo di Photoshop, quindi seleziona lo strumento testo dalla palette Strumenti. Puoi anche selezionare rapidamente lo strumento Testo premendo la lettera T sulla tastiera:

Seleziona lo strumento testo.

Passaggio 7: Scegli un carattere nella barra delle opzioni

Con lo strumento Testo selezionato, vai alla barra delle opzioni nella parte superiore dello schermo e scegli il tipo di carattere che desideri utilizzare per l'effetto. In genere, i caratteri con lettere spesse funzionano meglio. Ho intenzione di scegliere Arial Black. Non preoccuparti per la dimensione del carattere per ora:

Seleziona un carattere nella barra delle opzioni.

Passaggio 8: imposta il bianco come colore di primo piano

Questo passaggio non è assolutamente necessario, ma per aiutarmi a vedere il mio testo, userò il bianco per il colore del mio testo. Il colore che scegli per il tuo testo non ha molta importanza dato che riempiremo il testo con un'immagine tra un momento, ma aiuta comunque a vedere il testo quando lo stiamo aggiungendo. Per impostare il colore del testo su bianco, tutto ciò che dobbiamo fare è impostare il colore di primo piano di Photoshop su bianco. Innanzitutto, premi la lettera D sulla tastiera, che ripristinerà i colori di primo piano e di sfondo sui valori predefiniti. Il nero è il colore predefinito per il colore di primo piano e il bianco è il colore predefinito per il colore di sfondo. Per scambiarli in modo che il bianco diventi il ​​colore di primo piano, premi la lettera X sulla tastiera. Se osservi i campioni di colore di Primo piano e Sfondo vicino alla parte inferiore della palette Strumenti, vedrai che il bianco è ora il colore di Primo piano (il campione di sinistra):

L'impostazione del colore di primo piano su bianco imposta anche il colore del testo su bianco.

Passaggio 9: aggiungi il testo

Con lo strumento testo selezionato, il carattere scelto e bianco come colore di primo piano, fare clic all'interno della finestra del documento e aggiungere il testo. Dato che sto usando una foto di una scena oceanica alle Hawaii, scriverò la parola "HAWAII":

Fai clic all'interno del documento e aggiungi il tuo testo.

Al termine, fai clic sul segno di spunta nella barra delle opzioni per accettare il testo.

Fare clic sul segno di spunta nella barra delle opzioni per accettare il testo.

Passaggio 10: ridimensionare e riposizionare il testo con il comando Trasformazione libera

Probabilmente dovrai ridimensionare e riposizionare il testo a questo punto, e possiamo fare entrambe le cose usando il comando Trasformazione libera di Photoshop. Premi Ctrl + T (Win) / Command + T (Mac) sulla tastiera per visualizzare la casella Trasformazione libera e le maniglie attorno al testo, quindi trascina una delle maniglie per ridimensionare il testo. Se vuoi ridimensionare il testo senza distorcerne l'aspetto, tieni premuto il tasto Maiusc e trascina una delle quattro maniglie d'angolo. Puoi anche ridimensionare il testo dal suo centro tenendo premuto il tasto Alt (Win) / Opzione (Mac) mentre trascini. Infine, per spostare il testo, fai clic in un punto qualsiasi all'interno della casella Trasformazione libera e trascina il mouse per spostare il testo all'interno della finestra del documento:

Usa il comando Trasformazione libera di Photoshop per ridimensionare e spostare il testo.

Premi Invio (Win) / Return (Mac) quando hai finito di accettare la trasformazione e uscire dal comando Trasformazione libera.

Passaggio 11: trascina il livello di testo sotto "Livello 1"

Ora che abbiamo il nostro testo nel modo desiderato, dobbiamo spostare il livello del testo sotto il testo nella palette Livelli. Fai clic sul livello del testo, quindi trascinalo semplicemente sotto "Livello 1". Vedrai apparire una spessa linea nera tra "Livello 1" e "Livello 2":

Trascina il livello testo sotto "Livello 1".

Rilascia il pulsante del mouse quando la linea nera sembra rilasciare il livello del testo in posizione tra "Livello 1" e "Livello 2":

Il livello di testo ora appare tra "Livello 1" e "Livello 2".

Passaggio 12: selezionare nuovamente "Livello 1"

Fai di nuovo clic su "Livello 1" nella palette Livelli per selezionarlo:

Il livello di testo ora appare tra "Livello 1" e "Livello 2".

Il testo scompare temporaneamente all'interno della finestra del documento ora che l'immagine su "Livello 1" lo sta bloccando dalla vista.

Passaggio 13: creare una maschera di ritaglio

Per creare l'illusione che la foto sia all'interno del testo, dobbiamo usare una maschera di ritaglio . Questo "aggancerà" la foto su "Livello 1" al testo sul livello direttamente sotto di essa. Qualsiasi area della foto che appare direttamente sopra le lettere rimarrà visibile nel documento. Il resto della foto scomparirà dalla vista.

Con "Livello 1" selezionato nella palette Livelli, vai al menu Livello nella parte superiore dello schermo e scegli Crea maschera di ritaglio :

Vai su Livello> Crea maschera di ritaglio.

Se guardiamo nella finestra del documento, possiamo vedere che la foto ora sembra essere all'interno del testo:

La foto ora appare all'interno delle lettere.

Passaggio 14: aggiungi un'ombra esterna (opzionale)

Per completare il mio effetto, aggiungerò un'ombra esterna alle lettere. Se si desidera seguire, selezionare prima il livello testo nella palette Livelli, quindi fare clic sull'icona Stili livello nella parte inferiore della palette Livelli:

Seleziona il livello testo, quindi fai clic sull'icona Stili livello.

Seleziona Ombra discendente dall'elenco degli stili di livello che appare:

Seleziona lo stile del livello Ombra esterna.

Questo fa apparire la finestra di dialogo Stile livello di Photoshop impostata sulle opzioni Ombra discendente nella colonna centrale. Lascio la maggior parte delle opzioni da solo, ma abbasserò l' opacità dell'ombra esterna di circa il 60%, quindi non è così intenso e imposterò l' Angolo dell'ombra esterna su 120 ° :

La finestra di dialogo Stile livello che visualizza le opzioni per Ombra discendente.

Fai clic su OK quando hai finito per applicare l'ombra esterna e uscire dalla finestra di dialogo Stile livello. Ecco il mio ultimo effetto "immagine nel testo":

L'effetto finale "immagine nel testo".

Prossimo tutorial: come posizionare un'immagine in più livelli di testo contemporaneamente!

Inserimento di un'immagine nel testo - Riepilogo rapido

Abbiamo trattato molto in questo tutorial. Ecco un breve riepilogo dei passaggi per quando ne hai bisogno:

  • In Photoshop, apri la tua foto, quindi premi Ctrl + J (Win) / Comando + J (Mac) per duplicare il livello Sfondo.
  • Tieni premuto Ctrl (Win) / Comando (Mac) e, nel pannello Livelli, fai clic sull'icona Nuovo livello per aggiungere un nuovo livello vuoto tra i due livelli esistenti.
  • Vai al menu Modifica nella barra dei menu e scegli Riempi . Nella finestra di dialogo Riempi, imposta Usa su bianco . Clicca OK.
  • Nel pannello Livelli, selezionare il livello superiore (Livello 1) per renderlo attivo.
  • Seleziona lo strumento Testo, quindi nella barra delle opzioni scegli le opzioni del carattere.
  • Imposta il colore di primo piano su bianco, quindi fai clic sul documento e aggiungi il testo.
  • Premi Ctrl + T (Win) / Comando + T (Mac) per selezionare Trasformazione libera, quindi ridimensiona e riposiziona il testo secondo necessità. Premi Invio (Win) / Return (Mac) per uscire da Free Transform.
  • Nel pannello Livelli, trascina il livello Tipo sotto la foto sul Livello 1.
  • Seleziona Livello 1 per renderlo attivo, quindi vai al menu Livello nella barra dei menu e scegli Crea maschera di ritaglio .
  • Per aggiungere un'ombra discendente al testo, nel pannello Livelli, fai clic sull'icona " fx ", scegli Ombra discendente, quindi imposta l' angolo e l' opacità secondo necessità.

E lì ce l'abbiamo! Ecco come posizionare facilmente un'immagine nel testo con Photoshop! Visita le nostre sezioni Effetti di testo o Effetti fotografici per ulteriori tutorial sugli effetti di Photoshop!