I denne Photoshop-tutorial lærer vi, hvordan du let tilføjer en realistisk vandreflektion til ethvert foto. Det er en meget nem effekt at oprette, og du kan føje det til ethvert foto, du kan lide, selvom det har en tendens til at arbejde bedst med billeder, der ikke allerede indeholder vand i dem. Vi bruger et simpelt filter og et forskydningskort til at skabe vand-ringvirkningen og et farvetone / mætning justeringslag for at give vores vand lidt farve.

Versionsnote: Denne tutorial blev skrevet til Photoshop CS5 og tidligere. Photoshop CC- og CS6-brugere vil tjekke vores helt nye vandreflektionseffektvejledning.

Her er det foto, som jeg vil arbejde med i hele denne tutorial:

Det originale billede.

Og her er, hvordan vores billede ser ud, når vi har tilføjet vandreflektionen:

Det endelige resultat.

Denne tutorial er fra vores Photo Effects-serie. Lad os komme igang!

Trin 1: Duplicerer baggrundslaget

Med vores nyligt åbne billede i Photoshop kan vi i lagpaletten se, at vi i øjeblikket har et lag, baggrundslaget, som indeholder vores billede:

Det originale billede på baggrundslaget i lagpaletten.

Vi er nødt til at duplikere baggrundslaget, og vi kan gøre det ved hjælp af tastaturgenvejen Ctrl + J (Win) / Command + J (Mac). Når jeg nu ser i min lagpalette nu, kan jeg se, at jeg nu har to lag - mit originale baggrundslag i bunden og et nyt lag, "lag 1", over det, som er min duplikat:

Tryk på "Ctrl + J" (Win) / "Kommando + J" (Mac) for at kopiere baggrundslaget.

Trin 2: Tilføj mere lærredsrum i bunden af ​​dokumentet

Vi vil tilføje vores vandreflektion under billedet, så lad os tilføje noget lærredsrum i bunden af ​​vores dokument for at gøre plads til vores reflektion. For at gøre det, gå op til menuen Billed øverst på skærmen og vælg lærredstørrelse . Dette åbner op for Photoshop's dialogboksen "Canvas Size". Den nemmeste ting at gøre her er at tilføje dobbelt så meget lærredsområde som det, vi har i øjeblikket, men vi vil kun have, at det skal vises i bunden af ​​dokumentet, ikke over det eller på hver side, så vi er nødt til at fortælle Photoshop nøjagtigt, hvor vi ønsker, at denne ekstra lærredsplads skal gå.

Indtast først 100 for højden og indstil målingen til procent, som cirklet i rødt nedenfor. Lad breddeindstillingen være indstillet til 0. Sørg derefter for, at den relative indstilling er markeret, der fortæller Photoshop at give os 100% mere lærredplads end det, vi allerede har. Under "Relativ" er der et 3x3 gitter af firkanter. Det er her, vi fortæller Photoshop, hvor vi vil placere vores ekstra lærredsareal. Klik inde i firkanten i midten af ​​den øverste række (igen som cirklet nedenfor). Dette fortæller Photoshop om ikke at placere noget af det ekstra lærredsområde over dokumentet og i stedet for at placere det hele i bunden:

Tilføj mere lærredsplads vha. Dialogboksen "Canvas Size".

Klik på OK for at afslutte dialogboksen, og Photoshop tilføjer det ekstra lærredsrum til bunden af ​​billedet:

x

Dokumentets højde er nu fordoblet med den ekstra lærredsplads, der er tilføjet til bunden.

Trin 3: Vend det øverste lag lodret

For at skabe vores refleksion er vi nødt til at vende vores image på hovedet, så lad os gøre det. Med det øverste lag valgt i paletten Lag, gå op til menuen Rediger øverst på skærmen, vælg Transform og vælg derefter Vend lodret . Photoshop vipper billedet på hovedet i dokumentet:

Gå til Rediger> Transform> Vend lodret for at vende billedet på det øverste lag op og ned.

Trin 4: Træk det vippede billede til bunden af ​​dokumentet

Vi har brug for, at det vippede billede skal være i bunden af ​​dokumentet, så tag dit Move Tool fra værktøjspaletten, eller tryk på V på dit tastatur for at genveje:

Vælg Flyt værktøj.

Derefter, med Flyt værktøjet valgt, skal du klikke inde i dokumentet og trække det vippede billede ned til bunden, indtil toppen af ​​det er foret med bunden af ​​det originale billede over det. Hold Shift nede, mens du trækker for at sikre dig, at du trækker ned i en lige linje:

Træk det vippede billede ned under originalen.

Trin 5: Tilføj et nyt tomt lag

Nu hvor vi har vores vippede billede på plads, kan vi begynde at skabe vores vandrisvirkning. Først skal vi tilføje et nyt tomt lag øverst på lagpaletten, så med "Lag 1" stadig valgt, skal du klikke på ikonet Nyt lag i bunden af ​​lagpaletten:

Føj et nyt tomt lag til dokumentet.

Trin 6: Fyld det nye lag med hvidt

Vi vil fylde vores nye tomme lag med hvidt. Hvis hvidt ikke i øjeblikket er din baggrundsfarve, skal du trykke på D på dit tastatur, som nulstiller Photoshop's forgrund og baggrundsfarver, hvilket gør din forgrundfarve sort og hvid til din baggrundsfarve. Brug derefter tastaturgenvejen Ctrl + Backspace (Win) / Command + Delete (Mac) til at udfylde det nye lag med baggrundsfarven (hvid). Dit dokument udfyldes med helt hvidt.

Hele billedet er nu fyldt med hvidt.

Trin 7: Anvend filteret "Halvtone mønster" for at oprette sort / hvide vandrette linjer

Gå op til menuen Filter øverst på skærmen, vælg Skitse og vælg derefter Halvtone mønster . Dette bringer Photoshops filtergalleri op (i Photoshop CS og nyere) indstillet til filterindstillingerne "Halvtonemønster" til højre med en stor forhåndsvisning af effekten til venstre. Vi vil bruge dette filter til at tilføje en række sorte og hvide vandrette linjer til billedet. Disse linjer vil blive vores vandkrusninger. Jo flere linjer vi har, jo flere krusninger har vi.

Først vil vi sikre os, at vi opretter linjer og ikke prikker eller cirkler, så indstil indstillingen Mønstertype til Linjer . Vi kontrollerer antallet af linjer ved at justere størrelsen . Lavere værdier giver os flere linjer, da vi sænker størrelsen på hver linje, og højere værdier giver os færre, men tykkere linjer. Jeg vil indstille min størrelse til 7, som jeg synes fungerer bedst til mit billede. Du ønsker måske at eksperimentere med denne værdi på egen hånd. Kontrastindstillingen nedenfor bestemmer hvor skarpe kanter på linjerne er. Lavere værdier giver dig blødere linjer, hvide højere værdier giver dig hårde kantlinjer. Indstil denne værdi helt til 50 for at give dine linjer skarpe kanter. Vi vil blødgøre dem selv med Gaussian Blur-filter om et øjeblik:

Juster Halftonmønster-filterindstillingerne for at oprette en række sorte og hvide streger gennem billedet.

Klik på OK, når du er færdig for at afslutte dialogboksen, og Photoshop udfylder billedet fra top til bund med dine sorte og hvide streger:

Billedet er nu fyldt med sorte og hvide vandrette linjer.

Trin 8: Anvend filteret "Gaussian Blur" på linjerne

Inden vi kan bruge vores sorte og hvide streger som vandkrusninger, er vi nødt til at udjævne dem og skabe dejlige, glatte overgange mellem dem. For at gøre dette, gå op til menuen Filter igen, vælg Slør og vælg derefter Gaussian Blur, der åbner dialogboksen "Gaussian Blur". Hold øje med dit billede, og træk skyderen nederst i dialogboksen for at øge Radius- værdien, indtil linjerne har en meget blød kant mod dem. Jeg bruger et lille billede til denne tutorial, så for mig fungerer en radiusværdi på cirka 4 pixels godt. Hvis du bruger et større billede i høj opløsning, skal du indstille din til en højere værdi:

Brug Gaussian Blur-filteret til at udjævne kanterne på linjerne.

Klik på OK for at afslutte dialogboksen og anvende sløret på linjerne.

Trin 9: Dupliker linjelaget som et nyt dokument

Vi vil oprette et helt nyt dokument ud af vores linjelag, som vi derefter bruger som vores forskydningskort til vores vandkrusninger. Med det valgte linjelag skal du gå op til menuen Layer øverst på skærmen og vælge Duplicate Layer, der åbner dialogboksen "Duplicate Layer". I valgmulighederne "Destination" skal du klikke på pilen til højre for dokumentindstillingen og indstille den til Ny, som opretter et nyt Photoshop-dokument ud af vores lag:

Sæt indstillingen "Dokument" i dialogboksen "Dupliceret lag" til "Ny".

Klik på OK for at afslutte dialogboksen, og dit lag åbnes i et nyt dokument på skærmen.

Trin 10: Gem det nye dokument og luk det ud

Dette nye dokument, som vi har oprettet, bliver vores forskydningskort, men inden vi kan bruge det, skal vi gemme det. Vi vil også lukke det ud, når vi har gemt det, da vi ikke har brug for det åbent længere, og den nemmeste måde at udføre begge disse opgaver er at blot lukke ud af dokumentet. Når du prøver at lukke det, vil Photoshop være som du, hvis du vil gemme dokumentet, før du lukker det. Klik på Ja :

Vælg "Ja", når Photoshop spørger, om du vil gemme dokumentet, før du lukker det.

Photoshop åbner dialogboksen Gem som . Du kan navngive dit nye dokument, hvad du vil. Jeg vil navngive min "vand-krusninger". Sørg for at gemme den som en Photoshop .PSD-fil, da disse er de eneste filer, som Photoshop kan bruge som et forskydningskort. Du vil sandsynligvis gemme dokumentet på dit skrivebord, da vi bliver nødt til at finde det igen om et øjeblik.

Trin 11: Slet linjelaget

Nu hvor vi har brugt vores sorte og hvide streger til at oprette den fil, vi bruger som vores forskydningskort, kan vi slippe af med den. For at gøre det skal du blot klikke på det og trække det ned på papirkurven ikonet i bunden af ​​lagpaletten:

Klik og træk linjelaget ("Lag 2") til papirkurven i bunden af ​​lagpaletten for at slette det.

Trin 12: Flet de to lag sammen til et nyt lag

Inden vi kan tilføje bruge vores forskydningskort, er vi nødt til at flette vores to billedlag på et nyt lag over dem. For at gøre det, med "Lag 1" valgt, skal du bruge tastaturgenvejen Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Der ser ikke ud til, at der er sket noget i dokumentet, men hvis vi ser i lagpaletten, kan vi se, at begge lag er blevet flettet sammen til et nyt lag øverst:

Begge lag er nu flettet sammen til et nyt lag, "Lag 2".

Trin 13: Brug "Displace" -filteret til at oprette vandkrusninger

Vi er klar til at oprette vores vandkrusninger ved hjælp af det forskydningskort, vi lige har oprettet. Når det nye fusionerede lag er valgt i lagpaletten, skal du gå tilbage til menuen Filter øverst på skærmen, vælge Forvræng og derefter vælge Fortryd .

Dette bringer Photoshop's "Displace" -filter dialogboks op. Det er her vi bestemmer styrken af ​​vores ringvirkning, og det gør vi med indstillingen Horisontal skala øverst. Jeg vil sætte mine til en værdi af 4, hvilket vil give mig en realistisk ringvirkning. Du ønsker måske at eksperimentere med denne værdi med dit eget billede. At indstille den for højt skaber dog for meget af en vandret forvrængning, og du mister realismen.

Vi har ikke brug for nogen lodret forvrængning for at skabe vores effekt, så indstil indstillingen Lodret skala til 0 . Sørg også for, at Stretch To Fit og Gentag Edge Pixels er valgt:

Gå til Filter> Forvræng> Fortræng for at få vist dialogboksen Fortræng.

Klik på OK i øverste højre hjørne af dialogboksen, og Photoshop spørger dig, hvilken fil du vil bruge som dit forskydningskort. Vælg den fil, du lige har gemt for et øjeblik siden, som jeg gemte på mit skrivebord som "vand-ripples.PSD", og klik derefter på Åbn. Photoshop vil derefter anvende forskydningskortet på hele billedet og skabe vores vandkrusninger:

Billedet efter anvendelse af vores forskydningskort med filteret "Displace".

Trin 14: Skjul krusningerne ovenpå med en lagmaske

Vi har naturligvis et lille problem i øjeblikket. Vi har tilføjet vores vandrimpeleffekt til hele billedet, og vi ville kun have det i den nederste halvdel. Vi kan løse det let, selvom vi bruger en lagmaske. Først skal du Ctrl-klikke (Win) / Kommando-klik (Mac) direkte på miniaturebilledet for "Lag 1" i lagpaletten for at placere et valg omkring det vippede billede i bunden af ​​dokumentet:

"Højreklik" (Win) / "Control-klik" (Mac) direkte på lag 1's miniaturebillede i lagpaletten for at placere et valg omkring det vippede billede.

Du vil se et valg vises omkring den nederste halvdel af billedet i dit dokument. Nu med det sammensatte lag stadig valgt, skal du klikke på ikonet Lagmaske i bunden af ​​lagpaletten:

Klik på ikonet "Lagmaske" for at tilføje en lagmaske til det sammenlagte lag øverst på lagpaletten.

Photoshop tilføjer en lagmaske til det fusionerede lag, og fordi vi havde et valg omkring den nederste halvdel af vores dokument, da vi tilføjede lagmasken, forbliver kun den nederste halvdel af det fusionerede lag synligt. Den øverste halvdel skjules for visningen og fjerner de uønskede vandkrybber fra den del af billedet:

Rippeleffekten er nu skjult for den øverste halvdel af billedet efter påføring af lagmasken.

Trin 15: Anvend filteret "Gaussian Blur" på lagmasken

Inden vi tilføjer vores sidste hånd ved at farvelægge vandet, lad os blødgøre kanten af ​​lagmasken lidt, så der ikke er en så hård skillelinie mellem billedet øverst og vandet nedenfor. Vi bruger Gaussian Blur-filter til det, og da vi ønsker at anvende det på lagmasken, skal vi først vælge masken. Vi kan gøre det ved at klikke på lagmasken-miniature i lagpaletten:

Adobe Photoshop Tutorials: Klik på lagmaske-miniature i lagpaletten for at vælge lagmasken.

Du kan fortælle, at lagmasken nu er valgt af den hvide fremhævningsboks omkring dens miniaturebillede. Vi vil anvende Gaussian Blur-filter på masken, så gå tilbage til menuen Filter, vælg Blur endnu en gang, og vælg derefter Gaussian Blur . Når dialogboksen vises, skal du blot klikke på OK for at anvende den samme radiusværdi, som vi tidligere har brugt.

Trin 16: Farvelæg vandet med et justeringslag for farvetone / mætning

Lad os afslutte tingene nu ved kun at tilføje et strejf af blåt til vores vand, og vi bruger et farvetone / mætning justeringslag til det. Vi ønsker, at justeringslaget kun skal påvirke den nederste halvdel af billedet, hvor vandets krusninger er, så hold din Alt (Win) / Option (Mac) -tast nede, klik på ikonet Nyt justeringslag i bunden af ​​lagpaletten, vælg derefter Hue / Saturation fra listen over justeringslag:

Hold "Alt" (Win) / "Option" (Mac) nede, klik på ikonet "Nyt justeringslag", og træk derefter musen til "Hue / Saturation" for at vælge det.

Ved at holde "Alt / Option" nede, fortæller dette Photoshop at åbne dialogboksen Nyt lag, før du tilføjer justeringslaget. Vælg indstillingen Brug tidligere lag til at oprette udklipsmaske ved at klikke i afkrydsningsfeltet til venstre for det:

Vælg indstillingen "Brug tidligere lag til at oprette udklipsmaske" i dialogboksen "Nyt lag".

Denne indstilling fortæller Photoshop, at vi ønsker, at justeringslaget kun skal påvirke laget direkte under det i lagpaletten, og da laget under det er det lag, der indeholder vores vandkrusninger, er det kun farverne, der er, hvad vi ønsker . Klik på OK for at afslutte dialogboksen.

Dette åbner dialogboksen Hue / Saturation. Vi ønsker at farvelægge vores vand, så den første ting, vi vil gøre her, er at vælge indstillingen Colorize i nederste højre hjørne. Vælg derefter den farve, du vil have, at dit vand skal være ved at trække glidebryteren øverst. Jeg vil trække min skyderen til højre til en værdi af ca. 218, som jeg synes er en god farve for mit vand:

Brug farvetone / mætning dialogboksen til at farvelægge vandet.

Klik på OK for at afslutte dialogboksen, og du vil se, at dit vand i bunden nu er farvet, men farven er meget for stærk i øjeblikket.

Trin 17: Sænk farven på farvetone / mætningslag

For at reducere intensiteten af ​​den farve, vi lige har føjet til vandet, er alt hvad vi skal gøre, at gå op til indstillingen Opacity i øverste højre hjørne af lagpaletten og sænke opacitetsværdien. Jeg vil sænke mine helt ned til ca. 25%, hvilket tilføjer vandet en meget mere realistisk mængde farve:

Sænk justeringslagets opacitet, indtil vandet kun har et antydning af farve.

Når du har sænket justeringslagets opacitet for at reducere vandets farveintensitet, er du færdig! Her er mit endelige resultat "vandreflektion":

Den endelige virkning.

Bare for sjov er her et andet eksempel på nøjagtigt den samme effekt, der anvendes på et andet billede. Det eneste, jeg ændrede her, var, at jeg kun tilføjede halvdelen så meget lærredsareal under det originale billede (jeg satte værdien "Højde" i dialogboksen Canvas Size til 50% i stedet for 100%). Alt andet blev gjort nøjagtigt på samme måde:

Et andet eksempel på et billede, der bruger den samme effekt.

Og der har vi det! Sådan tilføjes en vandreflektionseffekt til et billede med Photoshop! Besøg vores afsnit om fotoeffekter for flere vejledninger til Photoshop-effekter!