In questo tutorial su Photoshop Effects impareremo come utilizzare il filtro Displace e una mappa di spostamento per aggiungere una trama interessante al volto di una persona in una foto. La mappa di spostamento ci permetterà di avvolgere la trama attorno alla forma e ai contorni del viso, piuttosto che far sembrare che abbiamo semplicemente incollato una trama piatta sulla foto.

Le mappe di spostamento sono state introdotte per la prima volta in Photoshop 2.0, quindi a meno che tu non stia ancora utilizzando la stessa versione di Photoshop che hai acquistato 20 anni fa, dovresti andare bene. Userò Photoshop CS4 durante questo tutorial, ma qualsiasi versione recente funzionerà.

Per creare l'effetto trama, avrai bisogno di due immagini: la foto principale a cui vuoi applicare la trama e una foto da usare come trama stessa. Ecco l'immagine a cui applicherò la mia trama:

L'immagine originale

Ecco l'immagine che userò per la mia trama, un semplice primo piano di una roccia che ho scattato fuori:

La foto della trama.

Ecco come sarà dopo che abbiamo mappato la trama sul viso dell'uomo:

L'effetto finale della mappa texture.

Come mappare una trama su una faccia con Photoshop

Passaggio 1: selezionare il canale con il miglior contrasto dell'immagine

Cominciamo con la foto a cui applicheremo la trama. Passa al pannello Canali per un momento. Troverai il pannello Canali raggruppato con i pannelli Livelli e Tracciati (i "pannelli" sono chiamati "palette" nelle versioni precedenti di Photoshop). Fai clic sulla scheda Nome canali nella parte superiore del gruppo per selezionarla. Vedrai tre canali di colore elencati - Rosso, Verde e Blu - insieme a un canale RGB composito nella parte superiore:

Il pannello Canali (palette) in Photoshop.

Per saperne di più sui canali di colore e sulla modalità di colore RGB in Photoshop, assicurati di dare un'occhiata al nostro intero RGB e canali di colore nel tutorial spiegato di Photoshop . Utilizzeremo uno di questi tre canali (rosso, verde o blu) per creare la nostra mappa di spostamento, che verrà quindi utilizzata per mappare la nostra trama ai contorni del viso della persona.

Dobbiamo selezionare il canale che ci fornirà la massima quantità di contrasto dell'immagine, poiché più contrasto abbiamo, migliori saranno i risultati che otterremo con la nostra mappa di spostamento. Fai clic su ogni singolo canale (rosso, verde, quindi blu) nel pannello Canali. Qui, sto facendo clic sul canale rosso per selezionarlo. Il canale attualmente selezionato apparirà evidenziato in blu:

Seleziona i singoli canali facendo clic su di essi nel pannello Canali.

Quando fai clic su ciascun canale, vedrai apparire una versione in bianco e nero della foto nella finestra del documento. Ogni canale ci darà una versione in bianco e nero diversa a seconda di quanto sia evidente quel colore nella foto. Dobbiamo scegliere il canale che ci offre il miglior contrasto dell'immagine sul volto della persona. Ecco come si presenta ciascuno dei miei tre canali, con rosso a sinistra, verde a metà e blu a destra:

Ogni canale di colore (rosso, verde, blu) ci fornisce una diversa versione in bianco e nero dell'immagine.

In genere quando si ha a che fare con i toni della pelle, il canale rosso sarà troppo luminoso e sbiadito per essere utilizzato come una mappa di spostamento (poiché la pelle contiene sempre molto rosso), quindi di solito si finirà per scegliere i canali verde o blu. Nel mio caso qui, il canale Blue è troppo scuro, quindi è fuori. Il canale rosso in realtà contiene più dettagli che mi aspetterei normalmente, ma penso che il canale verde contenga la massima quantità di contrasto, con alcune luci e ombre scure, quindi userò il canale verde per la mia mappa di spostamento.

Passaggio 2: duplicare il canale

Dopo aver determinato quale canale utilizzerai per la tua mappa di spostamento, assicurati di averlo selezionato nel pannello Canali. Sto usando il canale verde, quindi farò clic su di esso per selezionarlo:

Fai clic sul canale che utilizzerai per la tua mappa di spostamento.

Quindi fai clic sull'icona del menu nell'angolo in alto a destra del pannello Canali e seleziona Duplica canale dal menu visualizzato:

Fai clic con il pulsante destro del mouse (Win) / Control-clic (Mac) sul canale e scegli Duplica canale.

