In questo tutorial, impareremo come posizionare un’immagine nel testo con Photoshop, un effetto molto popolare per creare e uno che capita anche di essere molto facile da fare grazie alla potenza delle maschere di ritaglio di Photoshop, come stiamo per vedere!
Questa versione del tutorial è per Photoshop CS5 e versioni precedenti. Se utilizzi Photoshop CC o CS6, consulta la versione completamente rivista e aggiornata di questo tutorial. Ecco l’effetto che stiamo andando per:
Iniziamo!
Come posizionare un’immagine nel testo
Passo 1: Aprire una foto da inserire all’interno del testo
Per prima cosa, abbiamo bisogno dell’immagine che inseriremo all’interno del nostro testo. Userò questa foto panoramica delle Hawaii:
Guarda il video tutorial sul nostro canale YouTube!
Passo 2: Duplicare il livello di sfondo
Se guardiamo nella tavolozza 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 tavolozza Livelli, vediamo che ora abbiamo due livelli. Il livello di sfondo originale si trova in basso e una copia del livello di sfondo, che Photoshop chiama automaticamente “Livello 1”, è posizionata sopra di esso:
Passo 3: Aggiungi un nuovo livello vuoto tra i due livelli
Successivamente, dobbiamo aggiungere un nuovo livello vuoto tra il livello di sfondo e “Livello 1”., Attualmente, “Livello 1” è il livello selezionato nella tavolozza 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 qualsiasi livello sia attualmente selezionato, il che significa che Photoshop posizionerebbe il livello sopra “Livello 1”. Non e ‘ 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, tieni premuto il tasto Ctrl (Win) / Command (Mac) e fai clic sull’icona Nuovo livello nella parte inferiore della tavolozza Livelli. Tenere premuto Ctrl (Win) / Command (Mac) è il trucco per posizionare il livello sotto il livello attualmente selezionato:
Ora abbiamo un nuovo livello vuoto chiamato “Livello 2” seduto direttamente tra il livello di sfondo e “Livello 1”:
Passo 4: Riempire il nuovo livello con bianco
Al momento, il nostro nuovo livello è completamente vuoto. Riempiamolo di bianco in modo che appaia come sfondo bianco dopo aver posizionato la nostra immagine all’interno del testo. Vai al menu Modifica nella parte superiore dello schermo e scegli Riempi. Verrà visualizzata la finestra di dialogo Riempimento di Photoshop., Selezionare Bianco per l’opzione Contenuto nella parte superiore della finestra di dialogo, quindi fare clic su OK per uscire dalla finestra di dialogo:
Non apparirà nulla nella finestra del documento, poiché l’immagine sul “Livello 1” sta bloccando “Livello 2” dalla vista, ma se guardiamo la miniatura di anteprima del livello per “Livello 2” nella tavolozza Livelli, possiamo vedere che abbastanza sicuro, il livello è ora pieno di bianco solido:
Passo 5: Seleziona “Livello 1” Nella tavolozza dei livelli
È ora di aggiungere il nostro testo, ma per vedere il testo quando lo aggiungiamo, avremo bisogno che il testo appaia sopra “Livello 1”, altrimenti l’immagine su “Livello 1” bloccherà il testo dalla vista. Per essere sicuri di poter vedere il nostro testo, fare clic su “Livello 1” nella tavolozza Livelli per selezionarlo. In questo modo, non appena iniziamo a digitare, Photoshop creerà un nuovo livello di tipo per noi e posizionerà il livello di tipo direttamente sopra “Livello 1”:
Passo 6: Seleziona lo strumento Tipo
Per aggiungere il testo, avremo bisogno dello strumento Tipo di Photoshop, quindi seleziona lo strumento Tipo dalla tavolozza Strumenti. È inoltre possibile selezionare rapidamente lo strumento Tipo premendo la lettera T sulla tastiera:
Passo 7: Scegli un font nella barra delle opzioni
Con lo strumento Tipo selezionato, vai alla barra delle opzioni nella parte superiore dello schermo e scegli il font che desideri utilizzare per l’effetto. Generalmente, i caratteri con lettere spesse funzionano meglio. Sceglierò Arial Black., Non preoccuparti per la dimensione del carattere per ora:
Passo 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 mio colore di testo. Il colore che scegli per il tuo testo non ha molta importanza dal momento che riempiremo il testo con un’immagine in un momento, ma aiuta comunque a vedere il testo quando lo aggiungiamo. Per impostare il colore del testo su bianco, tutto quello 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 ai loro 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 guardi i campioni di colore di primo piano e di sfondo nella parte inferiore della tavolozza Strumenti, vedrai che il bianco è ora il colore di primo piano (il campione di sinistra):
Passo 9: Aggiungi il testo
Con lo strumento Tipo selezionato, il font scelto e il bianco come colore di primo piano, fai clic all’interno della finestra del documento e aggiungi il testo. Dal momento che sto usando una foto di una scena oceanica alle Hawaii, ho intenzione di digitare la parola “HAWAII”:
Quando hai finito, fai clic sul segno di spunta nella barra delle opzioni per accettare il testo.
Passo 10: Ridimensionare e riposizionare il testo con il comando di trasformazione libera
Probabilmente avrai bisogno di ridimensionare e riposizionare il testo a questo punto, e possiamo fare entrambe le cose usando il comando di trasformazione libera di Photoshop. Premi Ctrl + T (Win) / Comando+T (Mac) sulla tastiera per visualizzare la casella di trasformazione libera e le maniglie attorno al testo, quindi trascina le maniglie per ridimensionare il testo. Se si desidera ridimensionare il testo senza distorcerne l’aspetto, tenere premuto il tasto Maiusc e trascinare 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 in qualsiasi punto all’interno della casella di trasformazione libera e trascinare il mouse per spostare il testo all’interno della finestra del documento:
Premere Invio (Win) / Return (Mac) quando hai finito di accettare la trasformazione e uscire dal comando Trasformazione libera.,
Passo 11: Trascina il livello di testo sotto “Livello 1”
Ora che abbiamo il nostro testo nel modo in cui lo vogliamo, dobbiamo spostare il livello di tipo sotto il testo nella tavolozza Livelli. Fai clic sul livello di testo, quindi trascinalo semplicemente sotto “Livello 1”. Vedrai apparire una spessa linea nera tra “Layer 1″e”Layer 2”:
Rilasciare il pulsante del mouse quando la linea nera sembra far cadere il livello di tipo in posizione tra “Livello 1” e “Livello 2”:
Passo 12: Selezionare nuovamente “Livello 1”
Fare nuovamente clic su “Livello 1″nella palette Livelli per selezionarlo:
Il testo scomparirà temporaneamente all’interno della finestra del documento ora che l’immagine sul “Livello 1” lo sta bloccando dalla vista.,
Passo 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 “ritaglia” la foto sul “Livello 1” al testo sul livello direttamente sotto di esso. Tutte le aree della foto che appaiono direttamente sopra le lettere rimarranno visibili 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:
Se guardiamo nella finestra del documento, possiamo vedere che la foto ora sembra essere all’interno del testo:
Passo 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 tipo nella tavolozza Livelli, quindi fare clic sull’icona Stili livello nella parte inferiore della tavolozza Livelli:
Seleziona l’ombra esterna dall’elenco degli stili di livello che appare:
Viene visualizzata la finestra di dialogo Stile livello di Photoshop impostata sulle opzioni Ombra nella colonna centrale., Lascerò la maggior parte delle opzioni da sola, ma abbasserò l’opacità dell’ombra esterna a circa il 60%, quindi non è così intensa, e imposterò l’angolo dell’ombra esterna a 120°:
Fare clic su OK al termine per applicare l’ombra esterna un’uscita dalla finestra di dialogo Stile livello. Ecco il mio effetto finale “immagine in testo”:
Prossimo tutorial: come posizionare un’immagine in più livelli di testo contemporaneamente!