Ammettiamolo, l'effetto di ombreggiatura incorporato di Photoshop ha i suoi limiti. Va bene per gli effetti d'ombra di base, come far apparire il testo leggermente sollevato dallo sfondo di una pagina Web, ma se stai cercando qualcosa di più foto realistico, l'ombra esterna da sola non lo taglia. Con un piccolo aiuto, però, possiamo trasformare quelle ombre chiare e poco interessanti in qualcosa di molto più realistico osservando "mappando" le nostre ombre sull'immagine usando quella che viene chiamata una mappa di spostamento . Le mappe di spostamento sono ciò che i professionisti usano per aggiungere realismo alle immagini, ma non lasciarti spaventare. Non è necessario essere un professionista per usarli. In effetti, sono davvero abbastanza semplici.

Come vedremo in questo tutorial di Photoshop, una mappa di spostamento non è altro che una versione separata, in bianco e nero della tua immagine, che Photoshop utilizza per capire come rimodellare le tue ombre in modo che sembrino seguire le trame naturali e profondità dello sfondo dietro di loro, proprio come farebbe una vera ombra. Pensa a una mappa di spostamento come Photoshop che sposta i pixel da "dis place to dis place". Se questo tipo di senso ha senso per te, fantastico! In caso contrario, non ti preoccupare, quando avremo finito questo tutorial.

Ecco la mia immagine originale, una semplice foto di un po 'd'acqua:

Aggiungerò un tipo su di esso e quindi aggiungerò un'ombra esterna al tipo. Normalmente, otterrei qualcosa che assomiglia a questo:

Non molto realistico. L'ombra discendente sembra seguire in qualche modo le forme delle onde sottostanti, ma ciò è dovuto solo al fatto che l'opacità dell'ombra discendente è impostata sul suo valore predefinito del 75%, quindi alcune onde si stanno mostrando attraverso di essa. L'opacità ridotta aiuta un po ', ma sicuramente non è il massimo che potremmo fare. Per la maggior parte, le ombre sembrano piatte.

Grazie alla potenza di Photoshop e alle mappe di spostamento, tuttavia, posso facilmente trasformare quella semplice ombra in qualcosa di più simile a questo:

Sembra molto meglio e creare questo effetto ombra "mappato" è ciò che faremo in questo tutorial.

Questo tutorial è tratto dalla nostra serie di effetti fotografici. Iniziamo!

Passaggio 1: aggiungi un tipo sopra l'immagine

La mia foto d'acqua è aperta in Photoshop e nella palette Livelli posso vedere che attualmente ho un livello, il livello Sfondo, che contiene la mia immagine:

La palette Livelli di Photoshop che mostra l'immagine originale aperta sul livello Sfondo.

La prima cosa che farò è aggiungere il tipo che userò. Premi T sulla tastiera per accedere rapidamente allo strumento Testo e aggiungere il testo. Ho intenzione di digitare "DEEP BLUE":

Premi "T" sulla tastiera per accedere rapidamente allo strumento Testo e aggiungere il testo all'immagine.

Ecco la mia palette Livelli che ora mostra due livelli: il livello Sfondo originale e il livello testo appena aggiunto sopra di esso:

La palette Livelli ora mostra il livello testo aggiunto sopra il livello Sfondo.

Non devi fare questo passaggio successivo se non vuoi, ma ho intenzione di allungare il mio testo e renderlo più alto premendo Ctrl + T (Win) / Command + T (Mac) per visualizzare Photoshop Riquadro Trasformazione libera e maniglie attorno al mio tipo, quindi tenendo premuto Alt (Win) / Opzione (Mac), trascinerò la casella Trasformazione libera verso l'alto dalla maniglia in alto al centro (cerchiata in rosso nello screenshot qui sotto). Tenendo premuto Alt / Opzione, questo indica a Photoshop di allungare il tipo dal centro, estendendo contemporaneamente sia la parte superiore che quella inferiore.

Allungando il tipo e rendendolo più alto usando il comando Trasformazione libera di Photoshop. Tenendo premuto il tasto Alt (Win) / Opzione (Mac) mentre trascino dalla maniglia superiore aumenta l'altezza del testo sia dall'alto che dal basso contemporaneamente mentre trascino.

Con il testo in atto, aggiungeremo successivamente la nostra ombra esterna.

Passaggio 2: aggiungere un'ombra discendente al testo

Con il livello testo selezionato, fai clic sull'icona Aggiungi stile livello nella parte inferiore della palette Livelli:

Fai clic sull'icona Aggiungi stile livello nella parte inferiore della palette Livelli.

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

Seleziona lo stile del livello Ombra esterna dall'elenco.

Questo farà apparire la finestra di dialogo Stile livello che ci mostra le opzioni di Ombra discendente:

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

Lascio l'Opacità impostata sul valore predefinito del 75% e l'Angolo impostato su 120 gradi. L'unica opzione che ho intenzione di cambiare è la distanza, che imposterò su 20 pixel, come mostrato sopra. Al termine, fai clic su OK per uscire dalla finestra delle opzioni.

Ecco la mia immagine con l'ombra discendente applicata:

L'immagine con l'ombra discendente applicata al testo.

Sicuramente non quello che definiresti realistico. Certo, non ricordo l'ultima volta che ho visto del testo librarsi sull'acqua nella vita reale, ma se l'ho visto, sono sicuro che l'ombra non sembrerebbe così falsa. Fortunatamente, risolvere questo problema è ciò di cui tratta questo tutorial. In seguito creeremo la nostra mappa di spostamento.

Passaggio 3: copia il livello di sfondo e incolla come un nuovo canale

Nella palette Livelli, fare di nuovo clic sul livello Sfondo per selezionarlo:

Fare clic sul livello Sfondo nella palette Livelli per selezionarlo.

Con il livello Sfondo selezionato, premi Ctrl + A (Win) / Comando + A (Mac) per selezionare il contenuto del livello, che in questo caso è la foto d'acqua originale. Vedrai apparire una casella di selezione attorno all'immagine nella finestra del documento. Quindi premi Ctrl + C (Win) / Command + C (Mac) per copiare il contenuto del layer.

Ora passa alla palette Canali, che è raggruppata a destra accanto alla palette Livelli e fai clic sull'icona Crea nuovo canale nella parte inferiore della palette Canali, come cerchiata in rosso di seguito:

Fai clic sull'icona Crea nuovo canale nella parte inferiore della palette Canali.

Un nuovo canale pieno di nero, che Photoshop chiama "Alpha 1", apparirà sotto i canali rosso, verde e blu esistenti:

Photoshop aggiunge un nuovo canale sotto il canale blu e lo chiama "Alpha 1".

Con il canale "Alpha 1" selezionato, premi Ctrl + V (Win) / Command + V (Mac) per incollare il contenuto del livello Background in questo nuovo canale. Vedrai apparire l'immagine in bianco e nero nell'area di anteprima della miniatura del canale "Alpha 1":

Il contenuto del livello Sfondo viene visualizzato in bianco e nero all'interno della miniatura di anteprima del nuovo canale.

E vedrai apparire la stessa versione in bianco e nero nella finestra del documento:

Una versione in bianco e nero del livello Sfondo ora viene visualizzata nella finestra del documento.

Premi Ctrl + D (Win) / Command + D (Mac) per deselezionare l'immagine a questo punto. Successivamente applicheremo un filtro Sfocatura gaussiana al nuovo canale.

Passaggio 4: applicare il filtro sfocatura gaussiana al nuovo canale

Utilizzeremo questo nuovo canale come nostra mappa di spostamento per la nostra ombra esterna, e una delle cose che vogliamo evitare è avere bordi duri o ruvidi nella mappa di spostamento in modo che la nostra ombra scorrerà uniformemente e naturalmente con il increspature e onde nell'acqua. Per essere sicuro che tutto vada bene e senza intoppi, aggiungerò un filtro Sfocatura gaussiana a questo canale.

Con il canale "Alpha 1" selezionato, vai al menu Filtro nella parte superiore dello schermo, scegli Sfocatura, quindi Sfocatura gaussiana, che visualizza la finestra di dialogo Sfocatura gaussiana:

Selezionare Filtro> Sfocatura> Sfocatura gaussiana per visualizzare la finestra di dialogo Sfocatura gaussiana.

Vuoi aggiungere solo una leggera quantità di sfocatura qui. Sto usando un'immagine a bassa risoluzione per questo tutorial e, per me, un valore del raggio di circa 2 pixel fa il trucco. Se stai utilizzando un'immagine direttamente dalla tua fotocamera digitale, è probabile che abbia una risoluzione molto più elevata e, in tal caso, probabilmente scoprirai che un'impostazione di circa 5-6 pixel funziona bene. Ancora una volta, vogliamo solo una leggera quantità di sfocatura, quanto basta per appianare tutto.

Passaggio 5: aumentare il contrasto del canale con i livelli

La prossima cosa che vogliamo fare è aumentare il contrasto di questo canale, poiché maggiore è il contrasto, maggiore sarà l'impatto della nostra mappa di spostamento. Sempre con il nuovo canale ancora selezionato, utilizzare la scorciatoia da tastiera Ctrl + L (Win) / Command + L (Mac) per visualizzare la finestra di dialogo Livelli :

Usa i Livelli per aumentare il contrasto del nuovo canale, aumentando l'effetto che la nostra mappa di spostamento avrà sull'ombra esterna.

Con la finestra di dialogo Livelli aperta, trascinare il cursore Livelli di input punto nero e punto bianco (entrambi cerchiati in rosso sopra) verso il centro per aumentare il contrasto del canale. Non preoccuparti di perdere i dettagli nelle luci e nelle ombre come faresti se usassimo i Livelli per una correzione tonale su un'immagine. Qui, tutto ciò di cui siamo preoccupati è aumentare il contrasto.

Ecco come appare il mio canale ora dopo aver aumentato il contrasto con Livelli:

Il canale "alpha 1" dopo aver aumentato il contrasto con i livelli.

Abbiamo finito di lavorare sul canale ed è pronto per essere utilizzato come una mappa di spostamento, ma per usarlo, dobbiamo creare un nuovo documento da esso e lo faremo successivamente.

Passaggio 6: duplicare il canale come nuovo documento

Abbiamo applicato il nostro filtro Sfocatura gaussiana al canale per appianare tutto e abbiamo aumentato il contrasto con i livelli. Il nostro canale è pronto per essere utilizzato come una mappa di spostamento, ma per utilizzare una mappa di spostamento, deve essere un file separato e attualmente è solo un canale nel nostro file originale. Lo salveremo come nuovo file duplicando il canale. Fare clic sulla piccola freccia rivolta verso destra nell'angolo in alto a destra della palette Canali per accedere alle opzioni della palette Canali e selezionare Duplica canale dall'elenco a discesa che appare:

Fare clic sulla piccola freccia rivolta verso destra nella parte superiore destra della palette Canali e selezionare "Duplica canale" dall'elenco delle opzioni.

Questo fa apparire la finestra di dialogo Duplica canale:

La finestra di dialogo "Duplica canale".

Per Destinazione, fare clic sulla freccia rivolta verso il basso e selezionare Nuovo per duplicare il canale come documento completamente separato e assegnare un nome al nuovo documento. Ho chiamato il mio "spostamento dell'acqua". Al termine, fai clic su OK e il tuo canale verrà visualizzato come un nuovo documento Photoshop sullo schermo.

Passaggio 7: salvare il nuovo documento

Salva questo nuovo documento sul desktop o ovunque desideri salvarlo sul tuo computer e ricorda dove lo stai salvando perché accederemo in un attimo. Dopo aver salvato il documento, vai avanti e chiudilo, lasciando aperto solo il documento originale.

