Vattenspeglingseffekt i Photoshop CC och CS6

Lär dig att skapa en vattenspeglingseffekt i Photoshop med realistiska vattenböljor. En steg-för-steg-handledning för Photoshop CC och CS6.

Skrivet av Steve Patterson.

Det slutgiltiga resultatet.

Originalbilden. Credit: Adobe Stock.

Dubbelklicka på lagret Background.

Namnge lagret Bakgrund till ”Foto”.

Bakgrundslagret är nu olåst och heter ”Foto”.

Släpp lagret på ikonen Nytt lager samtidigt som du håller ned Alt / Option.

Namnge kopian av lagret ”Reflektion”.

Lagerspanelen som visar lagret ”Reflektion” ovanför huvudfotot.

Klicka på Layers-panelens menyikon.

Välj ”Konvertera till smart objekt”.

Lagret ”Reflektion” är nu ett smart objekt.

Välja Canvas Size från bildmenyn.

Dialogrutan Canvas Size.

Vi har nu plats för vattenreflektionen.

Välja Flyttverktyget.

Stråk 7: Vänd bilden vertikalt

Vänd bilden på lagret ”Reflektion” vertikalt så att vattenspeglingen speglar fotot ovanför den. Gå upp till menyn Redigera i menyraden, välj Förvandla och välj sedan Vänd vertikalt:

Efter att ha vänt lagret ”Reflektion” speglar den nedre bilden nu den övre:

Relaterat: Skapa en spegelbildseffekt med Photoshop

Steg 8: Dra lagret ”Reflektion” under lagret ”Foto”

I panelen Lager klickar du på lagret ”Reflektion” och drar det ner under lagret ”Foto”. När ett vitt horisontellt streck visas under lagret ”Foto” släpper du musknappen för att släppa lagret ”Reflektion” på plats:

Steg 9: Lägg till rörelseglödning till reflektionen

Lägg till lite rörelseglödning till vattenreflektionen med hjälp av Photoshop-filtret rörelseglödning. Med lagret ”Reflection” fortfarande markerat går du upp till menyn Filter i menyraden, väljer Blur och väljer sedan Motion Blur:

I dialogrutan Motion Blur ställer du in vinkeln till 90° och sedan avståndet till någonstans mellan 10-20 pixlar beroende på bildens storlek (större bilder behöver mer oskärpa). Jag väljer 20 pixlar. Klicka på OK för att stänga dialogrutan:

Här är effekten med en subtil mängd rörelseoskärpa i vattnet. Efter att ha tillämpat filtret Motion Blur kan du lägga märke till en horisontell linje som löper genom mitten av dokumentet, mellan huvudfotot och reflektionsbilden. Det är en artefakt från Motion Blur-filtret, och vi kommer att rensa bort den senare. Strunta bara i det för tillfället:

I panelen Skikt visas rörelseoskärpefiltret som ett smart filter under lagret ”Reflektion”. Om du vill ändra mängden oskärpa dubbelklickar du på orden ”Motion Blur” för att öppna dialogrutan för filtret igen och justera avståndsvärdet efter behov:

Steg 10: Lägg till ett blått fyllnadslager i enfärgad färg

Då vatten tenderar att se blått ut, ska vi lägga till en blåaktig nyans till reflektionen. Klicka på ikonen Nytt fyllnings- eller justeringslager längst ner i panelen Lager:

Välj enfärgad färg högst upp i listan:

I färgväljaren väljer du en dämpad blå färg genom att ställa in R-värdet till 40, G-värdet till 110 och B-värdet till 185. Klicka sedan på OK för att stänga färgväljaren:

När du lägger till fyllningslagret täcks vattenreflektionen i den nedre halvan av dokumentet tillfälligt av enfärgat blått:

Steg 11: Dra fyllnadslagret under lagret ”Reflektion”

Anledningen till att den är täckt av blått är att Photoshop lagt till fyllnadslagret, som heter ”Färgfyllning 1”, mellan lagren ”Foto” och ”Reflektion”. Klicka på fyllningslagret och dra det ner under lagret ”Reflektion”. Detta kommer att dölja det blåa fyllningslagret, så att vattnets reflektion kan visas igen. Vi tar tillbaka den blå färgen om en stund:

Steg 12: Välj Smartfilter-lagermask

Nästan ska vi justera utseendet på rörelseglödet i vattenreflektionen så att den suddiga effekten bleknar när den rör sig längre bort från stranden. Välj lagermasken Smart Filters genom att klicka på lagermaskens miniatyrbild till vänster om orden ”Smart Filters”:

Steg 13: Rita en svart till vit gradient på lagermasken

Välj gradientverktyget från verktygsfältet:

I alternativfältet klickar du på den lilla pilen till höger om gradientfärgfältet och väljer sedan gradienten Svart till vit genom att dubbelklicka på dess miniatyrbild (tredje från vänster, översta raden). Detta väljer gradienten och stänger Gradient Picker:

Sysselsätt dig fortfarande i alternativfältet och se till att gradientstilen Linjär är vald genom att klicka på ikonen (direkt till höger om gradientens färgmall):

Klicka i botten av dokumentet för att ställa in en startpunkt för gradienten. Håll musknappen nedtryckt och dra uppåt till mitten (till toppen av vattenreflektionsbilden). Håll Shift-tangenten intryckt när du drar för att göra det lättare att dra rakt uppåt vertikalt:

Släpp musknappen för att slutföra gradienten. Den rörelsesvaga effekten bleknar nu gradvis när den rör sig från toppen av vattenreflektionen till botten:

Steg 14: Ladda lagermasken som ett urval

Nu när vi har bleknat den rörelsesvaga effekten, låt oss bleka själva vattenreflektionen så att den smälter in i vårt blåa fyllningslager. Det gör vi genom att lägga till en exakt kopia av vår lagermask till lagret ”Reflection”. Håll ned Ctrl (Win) / Command (Mac) på tangentbordet och klicka på miniatyren för Smart Filters lagermask. Detta laddar lagermasken som ett val (en markeringslinje visas i dokumentet):

Steg 15: Lägg till en lagermask till lagret ”Reflektion”

Säkerställ att lagret ”Reflektion” är markerat och klicka sedan på ikonen Lägg till lagermask längst ner i panelen Lager:

Photoshop omvandlar urvalets kontur till en ny lagermask, vilket ger oss en identisk mask med samma svart-vita gradient på lagret ”Reflektion”:

Med lagermasken tillagd bleknar nu vattenreflektionen gradvis från toppen till botten till det blå från vårt fyllningslager i enfärgad färg:

Steg 16: Sänka intensiteten på det blå

Om det blåa ser för starkt ut kan du blekna det i Photoshop-panelen Egenskaper. Se till att miniatyren för lagermask på lagret ”Reflektion” är markerad. Sänk sedan värdet för Density (täthet) i panelen Properties (Egenskaper) genom att dra reglaget till vänster. Ju mer du sänker det, desto mer kommer den blå färgen att blekna. Jag sänker min till 50 %:

Och nu är det blå i vattnet mer subtilt:

Steg 17: Kombinera lagret ”Reflektion” och fyllningslagret till ett smart objekt

Vi måste kombinera lagret ”Reflektion” och fyllningslagret under det till ett enda smart objekt. När lagret ”Reflection” är markerat håller du ned Shift-tangenten och klickar på fyllningslagret. Detta markerar båda lagren på en gång:

Klicka på menyikonen uppe till höger i panelen Lager:

Välj Konvertera till smartobjekt:

Båda lagren visas nu i panelen Lager som ett enda Smart Object med namnet ”Reflektion”:

Ladda ner den här handledningen som en utskriftsklar PDF!

Steg 18: Skapa ett nytt dokument av samma storlek

För att få reflektionen att se mer ut som vatten lägger vi till krusningar med hjälp av en förskjutningsmapp. Förskjutningskartan måste vara ett separat Photoshop-dokument och det måste ha samma storlek som vårt nuvarande dokument. Se till att smartobjektet ”Reflection” är markerat i panelen Layers och gå sedan upp till Select-menyn och välj All. Detta placerar en markeringslinje runt hela bilden:

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åt Höjden vara inställd på 1 pixel och Beloppet på 500 %, men ändra vinkeln till 180°. Klicka på OK:

Steg 23: Välj RGB-kanalen och öppna Layers-panelen igen

Klicka på RGB-kanalen högst upp för att välja den. Detta aktiverar alla tre färgkanaler (röd, grön och blå) igen:

Växla sedan tillbaka till panelen Lager genom att klicka på dess flik:

Steg 24: Låsa upp bakgrundsskiktet

Vi måste låsa upp bakgrundsskiktet så att vi kan omforma det. I Photoshop CC klickar du helt enkelt på låssymbolen. I Photoshop CS6 håller du ned Alt (Win) / Option (Mac) och dubbelklickar på bakgrundslagret. Då döps lagret om till ”Layer 0” och låsikonen försvinner:

Steg 25: Zooma ut från dokumentet

Om en stund ska vi omforma bilden, men för att göra det behöver vi mycket utrymme. Håll ned Ctrl (Win) / Command (Mac) på tangentbordet och tryck på minustangenten (-) upprepade gånger för att zooma långt ut ur dokumentet tills bilden visas väldigt liten i mitten:

Steg 26: Förvandla bildens perspektiv

Gå upp till menyn Redigera, välj Förvandla och välj sedan Perspektiv:

Klicka på handtaget i antingen det nedre vänstra eller högra hörnet och dra det långt bort från bilden. Ju längre du drar, desto större perspektivverkan skapar du:

Det finns inget specifikt värde att använda, men om vi tittar i min alternativfältet ser vi att jag har dragit värdet för Bredd (W) till cirka 3000%. Tryck på Enter (Win) / Return (Mac) på tangentbordet för att acceptera omvandlingen:

Steg 27: Zooma in på dokumentet

För att zooma in bilden igen trycker du återigen på och håller in tangenten Ctrl (Win) / Command (Mac) på tangentbordet och den här gången trycker du på plustecknet (+) flera gånger. 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: Hur man beskär bilder i Photoshop CC

Steg 29: Skala höjden på bilden

Slutligt, eftersom förskjutningskartan bara behöver påverka vattenreflektionen i den nedre halvan av dokumentet, ska vi skala höjden på bilden. Detta kommer också att förbättra perspektiveffekten ytterligare. Gå upp till menyn Redigera och välj Fri transformering:

Klicka på det översta handtaget och dra det ner till mitten av dokumentet. När du kommer nära mitten ska den snäppa in på plats. Tryck på Enter (Win) / Return (Mac) på tangentbordet för att acceptera den:

Steg 30: Spara förskjutningskartan som en Photoshop .PSD-fil

Vi har skapat förskjutningskartan och vi är redo att spara den. Gå upp till menyn Arkiv och välj Spara som:

I dialogrutan Spara som namnger du filen ”displacement-map” och sparar den på skrivbordet eller på en annan plats där du lätt kan hitta den. Se till att Format är inställt på Photoshop så att filen sparas som en .PSD-fil och klicka sedan på Spara. Om Photoshop frågar om du vill aktivera Maximera kompatibilitet för filen klickar du på OK:

Steg 31: Växla till ditt huvuddokument

Växla tillbaka till ditt vattenreflektionsdokument genom att klicka på dess flik:

Om du fortfarande ser markeringsomfattningen runt bilden från när vi kopierade den, går du upp till menyn Markera och väljer Avmarkera:

Steg 32: Applicera förskjutningsfiltret

Applicera förskjutningsmappningen på vattenreflektionen. När smartobjektet ”Reflection” är markerat i panelen Layers går du till menyn Filter, väljer Distort och sedan Displace:

Detta öppnar dialogrutan Displace. Överst finns alternativen Horisontell skala och Vertikal skala. Dessa två alternativ styr hur mycket förskjutningskartan ska böja, förvränga och omforma bilden. Horisontell skala styr bredden på förvrängningen och Vertikal skala styr höjden. För att skapa vattenrynkorna får du i allmänhet bättre resultat om du använder ett lågt värde för Horizontal Scale (horisontell skala) och ett högre värde för Vertical Scale (vertikal skala). De exakta värden du behöver beror främst på bildens storlek men också på motivet, så du bör experimentera.

