Creare un look da film noir con una displacement map in Photoshop.
Cos'è una mappa di spostamento?
Se sei nuovo in Photoshop, la semplice menzione di displacement map può essere scoraggiante. Lo scopo di questo articolo è darti un'introduzione a loro; guidarti in passaggi facili da seguire su come generare semplici mappe di spostamento in scala di grigi da un'immagine esistente e mostrarti come implementarle in modo efficace utilizzando il filtro Sposta in Photoshop.
Una displacement map è una versione in scala di grigi della stessa immagine su cui stai lavorando, salvata come file Photoshop (.PSD). Questa mappa di spostamento viene quindi utilizzata per applicare una trama a un grafico piatto tramite Spostare filtro e distorce la grafica per adattarla alla forma della mappa. Ciò conferisce alla grafica piatta o all'oggetto 2D un aspetto 3D più realistico. Potresti aver visto immagini online in cui una trama è mappata sul viso di qualcuno o un logo contornato su una superficie ruvida.
Perché utilizzare le mappe di spostamento?
Le mappe di spostamento sono un ottimo modo per mappare la trama su oggetti 2D, come loghi o testo, aggiungere profondità e una prospettiva 3D. Spero di illustrare che le displacement map non sono così scoraggianti come potrebbero sembrare, anche se mi rendo conto che questo articolo potrebbe essere adatto agli utenti intermedi di Photoshop piuttosto che ai principianti.
Come implementare una Displacement Map?
Una volta generata una mappa di spostamento. Devi usare il file Spostare filtro per distorcere l'oggetto 2D, o grafico piatto, sulla mappa. Il Spostare il filtro è stato in Photoshop dalla versione 2.0. Non è cambiato molto da allora, tuttavia, è ancora un filtro che vale la pena conoscere. Può sembrare un processo complicato da usare, ma dopo averlo provato un paio di volte, è semplice. Quello che fa è spostare i pixel chiari in alto ea sinistra e i pixel scuri vengono spostati in basso ea destra. Questo crea un'illusione di profondità attraverso la luce. Questo è il motivo per cui la tua mappa di spostamento deve essere abbastanza contrastata.
Come accedere al filtro Distort in Photoshop.
Il primo metodo che descrivo di seguito mostra come utilizzare una forma vettoriale per creare una segnaletica orizzontale e mapparla su una superficie stradale. Questo processo sarebbe lo stesso per l'applicazione di loghi o testo su qualsiasi sfondo con texture. Negli altri due esempi, descrivo come utilizzare le displacement map per creare effetti d'ombra. Diamo un'occhiata.
1. Aggiunta di una segnaletica stradale realistica
Prima e dopo il punto in cui è stata applicata una mappa di spostamento sulla segnaletica stradale.
Obiettivo: creare una segnaletica orizzontale realistica da una grafica vettoriale.
Cominciamo con l'immagine di base della strada. La mappa di spostamento in scala di grigi verrà creata da questa immagine. La terza immagine è l'immagine vettoriale piatta della segnaletica orizzontale. Ho usato lo strumento Lazo poligonale per disegnare una forma simile a una segnaletica orizzontale e l'ho riempita di bianco. Converti questo in un oggetto avanzato, quindi nascondi questo livello.
Processo della mappa di spostamento:
Apri il pannello Canali e fai clic su ciascuno dei canali rosso, verde e blu per vedere quale ha il maggior contrasto. In questo esempio, ho scelto quello blu. Fare clic e duplicare questo canale.
Duplicare il canale blu per creare una mappa di spostamento.
Questo fa apparire un'altra finestra di dialogo (vedi sotto). Dove dice Documento, fare clic sulla scheda e scegliere Nuovo. Assegna un nome a questo file Spostare la strada o quello che vuoi e fai clic su OK.
Fare clic sulla scheda Documento per selezionare Nuovo per creare un nuovo documento per una mappa di spostamento.
Questo crea un nuovo documento con il livello denominato Alpha 1. Prima di salvare questo documento come file PSD (Photoshop) in scala di grigi. Devi aggiungere un po 'più di contrasto, vai Menu> Immagine> Regolazioni> Livelli, quindi aggiungi Gaussian Blur di 9,9 pixel. Ciò consentirà ai bordi della forma vettoriale della segnaletica stradale di abbracciare i contorni della strada, piuttosto che avere un bordo frastagliato. Converti questa immagine in scala di grigi e salvalo come Spostare road.psd. Chiudi questo documento.
Questa finestra di dialogo viene visualizzata subito dopo aver selezionato Nuovo nel passaggio precedente.
Una mappa di spostamento in scala di grigi dell'immagine stradale.
Torna al documento originale dove siamo ancora nel pannello Canali e il canale blu è ancora evidenziato. Fare clic sul livello RGB, per riportare l'immagine al colore.
Nel pannello dei livelli (normalmente ho questo annidato accanto al pannello dei canali) fai clic sul quadrato a sinistra della miniatura del livello per riportare la visibilità della forma vettoriale della strada che avevo disegnato prima di creare la mappa di spostamento. Vedi immagine sotto.
Con questo livello evidenziato, vai fino a Menu> Filtro> Distorsione> Sposta. Viene visualizzata una piccola finestra di dialogo. La quantità di distorsione applicata dipenderà dai valori immessi nelle caselle della scala orizzontale e verticale. Il valore predefinito è 10 in ogni casella. Questi valori rappresentano le percentuali.
Più alti sono i valori, maggiore è la distorsione. Sperimenta per vedere l'effetto desiderato che desideri. Quando converti i tuoi livelli in Oggetti intelligenti, qualsiasi modifica apportata può essere eseguita facilmente e in modo non distruttivo. Per questa immagine, ho scelto 55 per la scala orizzontale e 80 per quella verticale. Volevo una maggiore distorsione sulla segnaletica orizzontale in modo che corrispondesse all'aspetto consumato della strada.
A questo punto la tua immagine potrebbe sembrare un po 'strana, segui il passaggio successivo per renderla più omogenea e realistica.
Primo piano della segnaletica orizzontale dopo l'applicazione della mappa di spostamento e dei ritocchi finali.
Ritocchi finali: per dare alla segnaletica orizzontale un aspetto più realistico.
Ho aggiunto Gaussian Blur di 4px per eliminare il bordo leggermente pixelato sulla forma. Fare doppio clic in un punto qualsiasi a destra del livello per visualizzare la casella Stile livello. Ho cambiato la modalità di fusione in Sovrapposizione, ho ridotto l'opacità al 77% e Riempi al 90%. Nella sezione Blend If, ho spostato il cursore nero su 187 sul livello sottostante.
Mancia. Se tieni premuto il tasto Alt / Opzione quando trascini i cursori bianchi o neri, questo divide la freccia del cursore in due, rendendo la fusione più liscia.
Il cursore nero è diviso sul livello sottostante nella finestra di dialogo Opzioni di fusione.
2. Effetti ombra - Acqua
Prima e dopo le immagini che mostrano la distorsione sulla parola "Spostamento" quando è stata applicata una mappa di spostamento.
Obiettivo: creare un'ombra riflettente realistica in acqua con il testo.
Ho usato la parola "Displace" per mostrare come un'ombra nell'acqua può apparire abbastanza efficace e realistica. La mappa di spostamento che ho creato per questa immagine ha funzionato molto bene nel distorcere il testo per avvolgere le increspature dell'acqua. Ho seguito gli stessi passaggi per generare lo spostamento come sopra ma ho applicato una sfocatura gaussiana di 5,4 px per questa immagine.
I valori che ho aggiunto nella finestra di dialogo Sposta per le scale orizzontale e verticale erano rispettivamente 80.
Per le modifiche finali, ho aggiunto Gaussian Blur di 10.1px. Ho cambiato la modalità di fusione in Luce soffusa, ho ridotto l'opacità al 78% e Riempi all'80%. Nella sezione Blend If, ho spostato il cursore nero sul livello sottostante a 148.
La parola Spostamento è stata distorta utilizzando una mappa di spostamento.
2. Effetti ombra - Effetto film noir
Utilizzo di linee orizzontali nere e una mappa di spostamento per simulare la luce che splende attraverso le persiane delle finestre.
Obiettivo: creare un look da film noir o l'effetto della luce che passa attraverso le persiane.
Per questa immagine ho dovuto lavorare di più in Photoshop per ottenere l'aspetto finale. Il processo per generare una mappa di spostamento è lo stesso qui come negli altri esempi. Tieni presente che il canale blu non è la scelta migliore per i soggetti poiché i toni della pelle sembrano orribili.
Ho isolato il modello da questa immagine e l'ho messo su un livello separato con una maschera di livello. Ho aggiunto un livello di regolazione in bianco e nero, quindi ho creato linee orizzontali nere spesse utilizzando lo strumento Selezione rettangolare per assomigliare alle lamelle delle finestre su un livello separato. Successivamente, ho duplicato quel livello. Ne ho usato uno per il livello di sfondo e ho aggiunto una quantità significativa di sfocatura gaussiana. Ho quindi spostato l'altro livello sopra il modello con la maschera di livello. Volevo angolare le linee nere (tapparelle) sul viso della modella. L'ho fatto usando lo strumento di trasformazione gratuito.
Linee nere create utilizzando lo strumento Selezione rettangolare.
Ho creato una mappa di spostamento e ho distorto le lamelle sulla faccia del modello utilizzando 15 e 20 come valori per le scale orizzontale e verticale.
Le linee nere sono state distorte tramite il filtro Sposta utilizzando una mappa di spostamento.
Questa è solo una breve descrizione delle modifiche finali: ho applicato una sovrapposizione sfumatura e un po 'di bruciatura per scurire il lato sinistro del modello poiché la fonte di luce proviene da quella direzione. Ho aggiunto Gaussian Blur di 28,9 px e ridotto l'opacità al 40%.
Suggerimenti
- Il blu è il peggior canale da scegliere se stai realizzando una mappa di spostamento in cui sono coinvolti i toni della pelle.
- Il canale verde di solito mostra il contrasto maggiore.
- Assicurati di usare Gaussian Blur quando generi displacement map.
- Le mappe di spostamento devono essere salvate come file .PSD in scala di grigi.
Spero di averti ispirato a iniziare a creare mappe di spostamento e utilizzare il filtro di spostamento se non l'hai mai provato prima.