Effetto riflesso dell’acqua in Photoshop CC e CS6

Impara come creare un effetto riflesso dell’acqua in Photoshop con increspature realistiche. Un tutorial passo dopo passo per Photoshop CC e CS6.

Scritto da Steve Patterson.

Il risultato finale.

La foto originale. Credit: Adobe Stock.

Doppio clic sul livello Sfondo.

Rinomina il livello Sfondo “Foto”.

Il livello Sfondo è ora sbloccato e nominato “Foto”.

Trascina il livello sull’icona Nuovo livello tenendo premuto Alt / Option.

Nominare la copia del livello “Reflection”.

Il pannello Livelli che mostra il livello “Reflection” sopra la foto principale.

Fare clic sull’icona del menu del pannello Livelli.

Scegliere “Convert to Smart Object”.

Il livello “Riflesso” è ora uno Smart Object.

Scegliendo Dimensione tela dal menu Immagine.

La finestra di dialogo Dimensione tela.

Ora abbiamo spazio per il riflesso dell’acqua.

Selezionando lo strumento Sposta. Il tasto Shift limita la direzione in cui ci si può muovere, rendendo facile il trascinamento verso il basso:

Passo 7: Capovolgere l’immagine verticalmente

Capire l’immagine sul livello “Riflesso” verticalmente in modo che il riflesso dell’acqua rispecchi la foto sopra. Vai al menu Modifica nella barra dei menu, scegli Trasforma, e poi scegli Capovolgi verticale:

Dopo aver capovolto il livello “Riflesso”, l’immagine inferiore ora rispecchia quella superiore:

Relativo: Creare un effetto immagine speculare con Photoshop

Passo 8: Trascinare il livello “Riflessione” sotto il livello “Foto”

Nel pannello Livelli, clicca sul livello “Riflessione” e trascinalo sotto il livello “Foto”. Quando appare una barra orizzontale bianca sotto il livello “Foto”, rilascia il pulsante del mouse per far cadere il livello “Riflesso” in posizione:

Passo 9: Aggiungere la sfocatura al riflesso

Aggiungi un po’ di sfocatura al riflesso dell’acqua usando il filtro Sfocatura movimento di Photoshop. Con il livello “Riflesso” ancora selezionato, vai al menu Filtro nella barra dei menu, scegli Sfocatura, e poi scegli Sfocatura movimento:

Nella finestra di dialogo della sfocatura di movimento, impostate l’angolo a 90°, e poi impostate la distanza da qualche parte tra 10-20 pixel a seconda della dimensione della vostra immagine (le immagini più grandi avranno bisogno di più sfocatura). Io vado con 20 pixel. Fare clic su OK per chiudere la finestra di dialogo:

Ecco l’effetto con una sottile quantità di sfocatura di movimento aggiunta all’acqua. Dopo aver applicato il filtro sfocatura movimento, si può notare una linea orizzontale che attraversa il centro del documento, tra la foto principale e l’immagine riflessa. Questo è un artefatto del filtro di sfocatura di movimento e lo puliremo più tardi. Ignoratelo per ora:

Nel pannello Livelli, il filtro di sfocatura di movimento appare come filtro intelligente sotto il livello “Riflesso”. Se si vuole cambiare la quantità di sfocatura, fare doppio clic sulle parole “Motion Blur” per riaprire la finestra di dialogo del filtro e regolare il valore della distanza come necessario:

Step 10: Aggiungere un livello di riempimento blu a tinta unita

Siccome l’acqua tende a sembrare blu, aggiungiamo una tinta bluastra alla riflessione. Clicca sull’icona Nuovo livello di riempimento o di regolazione in fondo al pannello Livelli:

Scegliere Colore solido dalla cima della lista:

Nel Selettore colore, scegli un blu tenue impostando il valore R a 40, il valore G a 110 e il valore B a 185, e poi clicca su OK per chiudere il Selettore colore:

Dopo aver aggiunto il livello di riempimento, il riflesso dell’acqua nella metà inferiore del documento è temporaneamente coperto dal blu solido:

Passo 11: Trascinare lo strato di riempimento sotto lo strato “Riflesso”

La ragione per cui è coperto di blu è perché Photoshop ha aggiunto lo strato di riempimento, chiamato “Riempimento colore 1”, tra gli strati “Foto” e “Riflesso”. Clicca sul livello di riempimento e trascinalo sotto il livello “Reflection”. Questo nasconderà il livello di riempimento blu, permettendo al riflesso dell’acqua di riapparire. Riporteremo il colore blu tra un momento:

Passo 12: Selezionare la maschera di livello Smart Filter

In seguito, regoliamo l’aspetto della sfocatura di movimento nel riflesso dell’acqua in modo che l’effetto sfocatura svanisca man mano che si allontana dalla riva. Selezionare la maschera di livello Smart Filters cliccando sulla miniatura della maschera di livello a sinistra delle parole “Smart Filters”:

Passo 13: Disegna un gradiente da bianco a nero sulla maschera di livello

Scegli lo strumento gradiente dalla barra degli strumenti:

Nella barra delle opzioni, clicca sulla piccola freccia a destra del campione di colore del gradiente, quindi scegli il gradiente da nero a bianco facendo doppio clic sulla sua miniatura (terza da sinistra, fila in alto). Questo seleziona il gradiente e chiude il Gradient Picker:

Sempre nella barra delle opzioni, assicurati che lo stile del gradiente Linear sia selezionato cliccando la sua icona (direttamente a destra del colore del gradiente):

Clicca in fondo al documento per impostare un punto di partenza per il gradiente. Tieni premuto il tasto del mouse e trascina verso l’alto al centro (in cima all’immagine del riflesso dell’acqua). Tieni premuto il tasto Shift mentre trascini per facilitare il trascinamento verticale:

Rilascia il tasto del mouse per completare il gradiente. L’effetto di sfocatura del movimento ora sfuma gradualmente mentre si sposta dalla parte superiore del riflesso dell’acqua verso il basso:

Passo 14: caricare la maschera di livello come selezione

Ora che abbiamo sfumato l’effetto di sfocatura del movimento, sfumiamo il riflesso dell’acqua stesso in modo che si confonda con il nostro livello di riempimento blu. Lo faremo aggiungendo una copia esatta della nostra maschera di livello al livello “Reflection”. Tieni premuto il tasto Ctrl (Win) / Command (Mac) sulla tua tastiera e clicca sulla miniatura della maschera di livello Smart Filters. Questo carica la maschera di livello come una selezione (un contorno di selezione apparirà nel documento):

Passo 15: Aggiungere una maschera di livello al livello “Riflessione”

Assicurati che il livello “Riflessione” sia selezionato, e poi clicca sull’icona Aggiungi maschera di livello in fondo al pannello Livelli:

Photoshop converte il contorno di selezione in una nuova maschera di livello, dandoci una maschera identica con lo stesso gradiente da nero a bianco sul livello “Reflection”:

Con la maschera di livello aggiunta, il riflesso dell’acqua ora sfuma gradualmente dall’alto verso il basso nel blu del nostro livello di riempimento Solid Color:

Passo 16: Abbassare l’intensità del blu

Se il blu sembra troppo forte, puoi sfumarlo nel pannello Proprietà di Photoshop. Assicurati che la miniatura della maschera di livello sul livello “Reflection” sia selezionata. Poi, nel pannello Proprietà, abbassa il valore della Densità trascinando il cursore a sinistra. Più lo abbassi, più il colore blu svanirà. Abbasserò il mio al 50%:

E ora il blu dell’acqua è più sottile:

Passo 17: Combinare il livello “Reflection” e il livello di riempimento in uno Smart Object

Abbiamo bisogno di combinare il livello “Reflection” e il livello di riempimento sottostante in un unico Smart Object. Con il livello “Reflection” selezionato, tieni premuto il tasto Shift e clicca sul livello di riempimento. Questo seleziona entrambi i livelli in una volta sola:

Clicca l’icona del menu in alto a destra del pannello Livelli:

Scegliere Converti in Smart Object:

Entrambi i livelli ora appaiono nel pannello Livelli come un singolo Smart Object chiamato “Riflessione”:

Scaricate questo tutorial come PDF pronto per la stampa!

Passo 18: Create A New Same Size Document

Per rendere il riflesso più simile all’acqua, aggiungeremo delle increspature usando una mappa di spostamento. La mappa di spostamento deve essere un documento separato di Photoshop e deve avere le stesse dimensioni del nostro documento attuale. Assicurati che lo Smart Object “Reflection” sia selezionato nel pannello Livelli, poi vai sul menu Seleziona e scegli Tutto. Questo pone un contorno di selezione intorno all’intera immagine:

Go up to the Edit menu and choose Copy to copy the image to the clipboard:

To create the new document, go up to the File menu and choose New:

This opens the New Document dialog box. Since we copied our image to the clipboard, Photoshop automatically sets the Width, Height and Resolution of the new document to the same values as the original document. Click Create (Photoshop CC) or OK (CS6) to create the document:

Step 19: Add Noise

The first thing we’ll do with our displacement map is add some noise. In the new document, go up to the Filter menu, choose Noise, and then choose Add Noise:

In the Add Noise dialog box, set the Amount to 400%, and then choose Gaussian and Monochromatic at the bottom. Click OK to close the dialog box. Photoshop fills the document with noise (little black and white dots):

Step 20: Add Blur To Soften The Noise

Soften the noise using the Gaussian Blur filter. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur:

In the Gaussian Blur dialog box, set the Radius value to 2 pixels and then click OK:

Step 21: Apply “Emboss” To The Red Channel

Open the Channels panel by clicking its tab next to the Layers panel:

Click on the Red channel to select it:

Go up to the Filter menu, choose Stylize, and then choose Emboss:

In the Emboss dialog box, set the Angle to 90°, the Height to 1 pixel and the Amount to 500%. Click OK:

Step 22: Apply “Emboss” To The Green Channel

Click on the Green channel to select it:

Go back up to the Filter menu, choose Stylize, and once again choose Emboss. Lascia l’altezza impostata a 1 pixel e l’importo al 500%, ma cambia l’angolo a 180°. Clicca OK:

Passo 23: Seleziona il canale RGB e riapri il pannello dei livelli

Clicca sul canale RGB in alto per selezionarlo. Questo riaccende tutti e tre i canali di colore (Rosso, Verde e Blu):

Poi torna al pannello Livelli cliccando sulla sua scheda:

Passo 24: Sbloccare il livello Sfondo

Abbiamo bisogno di sbloccare il livello Sfondo per poterlo rimodellare. In Photoshop CC, basta cliccare sull’icona del lucchetto. In Photoshop CS6, tieni premuto il tasto Alt (Win) / Option (Mac) e fai doppio clic sul livello Sfondo. Questo rinomina il livello “Layer 0” e l’icona di blocco scompare:

Passo 25: Zoom Out From The Document

Tra un momento, rimodelleremo l’immagine, ma per farlo, avremo bisogno di molto spazio. Tieni premuto il tasto Ctrl (Win) / Command (Mac) sulla tua tastiera e premi ripetutamente il tasto meno (-) per zoomare molto fuori dal documento finché l’immagine non appare molto piccola al centro:

Passo 26: Trasformare la prospettiva dell’immagine

Vai su nel menu Modifica, scegli Trasforma, e poi scegli Prospettiva:

Clicca sulla maniglia in basso a sinistra o a destra e trascinala lontano dall’immagine. Più lontano trascini, maggiore sarà l’effetto di prospettiva che creerai:

Non c’è un valore specifico da usare, ma se guardiamo nella mia barra delle opzioni, vediamo che ho trascinato il valore di Width (W) a circa 3000%. Premi Invio (Win) / Return (Mac) sulla tua tastiera per accettare la trasformazione:

Step 27: Zoom In On The Document

Per ingrandire nuovamente l’immagine, ancora una volta tieni premuto il tasto Ctrl (Win) / Command (Mac) sulla tua tastiera e questa volta, premi il segno più (+) ripetutamente. At this closer view, we can see the perspective effect we’ve created, and the image looks a lot like water ripples gradually moving further off into the distance:

Step 28: Crop The Image

To keep the file size small and avoid any problems when we go to save it as a displacement map, crop away the hidden pixels on the sides. Go up to the Select menu and choose All. A selection outline appears around the image:

Go up to the Image menu and choose Crop. It won’t look like anything has happened, but all of the hidden areas on the sides are now cropped away:

To remove the selection outline, go back up to the Select menu and choose Deselect:

Related: Come ritagliare le immagini in Photoshop CC

Passo 29: Scalare l’altezza dell’immagine

Infine, dato che la mappa di spostamento deve interessare solo il riflesso dell’acqua nella metà inferiore del documento, scaliamo l’altezza dell’immagine. Questo migliorerà ancora di più l’effetto di prospettiva. Vai su nel menu Modifica e scegli Trasformazione libera:

Clicca sulla maniglia superiore e trascinala verso il centro del documento. Una volta che ti avvicini al centro, dovrebbe scattare in posizione. Premi Invio (Win) / Return (Mac) sulla tua tastiera per accettarlo:

Passo 30: Salva la mappa di spostamento come file .PSD di Photoshop

Abbiamo creato la mappa di spostamento e siamo pronti per salvarla. Vai al menu File e scegli Salva con nome:

Nella finestra di dialogo Salva con nome, nomina il file “displacement-map” e salvalo sul tuo Desktop o in un’altra posizione dove puoi trovarlo facilmente. Assicurati che il formato sia impostato su Photoshop in modo che il file venga salvato come un file .PSD, e poi clicca su Salva. Se Photoshop chiede se si vuole attivare la compatibilità massima per il file, fare clic su OK:

Passo 31: Passa al tuo documento principale

Passa di nuovo al tuo documento sulla riflessione dell’acqua cliccando sulla sua scheda:

Se vedete ancora il contorno di selezione intorno all’immagine da quando l’abbiamo copiata, andate sul menu Seleziona e scegliete Deseleziona:

Passo 32: Applicare il filtro Displace

Applica la mappa di spostamento alla riflessione dell’acqua. Con lo Smart Object “Riflesso” selezionato nel pannello Livelli, vai al menu Filtro, scegli Distorsione, e poi scegli Sposta:

Questo apre la finestra di dialogo Sposta. In alto ci sono le opzioni Scala orizzontale e Scala verticale. Queste due opzioni controllano quanto la mappa di spostamento piegherà, deformerà e rimodellerà l’immagine. Scala orizzontale controlla la larghezza della distorsione e Scala verticale controlla l’altezza. Per creare le increspature dell’acqua, otterrai generalmente risultati migliori usando un basso valore di Scala orizzontale e un più alto valore di Scala verticale. I valori esatti di cui hai bisogno dipendono principalmente dalle dimensioni della tua immagine ma anche dal tuo soggetto, quindi dovrai sperimentare.

Nel mio caso, imposterò la Scala orizzontale a 10 e la Scala verticale a 80. Lascia la Mappa di spostamento impostata su Stretch To Fit e le Aree indefinite impostate su Ripeti pixel bordo, e poi clicca su OK:

Scegli la tua mappa di spostamento da dove l’hai salvata, e poi clicca su Apri:

Photoshop applica la mappa di spostamento al riflesso dell’acqua, e con questa immagine, le impostazioni che ho scelto creano un piacevole e sottile effetto increspatura:

Passo 33: Sperimentare con le impostazioni di spostamento

Nel pannello Livelli, il filtro di spostamento appare come filtro intelligente sotto l’oggetto intelligente “Riflesso”. Per provare diversi valori di scala orizzontale e verticale, fai doppio clic sulla parola “Displace” per riaprire la finestra di dialogo:

Questa volta, lascerò la scala orizzontale impostata a 10 ma aumenterò la scala verticale a 120. Nota che sto lavorando con un’immagine abbastanza grande. Immagini più piccole avranno generalmente bisogno di valori più piccoli per ottenere gli stessi risultati:

Clicca OK per chiudere la finestra di dialogo. Photoshop vi chiederà di riselezionare la vostra mappa di spostamento. E qui vediamo che questa volta, il valore più alto di Scala verticale crea increspature dell’acqua più forti ed evidenti:

Step 34: Stretch The “Reflection” Smart Object Upward

Se guardiamo lungo la parte superiore del riflesso dell’acqua dove le due immagini si incontrano, vediamo alcuni artefatti blu causati dalla mappa di spostamento:

Per pulirli, assicurati che lo Smart Object “Riflesso” sia selezionato nel pannello Livelli, poi vai nel menu Modifica e scegli Trasformazione libera:

Photoshop ti avviserà che qualsiasi Smart Filter che hai applicato sarà disattivato mentre sei in modalità Trasformazione. Fare clic su OK:

Fare clic sulla maniglia superiore e trascinarla leggermente verso l’alto per allungare l’immagine del riflesso dell’acqua finché gli artefatti blu sono nascosti dietro l’immagine principale. Premi Invio (Win) / Return (Mac) sulla tua tastiera quando hai finito:

Passo 35: Ritagliare l’immagine

Potresti anche notare alcune aree problematiche lungo il fondo del riflesso dell’acqua, di nuovo causate dalla mappa di spostamento. Oppure, potreste semplicemente voler ritagliare via parte del riflesso. In entrambi i casi, seleziona lo strumento Ritaglia dalla barra degli strumenti: