Articles

Hur man skapar en realistisk vattenreflektionseffekt i Photoshop

I den här handledningen kommer vi att skapa en realistisk vattenreflektionseffekt. Du bör kunna replikera den här effekten på andra bilder med hjälp av de tekniker som presenteras här.


Denna Photoshop-handledning använder några ganska avancerade tekniker, men de detaljerade förklaringarna vid varje steg bör göra det lätt för nybörjare att förstå.

Slutbild

Som alltid är detta den slutliga bilden som vi kommer att skapa:

Resurser

  • Castle

Steg 1

Öppna bilden Castle. Den här bilden är ganska stor så låt oss minska storleken lite. Tryck på Ctrl + Alt + I för att öppna fönstret Bildstorlek och använd inställningarna nedan:

Steg 2

Välj beskärningsverktyget och dra i de övre och nedre handtagen för att ta bort upphovsmannens varumärke samt de extra pixlarna i den övre, vänstra och högra marginalen (oroa dig inte, det är helt lagligt). Du kan hedra författaren genom att länka till hans webbplats eller till just den här bilden).

Steg 3

Duplicera bakgrundslagret genom att trycka på Ctrl + J. Namnge det här lagret ”Reflektion”.

Steg 4

Nu ska vi öka storleken på duken (vi måste sätta vår reflektion någonstans). Tryck Ctrl + Alt + C för att öppna fönstret Canvas Size och välj de inställningar som visas nedan.

Klicka på lagret ”Reflection” för att göra det aktivt och tryck Ctrl + T för att gå in i Free Transform. Högerklicka på bilden och välj ”Flip Vertical”. Tryck på Enter när du är klar.

Steg 5

Välj flyttverktyget (V) och med lagret ”Reflection” fortfarande markerat klickar du på och drar nedåt samtidigt som du håller Shift intryckt för att flytta lagret nedåt enligt bilden nedan.

Det här skulle redan kunna betraktas som en reflektion, men det ser ganska orealistiskt ut eftersom vattnet är alldeles för lugnt och det finns inga krusningar. Vi kommer att ta itu med dessa problem i följande steg.

Steg 6

Nu måste vi skapa några krusningar. För att göra det behöver vi en speciell textur som liknar krusningar som vi sedan kan applicera på reflektionslagret. Låt oss börja arbeta med vår textur genom att skapa ett nytt dokument (Ctrl + N), 4000 x 4000.

Låt oss lägga till lite Noise. Välj Filter > Noise > Add Noise och använd inställningarna som visas nedan.


Vi behöver ett grövre korn för att uppnå krusningar. Vi kommer att använda ett trick som går ut på att sudda ut bruslagret och därefter öka kontrasten. Applicera en 5px gaussisk oskärpa (Filter > Blur > Gaussisk oskärpa).


Välj nu Image > Adjustments > Curves och dra skjutreglagen till vänster och höger mot spiken.


Välj Filter > Filter Gallery och välj Bass Relief-filtret från mappen Sketch. Använd ett värde på 2 för detaljering och 2 för jämnhet. Vi kan nu se hur texturen börjar se ut som krusningar. Men vänta, vi är inte klara än.


Använd en 35px Motion Blur (Filter > Blur > Motion Blur) för att få jämnare, mer långsträckta vågor.

Steg 7

Vi vill matcha rippeltexturen med vårt reflektionslager. För att uppnå detta måste vi tillfälligt flytta över texturen till vårt originaldokument (slottsdokumentet). Medan du är i texturdokumentet markerar du allt genom att trycka på Ctrl + A och kopierar genom att trycka på Ctrl + C. Markera vårt originaldokument och tryck på Ctrl + V för att klistra in.


Nu ska vi transformera den här rippeltexturen för att uppnå samma perspektiv som i vårt dokument. Tryck Ctrl + T för att ange Free transform.

Minska texturens höjd så att den passar den nedre halvan av bilden.

Högerklicka inom transformationsgränsen och välj Perspective. Dra de övre handtagen inåt och de nedre handtagen utåt för att uppnå en transformation som min nedan.

Se till att den övre gränsen för texturlagret inte överskrider den övre gränsen för lagret ”Reflektion”. För en enklare justering se till att du har Snap aktivt (View > Snap). Tryck på Enter när du är klar.

Steg 8

I Layers-paletten klickar du på texturlagret som vi just transformerade i föregående steg för att se till att det är aktivt. Ctrl-klicka nu på lagret ”Reflection” för att skapa ett urval av dess pixlar. Tryck på Ctrl + J för att duplicera urvalet (medan du är på texturlagret). Namnge det nya lagret ”Texture” och ta bort det tidigare lagret (Layer1).

För att försäkra dig om att du följt mina steg korrekt Ctrl-klickar du på lagret ”Reflection” och därefter Ctrl-klickar du på lagret Texture. Det valda området bör förbli detsamma. Om det är större så har du gjort ett misstag och bör göra om stegen.