Passaggio 8: creare un nuovo livello dallo stile di livello ombra esterna

Normalmente gli stili di livello come le ombre sono semplicemente effetti applicati ad altri livelli, ma possiamo convertire gli stili di livello nei propri livelli, che è esattamente ciò che dobbiamo fare con il nostro effetto di ombra per poterlo usare con il nostro spostamento carta geografica. Con il livello di testo selezionato, vai al menu Livello nella parte superiore dello schermo, seleziona Stile livello, quindi in fondo alla fine dell'elenco, seleziona Crea livello :

Vai a Livello> Stile livello> Crea livello per convertire l'effetto ombra esterna nel proprio livello separato sotto il livello testo.

Quando selezionate "Crea livello" dalle opzioni Stile livello, Photoshop prende l'ombra discendente, la rasterizza (la converte in pixel), quindi la posiziona su un livello separato direttamente sotto il livello testo:

L'ombra discendente ora appare sul proprio livello sotto il livello testo.

Abbiamo la nostra mappa di spostamento e abbiamo la nostra ombra esterna sul suo livello. Siamo pronti a combinare i due e creare un effetto ombra molto più realistico, e lo faremo dopo.

Passaggio 9: applicare la mappa di spostamento al livello ombra esterna utilizzando il filtro di spostamento

Siamo pronti ad applicare la nostra mappa di spostamento. Fare clic sul livello ombra esterna nella palette Livelli per selezionarlo. Quindi vai al menu Filtro nella parte superiore dello schermo, seleziona Distorci, quindi seleziona Sposta per visualizzare la finestra di dialogo del filtro Sposta:

Vai a Filtro> Distorci> Sposta per visualizzare la finestra di dialogo del filtro "Sposta".

Ci sono due parti nell'uso del filtro Displace di Photoshop. Innanzitutto, impostate le opzioni su come Photoshop applicherà la mappa di spostamento, quindi selezionate la mappa di spostamento che volete usare. Questa prima finestra di dialogo che appare è dove si impostano le opzioni. Come ho cerchiato sopra, imposta entrambe le opzioni Scala orizzontale e Scala verticale su 10, se non sono già impostate su 10. Per Mappa di spostamento, seleziona Allunga per adattarsi e per Aree non definite, scegli Avvolgi . Fai clic su OK quando hai finito.

Si aprirà una seconda finestra di dialogo che ti chiederà di scegliere quale file vuoi usare come mappa di spostamento. Passa da dove hai salvato la tua mappa di spostamento da qualche passo indietro e selezionala. Fai clic su Apri per utilizzare la mappa di spostamento e la tua ombra esterna viene immediatamente mappata sullo sfondo dietro di essa!

Per avere un'idea migliore di ciò che sta accadendo, farò clic sull'icona a forma di bulbo oculare all'estrema sinistra del mio livello di testo per nascondere temporaneamente il mio tipo alla vista in modo da poter vedere solo l'ombra esterna e l'acqua dietro di essa. Ecco come appariva la mia ombra esterna prima di applicare la mappa di spostamento:

Viene applicata l'ombra discendente prima della mappa di spostamento, con il livello del testo temporaneamente nascosto dalla vista.

Ed ecco la mia stessa identica ombra dopo aver applicato la mia mappa di spostamento:

L'ombra esterna dopo l'applicazione della mappa di spostamento.

Grazie alla mappa di spostamento, l'ombra esterna non è più appoggiata all'immagine dietro di essa. Ora curva e si piega con l'acqua, creando un effetto molto più realistico.

Ho intenzione di fare di nuovo clic sull'icona a forma di bulbo oculare per il mio livello di testo per riportare il mio testo sopra l'ombra discendente, ed ecco il mio risultato finale:

Il risultato finale

E lì ce l'abbiamo! È così che puoi creare ombre realistiche in Photoshop mappandole all'immagine con mappe di spostamento. Dai un'occhiata alla nostra sezione Effetti fotografici per ulteriori tutorial sugli effetti di Photoshop!