Verrà visualizzata la finestra di dialogo Duplica canale. Seleziona Nuovo per l'opzione Documento nella sezione Destinazione della finestra di dialogo, che aprirà la copia del canale come documento Photoshop separato. Non preoccuparti di nominarlo:

Impostare l'opzione Documento su Nuovo per creare un nuovo documento dal canale.

Fare clic su OK per uscire dalla finestra di dialogo. L'immagine in bianco e nero verrà visualizzata in una finestra del documento separata:

La versione in bianco e nero del canale verde (o qualunque canale tu scelga) ora appare nella sua finestra del documento.

Prepareremo la nostra immagine per usarla come una mappa di spostamento!

Passaggio 3: applicare il filtro mediano all'immagine della mappa di spostamento

Per questi prossimi passaggi, lavoreremo sull'immagine della mappa di spostamento che abbiamo appena creato, quindi per ora ignora l'immagine originale. Dobbiamo rimuovere gran parte dei dettagli dal viso della persona, altrimenti tutti i piccoli pori, protuberanze, stoppie e piccole imperfezioni della pelle causeranno problemi. Useremo un paio di filtri di Photoshop per sistemare le cose per noi. Il primo che applicheremo è il filtro mediano, che è ottimo per ridurre i piccoli dettagli mantenendo intatti i bordi che definiscono un oggetto. Vai al menu Filtro nella barra dei menu nella parte superiore dello schermo, scegli Rumore, quindi scegli Mediana :

Vai a Filtro> Rumore> Mediana.

Ciò farà apparire la finestra di dialogo del filtro mediano. Tieni d'occhio l'immagine nella finestra del documento mentre trascini il cursore Raggio nella parte inferiore della finestra di dialogo. Il cursore determina quanti dettagli vengono rimossi dall'immagine. Più trascini il cursore verso destra, più dettagli rimuoverai. L'idea è quella di rimuovere quanti più dettagli possibile dal viso della persona mantenendo intatti i bordi importanti. Non esiste un'impostazione specifica da utilizzare qui poiché dipenderà dalla dimensione dell'immagine su cui stai lavorando, ma imposterò il mio valore del raggio su circa 8 pixel:

Regola la quantità del raggio con il cursore nella parte inferiore della finestra di dialogo.

Fare clic su OK per uscire dalla finestra di dialogo. Qui possiamo vedere che sono riuscito a ridurre in modo significativo i dettagli del viso dell'uomo mantenendo i bordi definiti piacevoli e nitidi:

Gran parte dei dettagli nel volto dell'uomo è stato rimosso senza offuscare i dettagli importanti del bordo.

Passaggio 4: applicare il filtro sfocatura gaussiana

Successivamente, applicheremo il filtro Sfocatura gaussiana per completare la nostra mappa di spostamento. Torna al menu Filtro e questa volta scegli Sfocatura, quindi Sfocatura gaussiana :

Vai a Filtro> Sfocatura> Sfocatura gaussiana.

Quando viene visualizzata la finestra di dialogo Sfocatura gaussiana, utilizzare il dispositivo di scorrimento Raggio nella parte inferiore della finestra di dialogo nello stesso modo in cui è stato utilizzato con il filtro mediano un momento fa, tenendo d'occhio l'immagine nella finestra del documento mentre si trascina il cursore verso il diritto di applicare più sfocatura all'immagine. Ancora una volta, non esiste un'impostazione specifica da utilizzare qui poiché dipenderà dalla tua immagine, ma l'obiettivo è applicare una sfocatura sufficiente per appianare le cose pur essendo in grado di distinguere dettagli importanti (occhi, naso, bocca, ecc.). Aumenterò il valore del mio raggio a circa 13 pixel:

Aumenta il valore del raggio per aumentare la quantità di sfocatura applicata all'immagine.

Fare clic su OK al termine per uscire dalla finestra di dialogo. Photoshop applica la sfocatura alla mappa di spostamento:

La mappa di spostamento ora appare con transizioni fluide tra diversi livelli di luminosità.

Passaggio 5: convertire l'immagine in scala di grigi

Infine, convertiamo la nostra immagine della mappa di spostamento nella modalità colore Scala di grigi . Tecnicamente, questo non è assolutamente necessario poiché Photoshop può utilizzare anche mappe di spostamento salvate in altre modalità colore, ma si possono verificare problemi se la mappa di spostamento contiene troppi canali, quindi convertendo l'immagine in scala di grigi, che limita l'immagine a canale singolo, è un buon modo per evitare questi problemi. Vai al menu Immagine nella parte superiore dello schermo, scegli Modalità (che è l'abbreviazione di Modalità colore), quindi scegli Scala di grigi :

Vai a Immagine> Modalità> Scala di grigi.

Passaggio 6: salva l'immagine come file .PDF di Photoshop

Ora che abbiamo preparato la nostra immagine per l'uso come una mappa di spostamento, dobbiamo salvarla e dobbiamo salvarla specificamente come file .PSD di Photoshop . Questo è l'unico tipo di file che Photoshop può usare per le mappe di spostamento, anche se non ho idea del perché. A volte, devi solo accettare le cose, e questa è una di quelle volte. Vai al menu File nella parte superiore dello schermo e scegli Salva con nome :

Vai a File> Salva con nome.

Questo fa apparire la finestra di dialogo Salva con nome. Assegna al file un nome descrittivo. Ho intenzione di nominare il mio "displace.psd" e assicurarmi di selezionare Photoshop per l'opzione Formato in modo che venga salvato come file .PSD. Trovo che il posto più semplice per salvare le mappe di spostamento sia in una cartella "mappe di spostamento" che ho creato sul mio desktop, quindi è lì che salverò il mio file in:

Salva il file in un percorso che puoi ricordare facilmente, come il desktop.

Fai clic sul pulsante Salva al termine per salvare il file. Ora puoi chiudere fuori dalla finestra del documento della mappa di spostamento.

Passaggio 7: selezionare il volto della persona nella foto

A questo punto abbiamo finito di lavorare sulla nostra mappa di spostamento, quindi torna alla tua foto originale (quella a cui applicherai la trama). Se vedi ancora l'immagine in bianco e nero nella finestra del documento, è perché abbiamo ancora un singolo canale selezionato nel pannello Canali. Fai clic sul canale RGB nella parte superiore del pannello Canali per ripristinare la versione a colori dell'immagine. Il canale RGB non è affatto un canale, è semplicemente il composito dei tre singoli canali ed è ciò che ci consente di vedere l'immagine a colori:

Facendo clic sul canale RGB si selezionano tutti i canali contemporaneamente e si visualizza l'immagine a colori.

Passa anche al pannello Livelli facendo clic sulla scheda Nome livelli nella parte superiore del gruppo di pannelli. Dobbiamo selezionare l'area della foto su cui vogliamo mappare la trama. Dato che vogliamo mappare la trama solo sul viso della persona, dovremo prima selezionarla. Utilizzare lo strumento di selezione desiderato (Strumento Lazo, Penna troppo, ecc.) Per disegnare una selezione intorno all'area desiderata. Nel mio caso, userò lo strumento Lazo per disegnare una selezione attorno al viso dell'uomo e alla parte superiore della sua testa:

Disegna una selezione intorno all'area su cui desideri mappare la trama.

L'unico problema è che se dovessi applicare la trama in questo momento, i suoi occhi sarebbero coperti dalla trama poiché si trovano attualmente nell'area selezionata. Devo rimuovere gli occhi dalla selezione e il modo più semplice per farlo è semplicemente tenere premuto il tasto Alt (Win) / Opzione (Mac), che pone temporaneamente lo strumento Lazo in modalità Sottrai dalla selezione, indicato da un piccolo segno meno ("-") nell'angolo in basso a destra dell'icona lazo. Trascina una selezione intorno a ciascun occhio per rimuoverli dall'area selezionata. Al termine, dovresti vedere i contorni di selezione intorno alla testa e ai loro occhi. Ora è selezionata solo l'area tra i contorni di selezione, il che significa che gli occhi non saranno più interessati:

Tieni premuto Alt (Win) / Opzione (Mac) per passare temporaneamente alla modalità Sottrai dalla selezione con qualsiasi strumento di selezione di base.

Assicurati di dare un'occhiata al nostro tutorial sulle selezioni di base per maggiori informazioni su come lavorare con le selezioni in Photoshop.

Passaggio 8: salva la selezione

Non abbiamo bisogno della nostra selezione in questo momento, ma ne avremo presto bisogno, quindi salviamola. Vai al menu Seleziona nella parte superiore dello schermo e scegli Salva selezione :

Vai a Seleziona> Salva selezione.

Questo fa apparire la finestra di dialogo Salva selezione. Chiamerò la mia selezione "faccia", quindi farò clic su OK per salvare la selezione per un uso successivo:

Salvare una selezione ci consente di ricaricarla facilmente ogni volta che ne abbiamo bisogno.

Dopo aver salvato la selezione, premi Ctrl + D (Win) / Comando + D (Mac) per deselezionare rapidamente la selezione, rimuovendo i contorni della selezione dall'immagine.

Passaggio 9: copia l'immagine della trama sull'immagine originale

Apri la foto che intendi utilizzare per la tua trama. Nel mio caso, sto usando la foto della trama di roccia che abbiamo visto all'inizio del tutorial. Ora dovresti avere l'immagine originale e la foto della trama aperte nelle loro finestre di documento separate sullo schermo.

Assicurati di aver selezionato la foto della trama facendo clic su di essa in qualsiasi punto all'interno della finestra del documento. Quindi vai al menu Livello nella parte superiore dello schermo e scegli Duplica livello :

Vai a Livello> Duplica livello.

Questo fa apparire la finestra di dialogo Duplica livello. Chiamerò il mio livello copiato "texture", anche se il nome non è così importante. Ciò che è importante è selezionare il documento dell'immagine originale come Destinazione per il livello copiato in modo che la nostra foto di trama appaia all'interno del documento della foto originale. La mia foto originale si chiama "texture_mapping.psd", quindi la selezionerò come destinazione:

Seleziona l'immagine originale come destinazione per il livello.

Al termine, fai clic su OK per uscire dalla finestra di dialogo e copiare la foto della trama nel documento dell'immagine originale. A questo punto puoi chiudere la finestra del documento della foto della trama, che ci lascia con una sola finestra del documento aperta contenente sia la foto originale che la foto della trama, con la foto della trama che ora blocca la visualizzazione dell'immagine originale. Se guardiamo nel pannello Livelli, possiamo vedere che ora abbiamo due livelli. L'immagine originale si trova sul livello Sfondo, mentre la foto della trama si trova su un nuovo livello sopra di essa:

Poiché la foto texture si trova sopra l'originale nel pannello Livelli, blocca la visualizzazione dell'immagine originale nella finestra del documento.

Passaggio 10: carica la selezione

Ecco dove abbiamo bisogno di quella selezione che abbiamo creato e salvato in precedenza. Photoshop in realtà salva le selezioni come canali e se torniamo al pannello Canali, possiamo vedere che la nostra selezione appare come un canale separato sotto i canali RGB. Il mio canale si chiama "faccia" perché è quello che l'ho chiamato quando ho salvato la selezione. Per caricare rapidamente la selezione, tieni premuto il tasto Ctrl (Win) / Command (Mac) e fai clic direttamente sulla miniatura del canale:

Tenere premuto Ctrl (Win) / Command (Mac) e fare clic direttamente sull'anteprima del canale per caricarlo come selezione nella finestra del documento.

Al termine, torna al pannello Livelli. Vedrai che i contorni della selezione sono riapparsi all'interno del documento, anche se potrebbero essere un po 'difficili da vedere sulla trama:

La selezione è stata facilmente caricata nuovamente nel documento.

Passaggio 11: Aggiungi una maschera di livello

Con la selezione caricata, assicurati che il livello texture sia selezionato nel pannello Livelli (i livelli selezionati sono evidenziati in blu), quindi fai clic sull'icona Maschera livello nella parte inferiore del pannello Livelli:

Aggiungi una maschera di livello al livello di trama facendo clic sull'icona Maschera di livello.

Ciò aggiunge una maschera di livello al livello di trama e poiché quando abbiamo aggiunto la maschera abbiamo selezionato la testa della persona, rimane visibile solo l'area della foto di trama che rientrava nella selezione. Il resto del layer texture è ora nascosto alla vista:

Solo la faccia dell'uomo rimane coperta dalla foto della trama grazie alla maschera di livello.

Passaggio 12: modifica la modalità di fusione dello strato di trama in sovrapposizione

Per fondere la trama con il viso della persona, vai all'opzione Modalità di fusione nella parte superiore del pannello Livelli e cambia la modalità di fusione da Normale (impostazione predefinita) a Sovrapposizione :

Cambia la modalità di fusione del livello di trama in Sovrapposizione.

La trama ora si fonde perfettamente con il viso dell'uomo. Sentiti libero di provare anche altre modalità di fusione, come Moltiplica o Luce intensa, e confronta i risultati ottenuti, ma la modalità Sovrapposizione è spesso la scelta migliore per questo effetto:

L'immagine dopo aver modificato la modalità di fusione del livello di trama in Sovrapposizione.

Passaggio 13: selezionare il livello di trama

Le cose sembrano già abbastanza buone a questo punto, ma per aggiungere ancora più realismo, useremo la nostra mappa di spostamento per adattare la trama attorno ai contorni del viso della persona. Innanzitutto, dobbiamo selezionare il livello di trama, poiché attualmente è selezionata la maschera di livello, non il livello stesso. Possiamo dire quale è selezionato guardando le anteprime nel pannello Livelli. Noterai che al momento, la miniatura della maschera di livello sul livello di trama presenta un bordo di evidenziazione bianco attorno ad esso. Ciò significa che la maschera di livello è attualmente selezionata. Per selezionare il livello stesso, fai clic direttamente sull'anteprima dell'anteprima della maschera di livello:

Quando la miniatura dell'anteprima presenta un bordo evidenziato, il livello è selezionato. Quando la miniatura della maschera ha il bordo evidenziato, la maschera di livello è selezionata.

Passaggio 14: scollegare il livello dalla maschera di livello

Se applichiamo la nostra mappa di spostamento in questo momento, sia il contenuto del livello (la foto della trama) che la maschera del livello verranno rimodellati dalla mappa di spostamento, e ciò perché i contenuti del livello e il livello mascherato sono collegati insieme. Possiamo dire che sono collegati tra loro dalla piccola icona di collegamento tra le due anteprime. Per scollegare il contenuto del livello dalla maschera di livello in modo che la maschera di spostamento non sia influenzata dalla maschera di spostamento, fare clic sull'icona del collegamento per rimuoverla:

Fare clic sull'icona di collegamento piccola per scollegare il contenuto del livello dalla maschera di livello.

Passaggio 15: applicare il filtro di spostamento

Infine, siamo pronti ad applicare la nostra mappa di spostamento e lo facciamo utilizzando il filtro Displace di Photoshop. Vai al menu Filtro, scegli Distorci, quindi scegli Sposta :

Vai a Filtro> Distorci> Sposta.

Il filtro Displace è in realtà costituito da due finestre di dialogo separate. La prima finestra di dialogo ci chiede di impostare alcune opzioni, con le due opzioni più importanti in alto. Le opzioni Scala orizzontale e Scala verticale determinano l'impatto che la mappa di spostamento avrà sull'immagine. In altre parole, determinano quanto i pixel dell'immagine si sposteranno in orizzontale e in verticale. Sfortunatamente, non è disponibile un'anteprima, quindi il filtro Displace di solito comporta alcuni tentativi ed errori fino a quando non ottieni le cose giuste. Il valore predefinito di 10 per entrambe le opzioni Scala orizzontale e verticale è un buon punto di partenza, ma ho intenzione di aumentare il mio a 15 per un po 'più di impatto. I valori che finirai per utilizzare dipenderanno sia dalla dimensione della tua immagine sia dalla tua idea di ciò che sembra "giusto", quindi preparati a annullare questo passaggio alcune volte e riprova. Puoi lasciare le opzioni Allunga per adattare e Ripeti pixel bordo nella metà inferiore della finestra di dialogo selezionata:

Le opzioni Scala verticale e Scala orizzontale determinano la distanza di spostamento dei pixel nell'immagine.

Fai clic su OK quando hai finito per uscire da questa prima finestra di dialogo, che farà apparire la seconda finestra di dialogo che ti chiede di scegliere la tua mappa di spostamento. Vai a dove hai salvato la mappa di spostamento che abbiamo creato in precedenza. Il mio è stato salvato in una cartella "mappe di spostamento" sul mio desktop, quindi è lì che mi sposterò, quindi fare clic sulla mappa di spostamento per selezionarla e fare clic su Apri:

Seleziona la mappa di spostamento che abbiamo creato in precedenza.

Non appena si apre la mappa di spostamento, Photoshop la applica alla trama e mappa la trama sui contorni del viso e della testa della persona. Se stai usando una trama con molte linee rette, come una bandiera americana, ad esempio, noterai una notevole differenza nel modo in cui la trama si avvolge attorno alla forma del viso della persona. Se stai usando una trama come quella che sto usando con molte linee e crepe a forma casuale, la differenza potrebbe non essere così evidente, anche se le cose dovrebbero apparire più realistiche dopo l'applicazione della mappa di spostamento. O almeno, realistico come può sembrare una trama di roccia mappata sul viso di una persona. Ecco il mio risultato finale:

Il risultato finale del mapping mappato.