In deze Photoshop-tutorial leren we hoe we gemakkelijk een realistische waterreflectie aan elke foto kunnen toevoegen. Het is een heel eenvoudig effect om te maken en je kunt het aan elke gewenste foto toevoegen, hoewel het meestal het beste werkt met afbeeldingen die nog geen water bevatten. We zullen een eenvoudig filter en een verplaatsingskaart gebruiken om het waterrimpelingseffect te creëren, en een aanpassingslaag voor tint / verzadiging om ons water een beetje kleur te geven.
Versienota: deze zelfstudie is geschreven voor Photoshop CS5 en eerder. Gebruikers van Photoshop CC en CS6 willen onze geheel nieuwe tutorial Waterreflectie-effect bekijken.
Hier is de foto waarmee ik in deze tutorial zal werken:
De originele afbeelding.
En hier is hoe ons beeld eruit zal zien na het toevoegen van de waterreflectie:
Het eindresultaat.
Deze zelfstudie komt uit onze serie Foto-effecten. Laten we beginnen!
Stap 1: Dupliceer de achtergrondlaag
Met onze afbeelding nieuw geopend in Photoshop, kunnen we in het palet Lagen zien dat we momenteel één laag hebben, de achtergrondlaag, die onze afbeelding bevat:
De originele afbeelding op de achtergrondlaag in het palet Lagen.
We moeten de achtergrondlaag dupliceren en dat kunnen we doen met behulp van de sneltoets Ctrl + J (Win) / Command + J (Mac). Als ik nu in mijn palet Lagen kijk, zie ik dat ik nu twee lagen heb - mijn originele achtergrondlaag onderaan en een nieuwe laag, "laag 1", daarboven mijn duplicaat:
Druk op "Ctrl + J" (Win) / "Command + J" (Mac) om de achtergrondlaag te dupliceren.
Stap 2: voeg meer canvasruimte toe aan de onderkant van het document
We gaan onze waterreflectie onder de afbeelding toevoegen, dus laten we wat canvasruimte toevoegen aan de onderkant van ons document om ruimte te maken voor onze reflectie. Ga hiervoor naar het menu Afbeelding boven aan het scherm en kies Canvasgrootte . Hiermee wordt het dialoogvenster "Canvasgrootte" van Photoshop geopend. Het eenvoudigste wat je hier kunt doen, is twee keer zoveel canvasruimte toevoegen als wat we momenteel hebben, maar we willen alleen dat het onder aan het document wordt weergegeven, niet erboven of aan beide kanten, dus we moeten Photoshop precies vertellen waar we willen dat deze extra canvasruimte verdwijnt.
Voer eerst 100 in voor de Hoogte en stel de meting in op procent, zoals hieronder rood omcirkeld. Laat de optie Breedte ingesteld op 0. Zorg er vervolgens voor dat de optie Relatief is aangevinkt, waardoor Photoshop ons 100% meer canvasruimte geeft dan we al hebben. Hieronder is de optie "Relatief" een 3x3 raster van vierkanten. Hier vertellen we Photoshop waar we onze extra canvasruimte willen plaatsen. Klik in het vierkant in het midden van de bovenste rij (opnieuw zoals hieronder omcirkeld). Dit vertelt Photoshop om geen extra canvasruimte boven het document te plaatsen en in plaats daarvan alles onderaan te plaatsen:
Voeg meer canvasruimte toe met behulp van het dialoogvenster "Canvasgrootte".
Klik op OK om het dialoogvenster te verlaten en Photoshop voegt de extra canvasruimte toe aan de onderkant van de afbeelding:
X
De hoogte van het document is nu verdubbeld met de extra canvasruimte die onderaan is toegevoegd.
Stap 3: Draai de bovenste laag verticaal om
Om onze reflectie te creëren, moeten we ons beeld op zijn kop zetten, dus laten we dat doen. Selecteer de bovenste laag in het palet Lagen en ga naar het menu Bewerken boven aan het scherm, kies Transformeren en kies vervolgens Verticaal spiegelen . Photoshop draait de afbeelding ondersteboven in het document:
Ga naar Bewerken> Transformeren> Verticaal spiegelen om de afbeelding op de bovenste laag ondersteboven te spiegelen.
Stap 4: Sleep de gespiegelde afbeelding naar de onderkant van het document
We moeten de gespiegelde afbeelding onderaan het document hebben, dus pak je Verplaats-tool uit het Tools-palet of druk op V op je toetsenbord voor de snelkoppeling:
Selecteer het gereedschap Verplaatsen.
Klik vervolgens, met het gereedschap Verplaatsen, in het document en sleep de gespiegelde afbeelding naar beneden totdat de bovenkant is uitgelijnd met de onderkant van de originele afbeelding erboven. Houd Shift ingedrukt terwijl u sleept om ervoor te zorgen dat u in een rechte lijn naar beneden sleept:
Sleep de gespiegelde afbeelding onder het origineel.
Stap 5: Voeg een nieuwe lege laag toe
Nu we ons omgedraaide beeld hebben, kunnen we beginnen met het creëren van ons waterrimpelingseffect. Eerst moeten we een nieuwe lege laag toevoegen boven aan het palet Lagen, dus met "Laag 1" nog steeds geselecteerd, klikt u op het pictogram Nieuwe laag onderaan het palet Lagen:
Voeg een nieuwe lege laag toe aan het document.
Stap 6: Vul de nieuwe laag met wit
We gaan onze nieuwe lege laag vullen met wit. Als wit momenteel niet uw achtergrondkleur is, drukt u op D op uw toetsenbord, waardoor de voorgrond- en achtergrondkleuren van Photoshop worden gereset, waardoor zwart uw voorgrondkleur wordt en wit uw achtergrondkleur. Gebruik vervolgens de sneltoets Ctrl + Backspace (Win) / Command + Delete (Mac) om de nieuwe laag te vullen met de achtergrondkleur (wit). Uw document wordt gevuld met effen wit.
De hele afbeelding is nu gevuld met wit.
Stap 7: Pas het filter "Halftoonpatroon" toe om zwart-witte horizontale lijnen te maken
Ga naar het menu Filter boven aan het scherm, kies Schets en kies vervolgens Halftoonpatroon . Dit opent de Filtergalerij van Photoshop (in Photoshop CS en hoger) ingesteld op de filteropties "Halftoonpatroon" aan de rechterkant, met een groot voorbeeld van het effect aan de linkerkant. We gaan dit filter gebruiken om een reeks zwarte en witte horizontale lijnen aan de afbeelding toe te voegen. Deze lijnen worden onze waterrimpelingen. Hoe meer lijnen we hebben, hoe meer rimpelingen we zullen hebben.
Eerst willen we ervoor zorgen dat we lijnen maken en geen punten of cirkels, dus stel de optie Patroontype in op Lijnen . We bepalen het aantal regels door de optie Grootte aan te passen. Lagere waarden geven ons meer lijnen, omdat we de grootte van elke lijn verkleinen, en hogere waarden geven ons minder maar dikkere lijnen. Ik ga de waarde Grootte instellen op 7, wat volgens mij het beste werkt voor mijn afbeelding. Misschien wilt u zelf met deze waarde experimenteren. De contrastoptie eronder bepaalt hoe scherp de randen van de lijnen zijn. Lagere waarden geven u zachtere lijnen, witte hogere waarden geven u harde randlijnen. Stel deze waarde helemaal in op 50 om uw lijnen scherpe randen te geven. We gaan ze zelf verzachten met het Gaussiaanse vervagingsfilter:
Pas de filteropties voor halftoonpatronen aan om een reeks zwarte en witte lijnen door de afbeelding te maken.
Klik op OK als u klaar bent om het dialoogvenster te verlaten en Photoshop vult de afbeelding van boven naar beneden met uw zwarte en witte lijnen:
De afbeelding is nu gevuld met zwarte en witte horizontale lijnen.
Stap 8: Pas het filter "Gaussiaans vervagen" toe op de lijnen
Voordat we onze zwarte en witte lijnen als waterrimpelingen kunnen gebruiken, moeten we ze gladstrijken en mooie, vloeiende overgangen ertussen creëren. Om dat te doen, gaat u nogmaals naar het menu Filter, kiest u Vervagen en kiest u Gaussiaans vervagen, waarmee het dialoogvenster "Gaussiaans vervagen" wordt geopend. Houd uw afbeelding in de gaten en sleep de schuifregelaar onder in het dialoogvenster om de Radius- waarde te verhogen totdat de lijnen een zeer zachte rand hebben. Ik gebruik een kleine afbeelding voor deze zelfstudie, dus voor mij werkt een Radius-waarde van ongeveer 4 pixels goed. Als u een grotere afbeelding met een hoge resolutie gebruikt, moet u de uwe op een hogere waarde instellen:
Gebruik het filter Gaussiaans vervagen om de randen van de lijnen glad te strijken.
Klik op OK om het dialoogvenster te verlaten en de vervaging op de lijnen toe te passen.
Stap 9: Dupliceer de lijnenlaag als een nieuw document
We gaan een gloednieuw document maken uit onze lijnenlaag, die we vervolgens zullen gebruiken als onze verplaatsingskaart voor onze waterrimpelingen. Met de lijnenlaag geselecteerd, gaat u naar het menu Laag boven aan het scherm en selecteert u Laag dupliceren, waarmee het dialoogvenster "Laag dupliceren" wordt geopend. Klik in de "Bestemming" -opties op de naar beneden wijzende pijl rechts van de optie Document en stel deze in op Nieuw, waarmee een nieuw Photoshop-document uit onze laag wordt gemaakt:
Stel de optie "Document" in het dialoogvenster "Laag dupliceren" in op "Nieuw".
Klik op OK om het dialoogvenster te verlaten en uw laag wordt geopend in een nieuw document op het scherm.
Stap 10: sla het nieuwe document op en sluit het
Dit nieuwe document dat we hebben gemaakt, wordt onze verplaatsingskaart, maar voordat we het kunnen gebruiken, moeten we het opslaan. We gaan het ook afsluiten nadat we het hebben opgeslagen, omdat we het niet meer open hoeven te hebben, en de gemakkelijkste manier om beide taken uit te voeren is om gewoon het document te sluiten. Wanneer u probeert het te sluiten, werkt Photoshop als u het document wilt opslaan voordat u het sluit. Klik op Ja :
Kies "Ja" wanneer Photoshop vraagt of u het document wilt opslaan voordat u het sluit.
Photoshop opent het dialoogvenster Opslaan als . U kunt uw nieuwe document een naam geven die u maar wilt. Ik ga de mijne "waterrimpels" noemen. Zorg ervoor dat u het opslaat als een Photoshop .PSD-bestand, omdat dit de enige bestanden zijn die Photoshop als verplaatsingskaart kan gebruiken. U wilt het document waarschijnlijk op uw bureaublad opslaan, omdat we het zo weer moeten vinden.
Stap 11: Verwijder de lijnenlaag
Nu we onze zwarte en witte lijnen hebben gebruikt om het bestand te maken dat we als verplaatsingskaart zullen gebruiken, kunnen we er vanaf komen. Om dat te doen, klikt u erop en sleept u het naar het prullenbakpictogram onderaan het palet Lagen:
Klik en sleep de lijnenlaag ("Laag 2") naar de prullenbak onderaan het palet Lagen om deze te verwijderen.
Stap 12: Voeg de twee lagen samen in een nieuwe laag
Voordat we onze verplaatsingskaart kunnen gebruiken, moeten we onze twee afbeeldingslagen samenvoegen tot een nieuwe laag erboven. Gebruik hiervoor "Laag 1" geselecteerd en gebruik de sneltoets Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Er lijkt niets te zijn gebeurd in het document, maar als we in het palet Lagen kijken, zien we dat beide lagen bovenaan zijn samengevoegd tot een nieuwe laag:
Beide lagen zijn nu samengevoegd tot een nieuwe laag, "Laag 2".
Stap 13: Gebruik het filter "Verplaatsen" om de waterrimpelingen te maken
We zijn klaar om onze waterrimpelingen te maken met behulp van de verplaatsingskaart die we zojuist hebben gemaakt. Selecteer de nieuwe samengevoegde laag in het palet Lagen en ga terug naar het menu Filter boven aan het scherm, kies Vervormen en kies vervolgens Verplaatsen .
Dit opent het filterdialoogvenster "Verplaatsen" van Photoshop. Hier bepalen we de sterkte van ons rimpeleffect en dat doen we met de optie Horizontale schaal bovenaan. Ik ga de mijne instellen op een waarde van 4, wat me een realistisch rimpeleffect zal geven. Misschien wilt u met deze waarde experimenteren met uw eigen afbeelding. Als u het echter te hoog instelt, ontstaat er te veel horizontale vervorming en verliest u het realisme.
We hebben geen verticale vervorming nodig om ons effect te creëren, dus stel de optie Verticale schaal in op 0 . Zorg er ook voor dat Uitrekken om te passen en Randpixels herhalen zijn geselecteerd:
Ga naar Filter> Vervormen> Verplaatsen om het dialoogvenster Verplaatsen te openen.
Klik op OK in de rechterbovenhoek van het dialoogvenster en Photoshop vraagt u welk bestand u wilt gebruiken als uw verplaatsingskaart. Kies het bestand dat u zojuist hebt opgeslagen, dat ik op mijn bureaublad heb opgeslagen als "water-rimpelingen.PSD" en klik vervolgens op Openen. Photoshop past de verplaatsingskaart vervolgens toe op de hele afbeelding en creëert zo onze waterrimpelingen:
De afbeelding na het toepassen van onze verplaatsingskaart met het filter "Verplaatsen".
Stap 14: Verberg de rimpelingen bovenaan met een laagmasker
Natuurlijk hebben we op dit moment een klein probleempje. We hebben ons waterrimpelingseffect toegevoegd aan de hele afbeelding en we wilden het alleen in de onderste helft. We kunnen dat eenvoudig oplossen met een laagmasker. Klik eerst Ctrl-klik (Win) / Command-klik (Mac) direct op de miniatuur voor "Laag 1" in het palet Lagen om een selectie rond de omgedraaide afbeelding onderaan het document te plaatsen:
"Klik met de rechtermuisknop" (Win) / "Control-klik" (Mac) rechtstreeks op de miniatuur van laag 1 in het palet Lagen om een selectie rond de omgedraaide afbeelding te plaatsen.
U ziet een selectie verschijnen rond de onderste helft van de afbeelding in uw document. Nu met de samengevoegde laag nog steeds geselecteerd, klikt u op het pictogram Laagmasker onderaan het palet Lagen:
Klik op het pictogram "Laagmasker" om een laagmasker toe te voegen aan de samengevoegde laag bovenaan het palet Lagen.
Photoshop voegt een laagmasker toe aan de samengevoegde laag en omdat we een selectie hadden rond de onderste helft van ons document toen we het laagmasker toevoegden, blijft alleen de onderste helft van de samengevoegde laag zichtbaar. De bovenste helft wordt verborgen, waardoor ongewenste waterrimpels uit dat deel van de afbeelding worden verwijderd:
Het rimpeleffect is nu verborgen voor de bovenste helft van de afbeelding na het toepassen van het laagmasker.
Stap 15: Pas het filter "Gaussiaans vervagen" toe op het laagmasker
Voordat we onze finishing touch toevoegen door het water te kleuren, laten we de rand van het laagmasker een beetje verzachten, zodat er geen zo'n harde scheidslijn is tussen de afbeelding bovenaan en het water eronder. We zullen daarvoor het filter Gaussiaans vervagen gebruiken en omdat we het op het laagmasker willen toepassen, moeten we eerst het masker selecteren. We kunnen dat doen door op de laagmaskerminiatuur in het palet Lagen te klikken:
Adobe Photoshop Tutorials: Klik op de miniatuur van het laagmasker in het palet Lagen om het laagmasker te selecteren.
Je kunt zien dat het laagmasker nu is geselecteerd door het witte markeervak rond de miniatuur. We gaan het filter Gaussiaans vervagen op het masker toepassen, dus ga terug naar het menu Filter, selecteer nogmaals Vervagen en selecteer vervolgens Gaussiaans vervagen . Wanneer het dialoogvenster verschijnt, klikt u op OK om dezelfde Radius-waarde toe te passen die we eerder hebben gebruikt.
Stap 16: Het water inkleuren met een aanpassingslaag voor tint / verzadiging
Laten we de dingen nu afmaken door slechts een vleugje blauw aan ons water toe te voegen, en we zullen daarvoor een aanpassingslaag voor tint / verzadiging gebruiken. We willen dat de aanpassingslaag alleen de onderste helft van de afbeelding beïnvloedt waar de waterrimpelingen zijn, dus houd je Alt (Win) / Option (Mac) -toets ingedrukt en klik op het pictogram Nieuwe aanpassingslaag onder aan het palet Lagen, selecteer vervolgens Tint / Verzadiging in de lijst met aanpassingslagen:
Houd "Alt" (Win) / "Option" (Mac) ingedrukt, klik op het pictogram "Nieuwe aanpassingslaag" en sleep uw muis naar "Tint / verzadiging" om deze te selecteren.
Door "Alt / Option" ingedrukt te houden, geeft dit Photoshop de opdracht om het dialoogvenster Nieuwe laag te openen voordat de aanpassingslaag wordt toegevoegd. Selecteer de optie Vorige laag gebruiken om knipmasker te maken door in het selectievakje links ervan te klikken:
Selecteer de optie "Vorige laag gebruiken om uitknipmasker te maken" in het dialoogvenster "Nieuwe laag".
Deze optie vertelt Photoshop dat we willen dat de aanpassingslaag alleen de laag direct eronder in het palet Lagen beïnvloedt, en omdat de onderliggende laag de laag is die onze waterrimpelingen bevat, worden alleen de waterrimpelingen ingekleurd, wat we willen . Klik op OK om het dialoogvenster te verlaten.
Hiermee wordt het dialoogvenster Tint / verzadiging geopend. We willen ons water inkleuren, dus het eerste wat we hier willen doen, is de optie Inkleuren rechtsonder selecteren. Selecteer vervolgens de gewenste kleur door de schuifregelaar Tint bovenaan te slepen. Ik ga mijn schuifregelaar naar rechts slepen naar een waarde van ongeveer 218, wat volgens mij een goede kleur is voor mijn water:
Gebruik het dialoogvenster Tint / Verzadiging om het water te kleuren.
Klik op OK om het dialoogvenster te verlaten en je zult zien dat je water op de bodem nu is ingekleurd, maar de kleur is momenteel veel te sterk.
Stap 17: Verlaag de dekking van de tint / verzadigingslaag
Om de intensiteit van de kleur die we net aan het water hebben toegevoegd te verminderen, hoeven we alleen maar naar de optie Dekking in de rechterbovenhoek van het palet Lagen te gaan en de dekkingswaarde te verlagen. Ik ga de mijne helemaal verlagen tot ongeveer 25%, wat een veel meer realistische hoeveelheid kleur aan het water toevoegt:
Verlaag de dekking van de aanpassingslaag totdat het water slechts een vleugje kleur heeft.
Als je de dekking van de aanpassingslaag hebt verlaagd om de kleurintensiteit van het water te verminderen, ben je klaar! Hier is mijn laatste resultaat "waterreflectie":
Het laatste effect.
Voor de lol is hier nog een voorbeeld van exact hetzelfde effect dat op een andere afbeelding wordt toegepast. Het enige dat ik hier veranderde, was dat ik slechts de helft van de canvasruimte onder de originele afbeelding toevoegde (ik stelde de waarde "Hoogte" in het dialoogvenster Canvasgrootte in op 50% in plaats van 100%). Al het andere werd op precies dezelfde manier gedaan:
Nog een voorbeeld van een afbeelding met hetzelfde effect.
En daar hebben we het! Zo kun je een waterreflectie-effect toevoegen aan een afbeelding met Photoshop! Bezoek onze sectie Foto-effecten voor meer tutorials over Photoshop-effecten!