I denna Photoshop-lärdom kommer vi att lära dig hur du enkelt kan lägga till en realistisk vattenreflektion till alla foton. Det är en mycket enkel effekt att skapa och du kan lägga till det till vilket foto du vill, även om det tenderar att fungera bäst med bilder som inte redan innehåller vatten i dem. Vi kommer att använda ett enkelt filter och en förskjutningskarta för att skapa vattenrimpeleffekten och ett justeringsskikt för nyans / mättnad för att ge vårt vatten lite färg.

Versionsanmärkning: Denna handledning har skrivits för Photoshop CS5 och tidigare. Photoshop CC- och CS6-användare vill kolla in vår helt nya tutorial för vattenreflektionseffekt.

Här är fotot som jag kommer att arbeta med i hela denna tutorial:

Den ursprungliga bilden.

Och här är hur vår bild kommer att se ut efter att ha lagt till vattenreflektionen:

Det slutliga resultatet.

Denna självstudie kommer från vår Photo Effects-serie. Låt oss börja!

Steg 1: Duplicera bakgrundsskiktet

Med vår nyligen öppnade bild i Photoshop kan vi i lagpaletten se att vi för närvarande har ett lager, bakgrundsskiktet, som innehåller vår bild:

Den ursprungliga bilden på bakgrundsskiktet i paletten Lager.

Vi måste duplicera bakgrundsskiktet, och vi kan göra det med kortkommandot Ctrl + J (Win) / Command + J (Mac). När jag nu tittar i min lagpalett nu kan jag se att jag nu har två lager - mitt ursprungliga bakgrundslager på botten och ett nytt lager, "lager 1", ovanför det som är mitt duplikat:

Tryck på "Ctrl + J" (Win) / "Kommando + J" (Mac) för att kopiera bakgrundsskiktet.

Steg 2: Lägg till mer kanfasutrymme i dokumentets botten

Vi kommer att lägga till vår vattenreflektion under bilden, så låt oss lägga till lite dukutrymme i botten av vårt dokument för att göra plats för vår reflektion. För att göra det, gå upp till Bild- menyn längst upp på skärmen och välj Canvas Size . Detta kommer att få upp Photoshops dialogrutan "Canvas Size". Det enklaste att göra här är att lägga till dubbelt så mycket dukutrymme som vad vi har för närvarande, men vi vill bara att det ska visas längst ner i dokumentet, inte ovanför det eller på någon sida, så vi måste berätta för Photoshop exakt var vi vill att det här extra kanfasutrymmet ska gå.

Ange först 100 för höjden och ställ in mätningen till procent, som cirkelröda nedan. Lämna breddalternativet inställt på 0. Se sedan till att alternativet Relativ är markerat, vilket berättar för Photoshop att ge oss 100% mer dukutrymme än vad vi redan har. Under alternativet "Relativ" finns ett 3x3 rutnät. Det är här vi berättar för Photoshop där vi vill placera vårt extra dukutrymme. Klicka inuti torget i mitten av den övre raden (igen som cirklad nedan). Detta berättar för Photoshop att inte placera något extra kanfasutrymme ovanför dokumentet och istället placera det hela längst ner:

Lägg till mer kanfasutrymme med hjälp av dialogrutan "Canvas Size".

Klicka på OK för att stänga ur dialogrutan, och Photoshop lägger till det extra dukutrymmet längst ner på bilden:

x

Dokumentets höjd har nu fördubblats med det extra dukutrymmet som läggs till i botten.

Steg 3: Vänd det övre lagret vertikalt

För att skapa vår reflektion måste vi vända vår bild upp och ner, så låt oss göra det. När det översta lagret är valt i paletten Lager, gå upp till menyn Redigera högst upp på skärmen, välj Transformera och välj sedan Vänd vertikalt . Photoshop vänder bilden upp och ner i dokumentet:

Gå till Redigera> Transformera> Vänd vertikalt för att vända bilden på det övre lagret upp och ner.

Steg 4: Dra den vända bilden till botten av dokumentet

Vi behöver att den vända bilden ska ligga längst ner i dokumentet, så tag ditt Move Tool från verktygspaletten eller tryck på V på tangentbordet för genvägen:

Välj Flyttaverktyget.

Klicka sedan inåt i dokumentet och dra den vippade bilden ner till botten tills den övre delen är uppradad med undersidan av originalbilden ovanför. Håll ner Skift medan du drar för att se till att du drar ner i en rak linje:

Dra den vända bilden nedanför originalet.

Steg 5: Lägg till ett nytt tomt lager

Nu när vi har vår vända bild på plats kan vi börja skapa vår vattenrimpeleffekt. Först måste vi lägga till ett nytt tomt lager högst upp på lagpaletten, så när "Lag 1" fortfarande är valt, klicka på ikonen Nytt lager längst ner i lagpaletten:

Lägg till ett nytt tomt lager i dokumentet.

Steg 6: Fyll det nya lagret med vitt

Vi kommer att fylla vårt nya tomma lager med vitt. Om vit för närvarande inte är din bakgrundsfärg, tryck på D på tangentbordet, vilket återställer Photoshops förgrunds- och bakgrundsfärger, vilket gör svart till din förgrundsfärg och vit till din bakgrundsfärg. Använd sedan kortkommandot Ctrl + Backspace (Win) / Command + Delete (Mac) för att fylla det nya lagret med bakgrundsfärgen (vit). Ditt dokument kommer att fyllas med helt vitt.

Hela bilden är nu fylld med vit.

Steg 7: Använd filteret "Halvtonmönster" för att skapa svarta och vita horisontella linjer

Gå upp till filtermenyn längst upp på skärmen, välj Sketch och välj sedan Halvtonmönster . Detta visar Photoshops filtergalleri (i Photoshop CS och högre) inställt på filteralternativ "Halvtonmönster" till höger, med en stor förhandsgranskning av effekten till vänster. Vi kommer att använda detta filter för att lägga till en serie svarta och vita horisontella linjer i bilden. Dessa linjer kommer att bli våra vatten krusningar. Ju fler rader vi har, desto fler krusningar får vi.

Först vill vi se till att vi skapar linjer och inte prickar eller cirklar, så ställ in alternativet Mönstertyp till Linjer . Vi kontrollerar antalet rader genom att justera storleksalternativet . Lägre värden ger oss fler rader, eftersom vi sänker storleken på varje rad och högre värden ger oss färre men tjockare linjer. Jag ska ställa in mitt storlek till 7, vilket jag tycker fungerar bäst för min bild. Du kanske vill experimentera med detta värde på egen hand. Kontrastalternativet nedan avgör hur vassa kanterna på linjerna är. Lägre värden ger dig mjukare linjer, vita högre värden ger dig hårda kantlinjer. Ställ in detta värde hela vägen till 50 för att ge dina linjer skarpa kanter. Vi ska mjukgöra dem själva med Gaussian Blur-filtret på ett ögonblick:

Justera filteralternativen för halvtonmönster för att skapa en serie svarta och vita linjer genom bilden.

Klicka på OK när du är klar för att gå ur dialogrutan, och Photoshop kommer att fylla bilden från topp till botten med dina svarta och vita linjer:

Bilden är nu fylld med svarta och vita horisontella linjer.

Steg 8: Applicera filtret "Gaussian suddighet" på linjerna

Innan vi kan använda våra svarta och vita linjer som vattenkrusningar, måste vi jämna ut dem och skapa fina, smidiga övergångar mellan dem. För att göra det, gå upp till filtermenyn igen, välj suddighet och välj sedan Gaussian oskärpa, som visar dialogrutan "Gaussian sudd". Håll ett öga på din bild och dra skjutreglaget längst ner i dialogrutan för att öka Radius- värdet tills linjerna har en mycket mjuk kant mot dem. Jag använder en liten bild för den här tutorialen, så för mig fungerar ett Radius-värde på cirka 4 pixlar bra. Om du använder en större bild med hög upplösning måste du ställa din till ett högre värde:

Använd Gaussian suddighetsfiltret för att jämna ut kanterna på linjerna.

Klicka på OK för att stänga ur dialogrutan och applicera suddigheten på raderna.

Steg 9: Duplicera linjeskiktet som ett nytt dokument

Vi kommer att skapa ett helt nytt dokument ur vårt linjelager, som vi sedan kommer att använda som vår förskjutningskarta för våra vattenkrusningar. När du har valt linjeskiktet går du upp till Layer- menyn längst upp på skärmen och väljer Duplicate Layer, som visar dialogrutan "Duplicate Layer". I alternativen "Destination" klickar du på den nedåtpekande pilen till höger om alternativet Dokument och ställer det till Nytt, vilket skapar ett nytt Photoshop-dokument ur vårt lager:

Ställ in alternativet "Dokument" i dialogrutan "Duplicera lager" till "Nytt".

Klicka på OK för att stänga ur dialogrutan, så kommer ditt lager att öppnas i ett nytt dokument på skärmen.

Steg 10: Spara det nya dokumentet och stäng det

Detta nya dokument som vi har skapat kommer att bli vår förskjutningskarta, men innan vi kan använda det måste vi spara det. Vi kommer också att stänga av det efter att vi har sparat det, eftersom vi inte behöver öppna det längre, och det enklaste sättet att utföra båda dessa uppgifter är att helt enkelt stänga ur dokumentet. När du försöker stänga ur det kommer Photoshop att vara som om du vill spara dokumentet innan du stänger det. Klicka på Ja :

Välj "Ja" när Photoshop frågar om du vill spara dokumentet innan du stänger det.

Photoshop tar upp dialogrutan Spara som . Du kan namnge ditt nya dokument vad du vill. Jag kommer att kalla mina "vatten-krusningar". Se till att du sparar den som en Photoshop .PSD-fil, eftersom det är de enda filerna som Photoshop kan använda som en förskjutningskarta. Du vill förmodligen spara dokumentet på ditt skrivbord, eftersom vi måste hitta det igen om ett ögonblick.

Steg 11: Radera Lines Layer

Nu när vi har använt våra svarta och vita linjer för att skapa den fil vi använder som vår förskjutningskarta kan vi bli av med den. För att göra det klickar du helt enkelt på den och drar den ner till papperskorgen-ikonen längst ner på paletten Lager:

Klicka och dra linjelageret ("Layer 2") till papperskorgen längst ner på paletten Lager för att radera det.

Steg 12: Slå ihop de två lagren till ett nytt lager

Innan vi kan lägga till vår förskjutningskarta måste vi slå samman våra två bildlager till ett nytt lager ovanför dem. För att göra det, med "Layer 1" markerat använder du kortkommandon Shift + Ctrl + Alt + E (Win) / Shift + Command + Alternativ + E (Mac). Ingenting verkar ha hänt i dokumentet, men om vi tittar i lagpaletten kan vi se att båda lagren har släppts samman till ett nytt lager överst:

Båda lagren slås nu samman till ett nytt lager, "Layer 2".

Steg 13: Använd "Displace" -filtret för att skapa vattenskrusningar

Vi är redo att skapa våra vattenkrusningar med hjälp av förskjutningskartan som vi just skapade. När det nya sammanslagna lagret är valt i paletten Lager, gå tillbaka till filtermenyn längst upp på skärmen, välj Distort och välj sedan Displace .

Detta skapar Photoshop's "Displace" -filterdialogruta. Det är här vi bestämmer styrkan hos vår rippeleffekt, och vi gör det med alternativet Horisontell skala längst upp. Jag kommer att ställa mina till ett värde av 4, vilket kommer att ge mig en realistisk krusningseffekt. Du kanske vill experimentera med detta värde med din egen bild. Om du ställer in den för högt kommer det att skapa för mycket av en horisontell snedvridning och du förlorar realismen.

Vi behöver inte någon vertikal förvrängning för att skapa vår effekt, så ställ alternativet Vertikal skala till 0 . Se också till att Stretch To Fit och Repeat Edge Pixels är valda:

Gå till Filter> Förvrängning> Förskjut för att visa dialogrutan Förflyttning.

Klicka på OK i det övre högra hörnet av dialogrutan, och Photoshop frågar dig vilken fil du vill använda som din förskjutningskarta. Välj den fil som du just sparade för ett ögonblick sedan, som jag sparat på mitt skrivbord som "vatten-ripples.PSD" och klicka sedan på Öppna. Photoshop tillämpar sedan förskjutningskartan på hela bilden och skapar våra vattenkrusningar:

Bilden efter applicering av vår förskjutningskarta med "Displace" -filtret.

Steg 14: Dölj krusningarna på toppen med en lagermask

Naturligtvis har vi ett litet problem just nu. Vi har lagt till vår vattenrimpeleffekt till hela bilden och vi ville bara ha den i den nedre halvan. Vi kan fixa det enkelt om vi använder en lagermask. Först, Ctrl-klicka (Win) / Kommando-klicka (Mac) direkt på miniatyrbilden för "Layer 1" i paletten Lager för att placera ett urval runt den vända bilden längst ner i dokumentet:

"Högerklicka" (Win) / "Kontrollklicka" (Mac) direkt på lager 1s miniatyrbild i paletten Lager för att placera ett urval runt den vända bilden.

Du kommer att se ett urval runt den nedre halvan av bilden i ditt dokument. Nu, med det sammanslagna lagret fortfarande valt, klickar du på ikonen Layer Mask längst ner i paletten Layers:

Klicka på "Layer Mask" -ikonen för att lägga till en lagermask till det sammanslagna lagret högst upp på lagpaletten.

Photoshop lägger till en lagermask till det sammanslagna lagret, och eftersom vi hade ett val runt den nedre halvan av vårt dokument när vi lägger till lagermasken förblir endast den nedre halvan av det sammanslagna lagret synlig. Den övre halvan blir dold från sikten och tar bort de oönskade vattenskrusningarna från den delen av bilden:

Rippeleffekten döljs nu från den övre halvan av bilden efter applicering av skiktmask.

Steg 15: Applicera "Gaussian Blur" -filtret på lagermasken

Innan vi lägger till vår finpuss genom att färga vattnet, låt oss mjukgöra kanten på skiktmask lite så att det inte finns en så hård skiljelinje mellan bilden upptill och vattnet under. Vi kommer att använda Gaussian suddighetsfilter för det, och eftersom vi vill applicera det på lagermasken måste vi först välja masken. Det kan vi göra genom att klicka på miniatyren för skiktmask i paletten Lager:

Adobe Photoshop Tutorials: Klicka på skiktmaskens miniatyrbild i paletten Lager för att välja lagermask.

Du kan säga att lagermasken nu är vald i den vita markeringsrutan runt miniatyren. Vi kommer att använda Gaussian suddighetsfiltret på masken, så gå tillbaka upp till filtermenyn, välj oskärpa igen och välj sedan Gaussian oskärpa . När dialogrutan visas klickar du bara på OK för att tillämpa samma radievärde som vi använde tidigare.

Steg 16: Färglägg vattnet med ett justeringslager för nyans / mättnad

Låt oss avsluta saker nu genom att bara lägga till en antydan av blått i vattnet, och vi använder ett justeringslager för nyans / mättnad för det. Vi vill att justeringsskiktet endast ska påverka den nedre halvan av bilden där vattnet krusas, så håll ner Alt (Win) / Option (Mac) -knappen, klicka på ikonen Nytt justeringslager längst ner i paletten Lager, välj sedan nyans / mättnad i listan över justeringslager:

Håll ner "Alt" (Win) / "Alternativ" (Mac), klicka på ikonen "Nytt justeringslager" och dra sedan musen till "Nyans / mättnad" för att välja den.

Genom att hålla nere "Alt / Option" berättar detta för Photoshop att öppna dialogrutan Nytt lager innan du lägger till justeringslagret. Välj alternativet Använd tidigare lager för att skapa klippmask genom att klicka i kryssrutan till vänster om det:

Välj alternativet "Använd tidigare lager för att skapa klippmask" i dialogrutan "Nytt lager".

Det här alternativet säger till Photoshop att vi vill att justeringsskiktet endast ska påverka lagret direkt under det i lagpaletten, och eftersom lagret under det är det skikt som innehåller våra vattenkrusningar, kommer bara vattenkrusarna att färgas, vilket är vad vi vill ha . Klicka på OK för att lämna dialogrutan.

Detta kommer att öppna dialogrutan Nyans / mättnad. Vi vill färga vårt vatten, så det första vi vill göra här är att välja alternativet Colorize i nedre högra hörnet. Välj sedan färgen du vill att ditt vatten ska vara genom att dra skjutreglaget Hue överst. Jag kommer att dra min skjutreglage åt höger till ett värde av cirka 218, vilket jag tycker är en bra färg för mitt vatten:

Använd dialogrutan Nyans / mättnad för att färga vattnet.

Klicka på OK för att lämna dialogrutan, så ser du att ditt vatten på botten nu har färgats, men färgen är mycket för stark just nu.

Steg 17: Sänk tonet på nyans / mättnadsskikt

För att minska intensiteten på färgen som vi just har lagt till vattnet, behöver vi bara gå upp till alternativet Opacity i det övre högra hörnet av paletten Layers och sänka opacitetsvärdet. Jag kommer att sänka gruvan hela vägen ner till cirka 25%, vilket ger en mycket mer realistisk färgmängd till vattnet:

Sänk inställningsskiktets opacitet tills vattnet bara har en antydan till färg.

När du har sänkt inställningsskiktets opacitet för att minska vattenintensiteten är du klar! Här är mitt slutliga "vattenreflektion" -resultat:

Den slutliga effekten.

Bara för skojs skull, här är ytterligare ett exempel på exakt samma effekt som tillämpas på en annan bild. Det enda jag ändrade här var att jag bara lagt till hälften så mycket dukutrymme under originalbilden (jag ställde in "Höjd" -värdet i dialogrutan Canvas Size till 50% istället för 100%). Allt annat gjordes exakt på samma sätt:

Ett annat exempel på en bild med samma effekt.

Och där har vi det! Så här lägger du till en vattenreflektionseffekt till en bild med Photoshop! Besök vårt fotoeffektavsnitt för mer instruktioner för Photoshop-effekter!