I mitt fall ställer jag in Horizontal Scale på 10 och Vertical Scale på 80. Låt Displacement Map vara inställd på Stretch To Fit och Undefined Areas vara inställd på Repeat Edge Pixels, och klicka sedan på OK:

Välj din displacement map från den plats där du har sparat den, och klicka sedan på Open:

Photoshop tillämpar förskjutningskartan på vattenreflektionen, och med den här bilden skapar de inställningar jag valde en fin, subtil krusningseffekt:

Steg 33: Experimentera med förskjutningsinställningarna

I panelen Layers (lager) visas filtret Displace (förskjutning) som ett Smart Filter (smart filter) under Smart Object (smart objekt) Reflection (reflektion). Om du vill prova olika värden för horisontell och vertikal skala dubbelklickar du på ordet ”Displace” för att öppna dialogrutan igen:

Den här gången låter jag den horisontella skalan vara inställd på 10 men jag ökar den vertikala skalan till 120. Observera att jag arbetar med en ganska stor bild. Mindre bilder behöver i allmänhet mindre värden för att få samma resultat:

Klicka på OK för att stänga dialogrutan. Photoshop kommer att be dig att välja om din förskjutningskarta. Och här ser vi att den här gången skapar det högre värdet för Vertical Scale starkare och mer uppenbara vattenrynkor:

Steg 34: Sträck det smarta objektet ”Reflection” uppåt

Om vi tittar längs toppen av vattenreflektionen där de två bilderna möts ser vi några blå artefakter som orsakats av förskjutningskartan:

För att rensa upp dessa ser du till att smartobjektet ”Reflection” är markerat i panelen Layers (lager) och går sedan upp till menyn Edit (redigera) och väljer Free Transform (fri transformering):

Photoshop kommer att varna dig för att alla smarta filter som du tillämpat kommer att stängas av när du är i Transform-läge. Klicka på OK:

Klicka på det översta handtaget och dra det en aning uppåt för att sträcka ut vattenreflektionsbilden tills de blå artefakterna är dolda bakom huvudbilden. Tryck på Enter (Win) / Return (Mac) på tangentbordet när du är klar:

Steg 35: Beskär bilden

Du kanske också märker några problemområden längst ner i vattenreflektionen, som återigen orsakas av förskjutningskartan. Eller så kanske du bara vill beskära bort en del av reflektionen. I båda fallen väljer du beskärningsverktyget i verktygsfältet:

Photoshop placerar en beskärningsruta runt bilden. Klicka på det nedre handtaget och dra det uppåt för att beskära bort den nedre delen av reflektionen. Press Enter (Win) / Return (Mac) when you’re done to crop the image:

Step 36: Add A Shadow Along The Shoreline

Finally, to complete the water reflection effect, add a shadow along the shoreline to give it some depth, as if the ground slopes into the water. Select the ”Photo” layer in the Layers panel:

Add a new layer above it by clicking the New Layer icon:

Select the Rectangular Marquee Tool from the Toolbar:

Drag out a rectangular selection around the shoreline:

Fill the selection with black by going up to the Edit menu and choosing Fill:

In the Fill dialog box, set Contents to Black and then click OK:

The selection is now filled with black:

Remove the selection outline by going up to the Select menu and choosing Deselect:

Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:

In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. För en större bild fungerar ett värde på mellan 30-40 pixlar bra. För mindre bilder kan du prova 15-20 pixlar. Klicka på OK för att stänga dialogrutan:

Här är resultatet efter att du har mjukat upp kanterna:

Slutligt kan du sänka skuggans opacitet för att smälta in den i bilden. Alternativet Opacitet finns längst upp till höger i panelen Lager. Jag sänker min till 50 %:

Och med det är vi klara! Här är min slutliga vattenreflektionseffekt efter att skuggan har tonats ut till strandlinjen:

Och där har vi det! Så här lägger du till en realistisk vattenreflektion i en bild med Photoshop! För att ta effekten ännu längre, prova att lägga till regn i din bild och sedan lägga till en regnbåge! Besök vår sektion för fotoeffekter för fler handledningar om Photoshop-effekter!