Waterreflectie-effect in Photoshop CC en CS6

Zoals we zullen zien, zijn er drie hoofdonderdelen voor het maken van het waterreflectie-effect. We beginnen met het maken van de basis reflectie zelf door het maken van een kopie van onze afbeelding, slepen het onder het origineel, en dan omdraaien zodat de afbeelding op de bodem spiegelt de afbeelding boven. We voegen bewegingsonscherpte toe en zelfs een blauwachtige tint om de reflectie meer op water te laten lijken.

Daarna maken we een verplaatsingskaart, een speciaal soort document in Photoshop dat we kunnen gebruiken om onze afbeelding te buigen, te vervormen en een nieuwe vorm te geven. En tenslotte nemen we onze verplaatsingskaart en passen die toe op de waterreflectie om realistisch ogende golven en rimpelingen te maken! We voegen zelfs een schaduw toe langs de kustlijn om het te laten lijken alsof het afloopt in het water. Er zijn veel stappen, maar zoals altijd loop ik ze met je door, zodat je ze gemakkelijk kunt volgen, zelfs als je een beginner bent.

Hier zie je een voorbeeld van hoe het water-effect eruit zal zien als we klaar zijn. Aan het eind laat ik je zien hoe je met het effect kunt experimenteren om de beste resultaten met je afbeelding te krijgen:

Laten we beginnen!

Download deze tutorial als een printklare PDF!

Hoe maak je een waterreflectie in Photoshop

Voor deze tutorial gebruik ik Photoshop CC, maar elke stap is compatibel met Photoshop CS6.

Stap 1: Open je afbeelding

Open de afbeelding waar je je waterreflectie wilt toevoegen. Hier is de afbeelding die ik zal gebruiken (foto van zonsondergang

van Adobe Stock):

Stap 2: Ontgrendel de achtergrondlaag en geef hem de naam “Foto”

In het deelvenster Lagen zien we de afbeelding op de achtergrondlaag. De Achtergrondlaag is vergrendeld, zoals aangegeven door het slotpictogram uiterst rechts. We moeten deze ontgrendelen zodat we er andere lagen onder kunnen plaatsen, en dat kunnen we doen door de naam te wijzigen. Dubbelklik op de naam “Achtergrond”:

Photoshop opent het dialoogvenster Nieuwe laag. Geef de laag de naam “Foto” en klik vervolgens op OK:

Terug in het Lagenpaneel is de Achtergrondlaag nu de “Foto”-laag en is het slotpictogram verdwenen:

Stap 3: Dupliceer de laag en geef deze de naam “Reflectie”

Maak een kopie van de laag. We gebruiken de kopie om de waterreflectie te maken. Houd de Alt (Win) / Option (Mac) toets op je toetsenbord ingedrukt terwijl je op de “Foto”-laag klikt en deze naar beneden sleept op het Nieuwe Laag-pictogram onder in het Lagenpaneel:

Laat je muisknop los en laat vervolgens je Alt / Option-toets los. Photoshop opent het dialoogvenster Duplicate Layer. Geef de laag de naam “Reflectie” en klik op OK:

De “Reflectie”-laag verschijnt boven de “Foto”-laag:

Stap 4: Zet de “Reflectie”-laag om in een Smart Object

Verander de “Reflectie”-laag in een Smart Object door te klikken op het menupictogram in de rechterbovenhoek van het Lagenpaneel:

Kies Omzetten in Smart Object in het menu:

Er verschijnt een Smart Object-pictogram rechtsonder in de voorbeeldminiatuur van de “Reflectie”-laag, om aan te geven dat de laag nu een Smart Object is. Alle filters die we op de laag toepassen, worden nu toegepast als bewerkbare Smart Filters:

Stap 5: Voeg meer canvasruimte toe onder de foto

Voeg meer canvasruimte toe onder de foto om ruimte te maken voor de waterreflectie. Ga naar het menu Afbeelding in de menubalk en kies Canvasgrootte:

In het dialoogvenster Canvasgrootte stelt u de breedte in op 100 procent en de hoogte op 200 procent. Laat Relatief uitgevinkt. Om alle extra ruimte onder de foto toe te voegen, klikt u op het middelste vakje bovenaan in het Ankerraster en klikt u vervolgens op OK om het dialoogvenster te sluiten:

Photoshop voegt de extra ruimte onder de afbeelding toe. Als de extra ruimte buiten uw scherm uitsteekt, druk dan op Ctrl+0 (Win) / Command+0 (Mac) op uw toetsenbord om Photoshop’s opdracht Aanpassen aan scherm te kiezen:

Stap 6: Verplaats de “Reflectie”-afbeelding naar de toegevoegde ruimte

Verplaats de “Reflectie”-afbeelding onder de hoofdfoto en naar de nieuwe canvasruimte door het Verplaats-gereedschap te selecteren op de werkbalk:

Druk op de Shift-toets en houd deze ingedrukt terwijl je de afbeelding naar beneden sleept naar het nieuwe canvasgebied. De Shift-toets beperkt de richting waarin je kunt bewegen, waardoor het gemakkelijk is om recht naar beneden te slepen:

Stap 7: De afbeelding verticaal spiegelen

Sleep de afbeelding op de “Reflectie”-laag verticaal, zodat de weerspiegeling van het water de foto erboven spiegelt. Ga naar het menu Bewerken in de menubalk, kies Transformeren, en kies dan Verticaal spiegelen:

Na het spiegelen van de “Reflectie” laag, spiegelt het onderste beeld nu het bovenste:

Gerelateerd: Maak een spiegelbeeldeffect met Photoshop

Stap 8: Sleep de “Reflectie”-laag onder de “Foto”-laag

Klik in het Lagenpaneel op de “Reflectie”-laag en sleep deze naar beneden onder de “Foto”-laag. Wanneer er een witte horizontale balk onder de “Foto”-laag verschijnt, laat u de muisknop los om de “Reflectie”-laag op zijn plaats te zetten:

Stap 9: Voeg bewegingsonscherpte toe aan de reflectie

Voeg wat bewegingsonscherpte toe aan de waterreflectie met behulp van het filter Bewegingsonscherpte van Photoshop. Met de “Reflectie” laag nog steeds geselecteerd, ga je naar het Filter menu in de menubalk, kies je Vervagen, en kies je vervolgens Bewegingsonscherpte:

In het dialoogvenster Vervagen van de beweging stel je de hoek in op 90° en de afstand op 10-20 pixels, afhankelijk van de grootte van je afbeelding (grotere afbeeldingen hebben meer vervaging nodig). Ik ga voor 20 pixels. Klik op OK om het dialoogvenster te sluiten:

Hier zie je het effect met een subtiele hoeveelheid bewegingsonscherpte toegevoegd aan het water. Na toepassing van het filter bewegingsonscherpte zie je misschien een horizontale lijn door het midden van het document lopen, tussen de hoofdfoto en de reflectiefoto. Dat is een artefact van het filter Bewegingsonscherpte, dat we later zullen verwijderen. Negeer het voor nu:

In het Lagenpaneel verschijnt het filter voor bewegingsonscherpte als een Smart Filter onder de laag “Reflectie”. Als u de hoeveelheid bewegingsonscherpte wilt wijzigen, dubbelklikt u op de woorden “Bewegingsonscherpte” om het dialoogvenster van het filter opnieuw te openen en de afstandswaarde naar behoefte aan te passen:

Stap 10: Voeg een blauwe effen kleur-vullaag toe

Aangezien water de neiging heeft blauw te lijken, voegen we een blauwachtige tint toe aan de reflectie. Klik op het pictogram Nieuwe vul- of aanpassingslaag onder in het deelvenster Lagen:

Kies effen kleur boven in de lijst:

Kies in de Kleurkiezer een gedempt blauw door de R-waarde in te stellen op 40, de G-waarde op 110 en de B-waarde op 185, en klik vervolgens op OK om de Kleurkiezer te sluiten:

Na het toevoegen van de vullaag wordt de waterreflectie in de onderste helft van het document tijdelijk bedekt door effen blauw:

Stap 11: Sleep de vullaag onder de “Reflectie”-laag

De reden dat het blauw bedekt is, is dat Photoshop de vullaag, genaamd “Color Fill 1”, tussen de “Foto”- en de “Reflectie”-lagen heeft geplaatst. Klik op de vullaag en sleep deze omlaag onder de “Reflectie” laag. Hierdoor wordt de blauwe vullaag verborgen, zodat de waterreflectie weer tevoorschijn komt. We brengen de blauwe kleur zo weer terug:

Stap 12: Selecteer het Smart Filter-laagmasker

Nu gaan we het uiterlijk van de bewegingsonscherpte in de waterreflectie aanpassen, zodat het onscherpe effect vervaagt naarmate het verder van de kust af komt te liggen. Selecteer het laagmasker voor slimme filters door te klikken op de miniatuur van het laagmasker links van de woorden “Slimme filters”:

Stap 13: teken een kleurverloop van zwart naar wit op het laagmasker

Kies het kleurverloopgereedschap op de werkbalk:

Klik in de Optiebalk op het kleine pijltje rechts van de kleurverloopstaal, en kies vervolgens het verloop Zwart naar Wit door te dubbelklikken op de miniatuur (derde van links, bovenste rij). Dit selecteert het kleurverloop en sluit de Gradient Picker:

Zorg ervoor dat de stijl Lineair in de Optiebalk is geselecteerd door op het pictogram ervan te klikken (direct rechts van de kleurstaal van het kleurverloop):

Klik onderaan het document om een beginpunt voor het kleurverloop in te stellen. Houd de muisknop ingedrukt en sleep omhoog naar het midden (naar de bovenkant van de afbeelding van de waterspiegeling). Houd je Shift-toets ingedrukt terwijl je sleept om het gemakkelijker te maken recht omhoog te slepen:

Laat je muisknop los om het kleurverloop te voltooien. Het bewegingsonscherpte-effect vervaagt nu geleidelijk van de bovenkant van de waterreflectie naar de onderkant:

Stap 14: Lagenmasker als selectie laden

Nu we het bewegingsonscherpte-effect hebben vervaagd, laten we de waterreflectie zelf vervagen, zodat deze opgaat in onze blauwe vullaag. Dat doen we door een exacte kopie van ons laagmasker toe te voegen aan de “Reflectie” laag. Houd de toets Ctrl (Win) / Command (Mac) op je toetsenbord ingedrukt en klik op de miniatuur van het laagmasker voor slimme filters. Hierdoor wordt het laagmasker als een selectie geladen (er verschijnt een selectielijn in het document):

Stap 15: Een laagmasker toevoegen aan de “Reflectie”-laag

Zorg ervoor dat de “Reflectie”-laag is geselecteerd en klik vervolgens op het pictogram Laagmasker toevoegen onder in het deelvenster Lagen:

hotoshop zet de omtrek van de selectie om in een nieuw laagmasker, waardoor we een identiek masker krijgen met hetzelfde zwart-witverloop op de “Reflectie”-laag:

Met het laagmasker toegevoegd, vervaagt de waterreflectie nu geleidelijk van boven naar beneden in het blauw van onze effen kleurvullaag:

Stap 16: De intensiteit van het blauw verlagen

Als het blauw te sterk lijkt, kun je het vervagen in het eigenschappenpaneel van Photoshop. Zorg ervoor dat het laagmasker op de “Reflectie” laag is geselecteerd. Verlaag vervolgens in het eigenschappenpaneel de waarde Dichtheid door de schuifregelaar naar links te slepen. Hoe meer je de waarde verlaagt, hoe meer de blauwe kleur vervaagt. Ik verlaag de mijne tot 50%:

En nu is het blauw in het water subtieler:

Stap 17: Combineer de “Reflectie-” en de vullaag in een Smart Object

We moeten de “Reflectie-” laag en de vullaag eronder combineren tot één Smart Object. Met de “Reflectie”-laag geselecteerd, houdt u de Shift-toets ingedrukt en klikt u op de vullaag. Hierdoor worden beide lagen in één keer geselecteerd:

Klik op het menupictogram rechtsboven in het Lagenpaneel:

Kies Converteren naar Smart Object:

Beide lagen verschijnen nu in het Lagenpaneel als één Smart Object met de naam “Reflectie”:

Download deze zelfstudiegids als een PDF die klaar is om te worden afgedrukt!

Stap 18: Maak een nieuw document van dezelfde grootte

Om de weerspiegeling meer op water te laten lijken, voegen we er rimpelingen aan toe met behulp van een verplaatsingskaart. De verschuivingskaart moet een apart Photoshop document zijn, en het moet dezelfde grootte hebben als ons huidige document. Zorg ervoor dat het Smart Object “Reflectie” is geselecteerd in het Lagenpaneel, en ga dan naar het menu Selecteren en kies Alles. Dit plaatst een selectielijn rond de hele afbeelding:

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. Laat de Hoogte op 1 pixel staan en de Hoeveelheid op 500%, maar verander de Hoek in 180°. Klik op OK:

Stap 23: Selecteer het RGB-kanaal en open het lagenpaneel

Klik op het RGB-kanaal bovenin om het te selecteren. Hierdoor worden alle drie de kleurkanalen (Rood, Groen en Blauw) weer ingeschakeld:

Terug naar het Lagenpaneel door op het tabblad te klikken:

Stap 24: De achtergrondlaag ontgrendelen

We moeten de achtergrondlaag ontgrendelen zodat we deze een nieuwe vorm kunnen geven. Klik in Photoshop CC gewoon op het slotpictogram. In Photoshop CS6 houdt u uw Alt (Win) / Option (Mac) toets ingedrukt en dubbelklikt u op de Achtergrondlaag. Hierdoor wordt de laag hernoemd tot “Laag 0” en verdwijnt het slotpictogram:

Stap 25: Uitzoomen uit het document

Zo meteen gaan we de afbeelding een andere vorm geven, maar om dat te doen hebben we veel ruimte nodig. Houd de Ctrl (Win) / Command (Mac) toets op je toetsenbord ingedrukt en druk herhaaldelijk op de mintoets (-) om ver uit te zoomen van het document totdat de afbeelding heel klein lijkt in het midden:

Stap 26: Het perspectief van de afbeelding transformeren

Ga naar het menu Bewerken, kies Transformeren, en kies dan Perspectief:

Klik op het handvat in de linker- of rechteronderhoek en sleep het ver weg van de afbeelding. Hoe verder je sleept, hoe groter het perspectiefeffect dat je creëert:

Er is geen specifieke waarde om te gebruiken, maar als we in mijn Optiebalk kijken, zien we dat ik de waarde Breedte (W) naar ongeveer 3000% heb gesleept. Druk op Enter (Win) / Return (Mac) op uw toetsenbord om de transformatie te accepteren:

Stap 27: Inzoomen op het document

Om weer in te zoomen op de afbeelding, houdt u nogmaals de Ctrl (Win) / Command (Mac) toets op uw toetsenbord ingedrukt en drukt u deze keer herhaaldelijk op het plusteken (+). 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: Afbeeldingen bijsnijden in Photoshop CC

Stap 29: Schaal de hoogte van de afbeelding

Ten slotte, omdat de verplaatsingskaart alleen de waterreflectie in de onderste helft van het document hoeft te beïnvloeden, schalen we de hoogte van de afbeelding. Dit zal ook het perspectief effect nog verder versterken. Ga naar het menu Bewerken en kies Vrije transformatie:

Klik op het bovenste handvat en sleep het naar beneden naar het midden van het document. Als je eenmaal in de buurt van het midden bent, zou het op zijn plaats moeten klikken. Druk op Enter (Win) / Return (Mac) op je toetsenbord om het te accepteren:

Stap 30: Sla de verplaatsingskaart op als een Photoshop .PSD-bestand

We hebben de verplaatsingskaart gemaakt en we zijn nu klaar om deze op te slaan. Ga naar het menu Bestand en kies Opslaan als:

In het dialoogvenster Opslaan als geef je het bestand de naam “verdringingskaart” en sla je het op je Bureaublad of een andere locatie op waar je het gemakkelijk kunt terugvinden. Zorg ervoor dat het Formaat is ingesteld op Photoshop, zodat het bestand wordt opgeslagen als een .PSD-bestand, en klik dan op Opslaan. Als Photoshop vraagt of u Maximalize Compatibility wilt inschakelen voor het bestand, klikt u op OK:

Stap 31: Overschakelen naar je hoofddocument

Schakel terug naar je waterreflectiedocument door op het tabblad ervan te klikken:

Als je nog steeds de selectielijn rond de afbeelding ziet van toen we hem kopieerden, ga dan naar het menu Selecteren en kies Deselecteren:

Stap 32: Het verplaatsingsfilter toepassen

Toepassen van de verplaatsingskaart op de waterreflectie. Met het Slim object “Reflectie” geselecteerd in het Lagenpaneel, ga je naar het menu Filter, kies Vervormen en vervolgens Verplaatsen:

Hiermee open je het dialoogvenster Verplaatsen. Bovenaan staan de Horizontale Schaal en Verticale Schaal opties. Deze twee opties bepalen in welke mate de verplaatsingskaart het beeld zal buigen, vervormen en vervormen. Horizontale schaal bepaalt de breedte van de vervorming en Verticale schaal bepaalt de hoogte. Om de waterrimpels te creëren, krijg je over het algemeen betere resultaten met een lage Horizontale schaalwaarde en een hogere Verticale schaalwaarde. De precieze waarden die je nodig hebt hangen vooral af van de grootte van je afbeelding, maar ook van je onderwerp, dus je zult moeten experimenteren.

In mijn geval stel ik de Horizontale schaal in op 10 en de Verticale schaal op 80. Laat Verplaatsingskaart ingesteld op Uitrekken om aan te passen en Ongedefinieerde gebieden ingesteld op Randpixels herhalen, en klik dan op OK:

Kies je verplaatsingskaart van waar je hem hebt opgeslagen, en klik dan op Openen:

hotoshop past de verdringingskaart toe op de waterreflectie, en in deze afbeelding zorgen de instellingen die ik heb gekozen voor een mooi, subtiel rimpeleffect:

Stap 33: Experimenteer met de instellingen voor Verplaatsen

In het deelvenster Lagen verschijnt het filter Verplaatsen als een Smart Filter onder het Smart Object “Reflectie”. Om verschillende horizontale en verticale schaalwaarden uit te proberen, dubbelklik je op het woord “Displace” om het dialoogvenster opnieuw te openen:

Deze keer laat ik de horizontale schaal op 10 staan, maar verhoog ik de verticale schaal tot 120. Merk op dat ik werk met een vrij grote afbeelding. Kleinere afbeeldingen hebben over het algemeen kleinere waarden nodig om dezelfde resultaten te krijgen:

Klik op OK om het dialoogvenster te sluiten. Photoshop zal je vragen om je verplaatsingskaart opnieuw te selecteren. En hier zien we dat de hogere Vertical Scale-waarde deze keer sterkere, duidelijkere waterrimpels creëert:

Stap 34: Het Smart Object “Reflectie” naar boven uitrekken

Als we langs de bovenkant van de waterreflectie kijken waar de twee afbeeldingen samenkomen, zien we enkele blauwe artefacten die zijn veroorzaakt door de verplaatsingskaart:

Om die op te ruimen, zorg ervoor dat het Slim object “Reflectie” is geselecteerd in het Lagenpaneel, en ga dan naar het menu Bewerken en kies Vrij transformeren:

Photoshop zal je waarschuwen dat alle Smart Filters die je hebt toegepast zullen worden uitgeschakeld terwijl je in de Transform mode bent. Klik op OK:

Klik op het bovenste handvat en sleep het iets omhoog om de afbeelding van de waterreflectie uit te rekken totdat de blauwe artefacten achter de hoofdafbeelding zijn verborgen. Druk op Enter (Win) / Return (Mac) op uw toetsenbord als u klaar bent:

Stap 35: De afbeelding bijsnijden

U ziet misschien ook enkele probleemgebieden aan de onderkant van de waterreflectie, wederom veroorzaakt door de verplaatsingskaart. Of misschien wil je gewoon een deel van de reflectie wegsnijden. In beide gevallen selecteert u het gereedschap Bijsnijden op de werkbalk:

Photoshop plaatst een bijsnijdvak rond de afbeelding. Klik op het onderste handvat en sleep het naar boven om de onderkant van de weerspiegeling weg te snijden. 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. Voor een grotere afbeelding werkt een waarde tussen 30-40 pixels goed. Voor kleinere afbeeldingen kunt u 15-20 pixels proberen. Klik op OK om het dialoogvenster te sluiten:

Hier ziet u het resultaat na het verzachten van de randen:

Ten slotte verlaagt u de ondoorzichtigheid van de schaduw om deze in de afbeelding te laten overlopen. De optie Ondoorzichtigheid vind je rechtsboven in het deelvenster Lagen. Ik verlaag de mijne tot 50%:

En daarmee zijn we klaar! Hier, na het vervagen van de schaduw in de kustlijn, is mijn uiteindelijke waterreflectie-effect:

En daar hebben we het! Dat is hoe je een realistische waterreflectie aan een afbeelding toevoegt met Photoshop! Om het effect nog verder te vergroten, kun je proberen regen aan je afbeelding toe te voegen en vervolgens een regenboog te maken! Bezoek onze sectie Foto-effecten voor meer Photoshop effecten tutorials!