Högerklicka på lagret ”Texture” i lagerpaletten och i rullgardinsmenyn väljer du Duplicate Layer, ställ in destinationen som ett nytt dokument. Ge det ett lämpligt namn och tryck på Ok.

Steg 9

Du märker att det finns ett transparent område i den övre delen av vår textur. Vi måste bli av med det och för att göra det väljer vi Image > Trim . Välj Transparent Pixels och tryck på OK. Spara texturen (Ctrl + S) någonstans på din dator (kom ihåg var).

Steg 10

Slut texturdokumentet (Ctrl + W) och gå tillbaka till vårt originaldokument. Stäng av synligheten för lagret ”Texture” genom att klicka på den lilla ögongloben till vänster om dess miniatyrbild.

Steg 11

Högerklicka på lagret ”Reflection” i lagerpaletten och välj från rullgardinsmenyn Convert to Smart Object.

Med lagret ”Reflection” markerat välj Filter > Filter Gallery. Välj filtret Glass (i mappen Distort). Lägg märke till att det bredvid texturens namn finns en liten ikon. Klicka på den ikonen och tryck på ”Load Texture”. Välj den textur du sparade tidigare (texturen från steg 9).

Välj ett större Distort-värde om du vill ha en mer uttalad effekt. För subtilitet väljer du ett lägre värde (6-7). Det som är bra med smarta objekt är att du kan ändra inställningarna för dina filter när som helst. Som du kan se har vi redan uppnått en fin effekt. Vi kan dock fortfarande lägga till några förbättringar.

Steg 12

Vatten har en viss reflekterande kvalitet och vår reflektion saknar denna kvalitet. Minns du lagret ”Texture” som vi stängde av i steg 17? Slå på dess synlighet igen genom att klicka på ögonikonen (mer exakt där ögonikonen brukade vara).

Ändra dess blandningsläge till Mjukt ljus och sänk täckningsgraden till 18 % och lägg märke till hur lagret ”Reflektion” har fått den reflekterande kvaliteten.

Steg 13

Vattnet har normalt sett himlens färg/ton. Låt oss göra detta i vår bild. Välj penselverktyget (B) och Alt-klicka någonstans på himlens blå färg för att sampla en färg (att sampla en färg innebär att den färg som ligger under provtagarens spets blir förgrundsfärg).

Skapa ett nytt lager (Ctrl + Shift + Alt + N) och fyll lagret med förgrundsfärgen (Alt + Backspace). Ge det här lagret namnet ”Färg”.

Förflytta lagret ”Färg” precis under lagret ”Textur” (genom att klicka och dra). Klipp därefter lagret ”Color” till lagret ”Reflection” genom att hålla in Alt-tangenten och klicka precis mellan de två lagren i lagerpaletten.

Att klippa ett lager till ett annat innebär att det övre lagret endast blir synligt genom pixlarna i det undre lagret.


Tryck på D för att återställa standardfärgerna och på X för att växla mellan dem.

Lägg till en lagermask till lagret ”Färg” genom att välja Layer > Layer Mask > Reveal All. Välj Gradientverktyget (G) och välj alternativet Foreground to Background i den övre alternativfältet.

Steg 14

Klicka på lagermasken och när Gradientverktyget fortfarande är markerat håller du in Shift-tangenten och drar nedåt enligt bilden nedan. Detta steg säkerställer att färgen inte kommer att vara synlig i den övre delen av bilden och att den gradvis blir mer synlig i de nedre delarna.


Sänk opaciteten för lagret ”Färg” till 12 %.

Steg 15

Nästan klart! Låt oss göra något för att förbättra utseendet på den övergripande bilden. Lite färgkorrigering skulle vara precis vad den här bilden behöver. Skapa ett nytt justeringslager för kurvor (Layer > New Adjustment Layer > Curves).




Steg 16

För att öka kontrasten lägger du till ett justeringslager för Black & White genom att välja Layer > New Adjustment Layer > Black & White. Ändra blandningsläget för det här lagret till Mjukt ljus och sänk opaciteten till 46 %.

Steg 17

Vi är nästan framme. Bilden ser för symmetrisk ut eftersom vi har vänt det ursprungliga lagret vertikalt. Dessutom finns det några fula pixelartefakter i den nedre delen av bilden (vi skapade dem när vi tillämpade glasfiltret på reflektionslagret). För att åtgärda båda dessa problem ska vi beskära vår bild och göra oss av med en del av den nedre delen.

Steg 18

Slutligt ska vi lägga till en vinjetteffekt. Skapa ett nytt lager (Ctrl + Shift + Alt + N) och fyll det med vitt (med vitt som förgrundsfärg tryck på Alt + Backspace). Välj Filter > Lens Correction och dra reglaget Vignette Amount mot vänster i fliken Custom. Tryck på OK och ändra blandningsläget för lagret till Multiply.

Märker du hur lagret ”Color” är lite för intensivt? Låt oss sänka dess opacitet från 12 % till 7 %.