Efectul de reflexie a apei în Photoshop CC și CS6

Învățați cum să creați un efect de reflexie a apei în Photoshop cu valuri de apă realiste. Un tutorial pas cu pas pentru Photoshop CC și CS6.

Scris de Steve Patterson.

Rezultatul final.

Pasul 2: Deblocați layer-ul de fundal și numiți-l „Photo”

În panoul Layers, vedem imaginea de pe layer-ul Background. Stratul Background este blocat, indicat de pictograma de blocare din extrema sa dreaptă. Trebuie să îl deblocăm pentru a putea plasa alte straturi sub el și putem face acest lucru doar redenuminându-l. Faceți dublu clic pe numele „Background”:

hotoshop deschide caseta de dialog New Layer. Numiți stratul „Foto” și apoi faceți clic pe OK:

Înapoi în panoul Layers, stratul Background este acum stratul „Photo”, iar pictograma de blocare a dispărut:

Pasul 3: Duplicați stratul și numiți-l „Reflection”

Realizați o copie a stratului. Vom folosi copia pentru a crea reflexia apei. Țineți apăsată tasta Alt (Win) / Option (Mac) de pe tastatură în timp ce faceți clic și trageți stratul „Photo” în jos, pe pictograma New Layer din partea de jos a panoului Layers:

Slăbiți butonul mouse-ului și apoi eliberați tasta Alt / Option. Photoshop deschide caseta de dialog Duplicate Layer (Duplicare strat). Numiți stratul „Reflection”, apoi faceți clic pe OK:

Stratul „Reflection” apare deasupra stratului „Photo”:

Pasul 4: Convertiți stratul „Reflection” într-un obiect inteligent

Convertiți stratul „Reflection” într-un obiect inteligent făcând clic pe pictograma de meniu din colțul din dreapta sus al panoului Layers:

Alegeți Convert to Smart Object din meniu:

În dreapta jos a miniaturii de previzualizare a stratului „Reflection” apare o pictogramă Smart Object, care ne spune că stratul este acum un Smart Object. Orice filtru pe care îl aplicăm stratului va fi aplicat acum ca Filtre inteligente editabile:

Pasul 5: Adăugați mai mult spațiu pe pânză sub fotografie

Adaugați mai mult spațiu pe pânză sub fotografie pentru a face loc reflexiei apei. Mergeți la meniul Image din bara de meniu și alegeți Canvas Size:

În caseta de dialog Canvas Size, setați Width la 100 de procente și Height la 200 de procente. Nu bifați Relative. Pentru a adăuga tot spațiul suplimentar sub fotografie, faceți clic pe căsuța de sus din mijloc în grila Anchor, apoi faceți clic pe OK pentru a închide caseta de dialog:

hotoshop adaugă spațiul suplimentar sub imagine. Dacă spațiul suplimentar se extinde în afara ecranului, apăsați Ctrl+0 (Win) / Command+0 (Mac) de pe tastatură pentru a alege comanda Fit on Screen a Photoshop:

Pasul 6: Deplasarea imaginii „Reflexie” în spațiul adăugat

Deplasați imaginea „Reflexie” sub fotografia principală și în noul spațiu al pânzei selectând instrumentul de deplasare din bara de instrumente:

Presați și mențineți apăsată tasta Shift în timp ce faceți clic și trageți imaginea în jos în noua zonă a pânzei. Tasta Shift limitează direcția în care vă puteți deplasa, facilitând tragerea direct în jos:

Pasul 7: Întoarceți imaginea pe verticală

Întoarceți imaginea de pe stratul „Reflection” pe verticală astfel încât reflexia apei să oglindească fotografia de deasupra ei. Mergeți la meniul Edit din bara de meniu, alegeți Transform și apoi alegeți Flip Vertical:

iv

După răsturnarea stratului „Reflection”, imaginea de jos reflectă acum imaginea de sus:

Relaționat: Creați un efect de imagine în oglindă cu Photoshop

Pasul 8: Trageți stratul „Reflection” sub stratul „Photo”

În panoul Layers, faceți clic pe stratul „Reflection” și trageți-l în jos, sub stratul „Photo”. Când apare o bară orizontală albă sub stratul „Photo”, eliberați butonul mouse-ului pentru a lăsa stratul „Reflection” la locul său:

Pasul 9: Adăugați Motion Blur la reflexie

Adaugați puțin motion blur la reflexia apei cu ajutorul filtrului Motion Blur din Photoshop. Cu layer-ul „Reflection” încă selectat, mergeți la meniul Filter din bara de meniu, alegeți Blur, apoi alegeți Motion Blur:

În caseta de dialog Motion Blur, setați Angle (Unghiul) la 90°, apoi setați Distance (Distanța) undeva între 10-20 de pixeli, în funcție de dimensiunea imaginii dvs. (imaginile mai mari vor avea nevoie de mai multă estompare). Eu voi alege 20 de pixeli. Faceți clic pe OK pentru a închide caseta de dialog:

Iată efectul cu o cantitate subtilă de blur de mișcare adăugată la apă. După aplicarea filtrului Motion Blur, este posibil să observați o linie orizontală care trece prin centrul documentului, între fotografia principală și imaginea de reflexie. Acesta este un artefact al filtrului Motion Blur, iar noi îl vom curăța mai târziu. Doar ignorați-o deocamdată:

În panoul Layers, filtrul Motion Blur apare ca un Smart Filter (Filtru inteligent) sub stratul „Reflection”. Dacă doriți să modificați valoarea blurului, faceți dublu clic pe cuvintele „Motion Blur” pentru a redeschide caseta de dialog a filtrului și ajustați valoarea Distance după cum este necesar:

Pasul 10: Adăugați un strat de umplere de culoare solidă albastră

Din moment ce apa tinde să arate albastră, să adăugăm o nuanță albăstruie la reflexie. Faceți clic pe pictograma New Fill or Adjustment Layer din partea de jos a panoului Layers:

Alegeți Solid Color din partea de sus a listei:

În selectorul de culori, alegeți un albastru stins prin setarea valorii R la 40, a valorii G la 110 și a valorii B la 185, apoi faceți clic pe OK pentru a închide selectorul de culori:

După adăugarea stratului de umplere, reflexia apei din jumătatea inferioară a documentului este temporar acoperită de albastru solid:

Pasul 11: Trageți stratul de umplere sub stratul „Reflection”

Motivul pentru care este acoperit în albastru este că Photoshop a adăugat stratul de umplere, numit „Color Fill 1”, între straturile „Photo” și „Reflection”. Faceți clic pe stratul de umplere și trageți-l în jos, sub stratul „Reflection”. Acest lucru va ascunde stratul de umplere albastru, permițând reflectarea apei să reapară. Vom readuce culoarea albastră într-o clipă:

Pasul 12: Selectați masca de strat Smart Filter Layer Mask

În continuare, să ajustăm aspectul blurului de mișcare din reflexia apei, astfel încât efectul de blur să se estompeze pe măsură ce se îndepărtează de mal. Selectați masca de strat Smart Filters dând clic pe miniatura măștii de strat din stânga cuvintelor „Smart Filters”:

Pasul 13: Desenați un gradient de la negru la alb pe masca de strat

Selectați instrumentul Gradient din bara de instrumente:

În bara de opțiuni, dați clic pe săgeata mică din dreapta paletei de culori a gradientului, apoi alegeți gradientul Black to White făcând dublu clic pe miniatura acestuia (a treia din stânga, rândul de sus). Astfel se selectează gradientul și se închide Gradient Picker:

Încă în bara de opțiuni, asigurați-vă că stilul de gradient Linear este selectat făcând clic pe pictograma acestuia (direct în dreapta de paleta de culori a gradientului):

Faceți clic în partea de jos a documentului pentru a seta un punct de pornire pentru gradient. Țineți apăsat butonul mouse-ului și trageți în sus spre mijloc (spre partea de sus a imaginii de reflectare a apei). Țineți apăsată tasta Shift în timp ce trageți pentru a face mai ușor să trageți drept în sus pe verticală:

Liberați butonul mouse-ului pentru a finaliza gradientul. Efectul motion blur se estompează acum treptat pe măsură ce se deplasează din partea de sus a reflexiei apei spre partea de jos:

Pasul 14: Încărcați masca de strat ca selecție

Acum că am estompat efectul motion blur, haideți să estompăm reflexia apei în sine, astfel încât să se contopească cu stratul nostru de umplere albastru. Vom face acest lucru adăugând o copie exactă a măștii noastre de strat la stratul „Reflection”. Țineți apăsată tasta Ctrl (Win) / Command (Mac) de pe tastatură și faceți clic pe miniatura măștii de strat Smart Filters. Acest lucru încarcă masca de strat ca o selecție (în document va apărea un contur de selecție):

Pasul 15: Adăugați o mască de strat la stratul „Reflection”

Asigurați-vă că stratul „Reflection” este selectat, apoi faceți clic pe pictograma „Add Layer Mask” din partea de jos a panoului Layers:

Photoshop convertește conturul de selecție într-o nouă mască de strat, oferindu-ne o mască identică cu același gradient de la negru la alb pe stratul „Reflection”:

Cu masca de strat adăugată, reflexia apei se estompează acum treptat, de sus în jos, în albastrul din stratul nostru de umplere Solid Color:

Pasul 16: Reduceți intensitatea albastrului

Dacă albastrul pare prea puternic, îl puteți estompa în panoul Proprietăți din Photoshop. Asigurați-vă că miniatura de mască de strat de pe stratul „Reflection” este selectată. Apoi, în panoul Properties (Proprietăți), reduceți valoarea Density (Densitate) trăgând cursorul spre stânga. Cu cât o reduceți mai mult, cu atât mai mult se va estompa culoarea albastră. Eu o voi scădea pe a mea până la 50%:

Și acum albastrul din apă este mai subtil:

Pasul 17: Combinați stratul „Reflection” și stratul de umplere într-un obiect inteligent

Trebuie să combinăm stratul „Reflection” și stratul de umplere de sub el într-un singur obiect inteligent. Cu stratul „Reflection” selectat, țineți apăsată tasta Shift și faceți clic pe stratul de umplere. Acest lucru selectează ambele straturi deodată:

Click pe pictograma de meniu din dreapta sus a panoului Layers:

Alegeți Convert to Smart Object:

Aproape ambele straturi apar acum în panoul Layers ca un singur Smart Object numit „Reflection”:

Download this tutorial as a print-ready PDF!

Pasul 18: Creați un nou document de aceeași mărime

Pentru a face ca reflexia să semene mai mult cu apa, vom adăuga ondulații la ea folosind o hartă de deplasare. Harta de deplasare trebuie să fie un document Photoshop separat și trebuie să aibă aceeași dimensiune ca și documentul nostru actual. Asigurați-vă că obiectul inteligent „Reflection” este selectat în panoul Layers, apoi mergeți la meniul Select și alegeți All. Acest lucru plasează un contur de selecție în jurul întregii imagini:

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. Lăsați Înălțimea setată la 1 pixel și Cantitatea la 500%, dar schimbați Unghiul la 180°. Faceți clic pe OK:

Pasul 23: Selectați canalul RGB și redeschideți panoul Layers Panel

Click pe canalul RGB în partea de sus pentru a-l selecta. Acest lucru pornește din nou toate cele trei canale de culoare (Roșu, Verde și Albastru):

Apoi treceți din nou la panoul Layers (Straturi) făcând clic pe fila acestuia:

Pasul 24: Deblocați stratul Background (Fundal)

Trebuie să deblocăm stratul Background (Fundal), astfel încât să îl putem remodela. În Photoshop CC, pur și simplu faceți clic pe pictograma de blocare. În Photoshop CS6, țineți apăsată tasta Alt (Win) / Option (Mac) și faceți dublu clic pe stratul Background (Fundal). Acest lucru redenumește stratul „Layer 0”, iar pictograma de blocare dispare:

Pași 25: Zoom out din document

Într-un moment, vom remodela imaginea, dar pentru a face acest lucru, vom avea nevoie de mult spațiu. Țineți apăsată tasta Ctrl (Win) / Command (Mac) de pe tastatură și apăsați tasta minus (-) în mod repetat pentru a mări mult în afara documentului până când imaginea apare foarte mică în centru:

Pasul 26: Transformarea perspectivei imaginii

Ieșiți în meniul Edit, alegeți Transform și apoi alegeți Perspective:

Click pe mânerul din colțul din stânga sau din dreapta jos și trageți-l departe de imagine. Cu cât trageți mai mult, cu atât mai mare va fi efectul de perspectivă pe care îl veți crea:

Nu există o valoare specifică de utilizat, dar dacă ne uităm în bara mea de opțiuni, vedem că am tras valoarea Width (W) la aproximativ 3000%. Apăsați Enter (Win) / Return (Mac) de pe tastatură pentru a accepta transformarea:

Step 27: Zoom In On The Document

Pentru a mări din nou imaginea, apăsați din nou și țineți apăsată tasta Ctrl (Win) / Command (Mac) de pe tastatură și, de data aceasta, apăsați de mai multe ori semnul plus (+). 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: Cum se decupează imaginile în Photoshop CC

Pasul 29: Scalarea înălțimii imaginii

În cele din urmă, deoarece harta de deplasare trebuie să afecteze doar reflexia apei din jumătatea inferioară a documentului, să scalăm înălțimea imaginii. De asemenea, acest lucru va îmbunătăți și mai mult efectul de perspectivă. Mergeți la meniul Edit și alegeți Free Transform:

Click pe mânerul de sus și trageți-l în jos în centrul documentului. Odată ce vă apropiați de centru, ar trebui să se fixeze la locul său. Apăsați Enter (Win) / Return (Mac) pe tastatură pentru a o accepta:

Pasul 30: Salvați harta de deplasare ca fișier Photoshop .PSD

Am creat harta de deplasare și suntem gata să o salvăm. Mergeți la meniul File și alegeți Save As:

În caseta de dialog Save As, numiți fișierul „displacement-map” și salvați-l pe Desktop sau în altă locație unde îl puteți găsi cu ușurință. Asigurați-vă că Format este setat pe Photoshop, astfel încât fișierul să fie salvat ca fișier .PSD, apoi faceți clic pe Save. Dacă Photoshop vă întreabă dacă doriți să activați opțiunea Maximize Compatibility pentru fișier, faceți clic pe OK:

Pasul 31: Comutați la documentul principal

Comutați înapoi la documentul de reflectare a apei făcând clic pe fila acestuia:

Dacă încă mai vedeți conturul de selecție din jurul imaginii de când am copiat-o, mergeți la meniul Select și alegeți Deselect:

Etapa 32: Aplicați filtrul Displace Filter

Aplicați harta de deplasare la reflexia apei. Cu obiectul inteligent „Reflection” selectat în panoul Layers, mergeți la meniul Filter, alegeți Distort și apoi alegeți Displace:

Aceasta deschide caseta de dialog Displace. În partea de sus se află opțiunile Horizontal Scale (Scară orizontală) și Vertical Scale (Scară verticală). Aceste două opțiuni controlează cât de mult harta de deplasare va îndoi, deforma și remodela imaginea. Horizontal Scale (Scară orizontală) controlează lățimea deformării, iar Vertical Scale (Scară verticală) controlează înălțimea. Pentru a crea ondulațiile apei, veți obține, în general, rezultate mai bune folosind o valoare mică a Scalei orizontale și o valoare mai mare a Scalei verticale. Valorile exacte de care aveți nevoie vor depinde în principal de dimensiunea imaginii dvs. dar și de subiectul dvs., așa că veți dori să experimentați.

În cazul meu, voi seta Scala orizontală la 10 și Scala verticală la 80. Lăsați Displacement Map setată pe Stretch To Fit și Undefined Areas setată pe Repeat Edge Pixels, apoi faceți clic pe OK:

Selectați harta de deplasare de unde ați salvat-o, apoi faceți clic pe Open:

Photoshop aplică harta de deplasare la reflexia apei, iar cu această imagine, setările pe care le-am ales creează un efect frumos și subtil de ondulare:

Pasul 33: Experimentați cu setările Displace

În panoul Layers, filtrul Displace apare ca un Smart Filter sub Smart Object „Reflection”. Pentru a încerca diferite valori ale Scalei Orizontale și Verticale, faceți dublu clic pe cuvântul „Displace” pentru a redeschide caseta de dialog:

De data aceasta, voi lăsa Scala Orizontală setată la 10, dar voi crește Scala Verticală la 120. Rețineți că lucrez cu o imagine destul de mare. Imaginile mai mici vor avea nevoie, în general, de valori mai mici pentru a obține aceleași rezultate:

Click pe OK pentru a închide caseta de dialog. Photoshop vă va cere să selectați din nou harta de deplasare. Și aici vedem că, de data aceasta, valoarea mai mare a Scalei verticale creează ondulații de apă mai puternice și mai evidente:

Etapa 34: Întindeți obiectul inteligent „Reflection” în sus

Dacă ne uităm de-a lungul părții superioare a reflexiei apei, acolo unde cele două imagini se întâlnesc, vedem niște artefacte albastre cauzate de harta de deplasare:

Pentru a le curăța, asigurați-vă că obiectul inteligent „Reflection” este selectat în panoul Layers, apoi mergeți la meniul Edit și alegeți Free Transform: