Photoshop Učinek odseva vode

Napisal Steve Patterson.

V tej vadnici za Photoshop se bomo naučili, kako preprosto dodati realističen vodni odsev kateri koli fotografiji. Učinek je zelo enostaven za ustvarjanje in ga lahko dodate kateri koli fotografiji, ki vam je všeč, čeprav ponavadi najbolje deluje s slikami, ki še ne vsebujejo vode. Uporabili bomo preprost filter in zemljevid premikov, da ustvarimo učinek valovanja vode, ter prilagoditveno plast Hue/Saturation, da bomo naši vodi dali malo barve.



Opomba različice: Ta vadnica je bila napisana za Photoshop CS5 in starejše. Uporabniki programov Photoshop CC in CS6 si bodo želeli ogledati naše povsem novo Učinek odseva vode vadnica.

Tukaj je fotografija, s katero bom delal v tej vadnici:





  Originalna fotografija. Izvirna slika.

In tako bo videti naša slika po dodajanju vodnega odseva:

  Končni rezultat. Končni rezultat.

Ta vadnica je iz našega Fotografski učinki serije. Začnimo!



Korak 1: Podvojite plast ozadja

Ko je naša slika na novo odprta v Photoshopu, lahko v paleti plasti vidimo, da imamo trenutno eno plast, plast ozadja, ki vsebuje našo sliko:

  Photoshop's Layers palette showing the original image on the Background layer. Izvirna slika na plasti ozadja v paleti plasti.

Podvojiti moramo plast ozadja in to lahko storimo z bližnjico na tipkovnici Ctrl+J (Zmaga) / Ukaz + J (Mac). Zdaj, ko pogledam svojo paleto plasti, lahko vidim, da imam zdaj dve plasti - mojo originalno plast ozadja na dnu in novo plast, 'Layer 1', nad njo, ki je moj dvojnik:



  Paleta plasti zdaj prikazuje podvojeno plast ozadja nad izvirnikom. Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac), da podvojite plast ozadja.

2. korak: Dodajte več prostora za platno na dno dokumenta

Pod sliko bomo dodali naš vodni odsev, zato dodajmo nekaj prostora na platnu na dno našega dokumenta, da naredimo prostor za naš odsev. Če želite to narediti, pojdite na Slika meni na vrhu zaslona in izberite Velikost platna . To bo odprlo Photoshopovo pogovorno okno 'Velikost platna'. Tu je najlažje dodati dvakrat več prostora na platnu, kot ga trenutno imamo, vendar želimo, da se prikaže le na dnu dokumenta, ne nad njim ali na obeh straneh, zato moramo Photoshopu povedati, kje točno želimo, da ta dodatni prostor na platnu odide.

Najprej vstopite 100 za Višina in nastavite meritev na odstotkov , kot je spodaj obkroženo rdeče. Pustite možnost Width nastavljeno na 0. Nato se prepričajte, da je Sorodnik možnost je označena, kar Photoshopu pove, naj nam zagotovi 100 % več prostora na platnu, kot ga že imamo. Pod možnostjo 'Relativno' je mreža kvadratov 3x3. Tukaj povemo Photoshopu, kam želimo postaviti naš dodatni prostor na platnu. Kliknite znotraj kvadrata na sredini zgornje vrstice (spet kot je obkroženo spodaj). To pove Photoshopu, naj ne postavi dodatnega prostora na platnu nad dokument in namesto tega vse postavi na dno:

  Photoshop's Canvas Size dialog box. Dodajte več prostora na platnu s pogovornim oknom 'Velikost platna'.

Kliknite V redu za izhod iz pogovornega okna in Photoshop bo dodal dodaten prostor platna na dno slike:



  Dodaten prostor za platno je bil dodan na dno dokumenta. x

Višina dokumenta je zdaj podvojena z dodatnim prostorom za platno, ki je dodan na dnu.

3. korak: Obrnite zgornji sloj navpično

Da bi ustvarili svoj odsev, moramo našo sliko obrniti na glavo, zato naredimo to. Z izbrano zgornjo plastjo v paleti plasti se pomaknite do Uredi meni na vrhu zaslona izberite Preobrazba in nato izberite Obrni navpično . Photoshop bo sliko v dokumentu obrnil na glavo:

  Navpično obračanje slike na zgornji plasti. Pojdite na Edit > Transform > Flip Vertical, da obrnete sliko na zgornji plasti na glavo.

4. korak: Povlecite obrnjeno sliko na dno dokumenta

Potrebujemo, da je obrnjena slika na dnu dokumenta, zato vzemite svojo Orodje za premikanje iz palete orodij ali pritisnite IN na tipkovnici za bližnjico:



  Izbira orodja Move Tool iz palete orodij v Photoshopu. Izberite orodje za premikanje.

Nato z izbranim orodjem za premikanje kliknite znotraj dokumenta in povlecite obrnjeno sliko navzdol na dno, dokler njen vrh ni poravnan z dnom izvirne slike nad njim. Pridržite Shift med vlečenjem poskrbite, da vlečete navzdol v ravni črti:

  Slika je zdaj obrnjena in premaknjena pod izvirnik. Povlecite obrnjeno sliko navzdol pod izvirno.

5. korak: Dodajte novo prazno plast

Zdaj, ko imamo našo obrnjeno sliko na mestu, lahko začnemo ustvarjati učinek vodnega valovanja. Najprej moramo dodati novo prazno plast na vrh palete plasti, tako da, ko je 'Layer 1' še vedno izbran, kliknite na Nova plast ikona na dnu palete plasti:



  Kliknite ikono New Layer na dnu palete Layers v Photoshopu. Dokumentu dodajte novo prazno plast.

6. korak: Novo plast napolnite z belo

Novo prazno plast bomo napolnili z belo. Če bela trenutno ni vaša barva ozadja, pritisnite D na tipkovnici, kar bo ponastavilo barve ospredja in ozadja Photoshopa, tako da bo črna postala barva ospredja, bela pa barva ozadja. Nato uporabite bližnjico na tipkovnici Ctrl + vračalka (Zmaga) / Command+Delete (Mac), da zapolnite novo plast z barvo ozadja (belo). Vaš dokument bo zapolnjen z belo barvo.

  Slika je zdaj popolnoma zapolnjena z belo. Celotna slika je zdaj zapolnjena z belo.

7. korak: Uporabite filter »Poltonski vzorec«, da ustvarite črno-bele vodoravne črte

Pojdi do Filter meni na vrhu zaslona izberite Skica in nato izberite Poltonski vzorec . To prikliče Photoshopovo galerijo filtrov (v Photoshop CS in novejšem), nastavljeno na možnosti filtra »Vzorec poltonov« na desni, z velikim predogledom učinka na levi. Ta filter bomo uporabili, da sliki dodamo vrsto črno-belih vodoravnih črt. Te črte bodo postale naše vodno valovanje. Več kot imamo črt, več valovanja bomo imeli.



Najprej se želimo prepričati, da ustvarjamo črte in ne pik ali krogov, zato nastavite Vrsta vzorca možnost za Črte . Število vrstic nadzorujemo s prilagajanjem Velikost možnost. Nižje vrednosti nam dajo več črt, saj zmanjšamo velikost vsake črte, višje vrednosti pa nam dajo manj, a debelejše črte. Svojo vrednost velikosti bom nastavil na 7, kar se mi zdi najboljše za mojo sliko. Morda boste želeli sami preizkusiti to vrednost. The Kontrast možnost spodaj določa, kako ostri so robovi črt. Nižje vrednosti dajejo mehkejše linije, bele višje vrednosti pa trde robove. To vrednost nastavite vse do petdeset da vaše linije dobijo ostre robove. V trenutku jih bomo sami zmehčali s filtrom Gaussian Blur:

  Možnosti vzorca poltonov. Prilagodite možnosti filtra Halftone Pattern, da ustvarite vrsto črno-belih črt skozi sliko.

Kliknite V redu, ko končate, da zapustite pogovorno okno in Photoshop bo zapolnil sliko od zgoraj navzdol s črno-belimi črtami:

  Slika je zdaj od zgoraj navzdol zapolnjena s črnimi in belimi črtami. Slika je zdaj zapolnjena s črno-belimi vodoravnimi črtami.

8. korak: Na črte uporabite filter 'Gaussova zameglitev'.

Preden lahko svoje črno-bele črte uporabimo kot vodne valove, jih moramo zgladiti in ustvariti lepe, gladke prehode med njimi. Če želite to narediti, pojdite na Filter meni še enkrat izberite Zameglitev in nato izberite Gaussova zameglitev , ki odpre pogovorno okno »Gaussova zameglitev«. Pazite na svojo sliko in povlecite drsnik na dnu pogovornega okna, da povečate Radij vrednosti, dokler črte nimajo zelo mehkega roba. Za to vadnico uporabljam majhno sliko, zato zame dobro deluje vrednost polmera približno 4 slikovne pike. Če uporabljate večjo sliko z visoko ločljivostjo, boste morali svojo nastaviti na višjo vrednost:

  Prilagajanje vrednosti polmera v pogovornem oknu Gaussova zameglitev. Uporabite filter Gaussian Blur, da zgladite robove črt.

Kliknite V redu, da zapustite pogovorno okno in uporabite zameglitev črt.

9. korak: Podvojite plast vrstic kot nov dokument

Iz naše plasti črt bomo ustvarili popolnoma nov dokument, ki ga bomo nato uporabili kot zemljevid premikov za naše vodno valovanje. Z izbrano plastjo črt se pomaknite do Plast meni na vrhu zaslona in izberite Podvoji plast , ki odpre pogovorno okno 'Podvoji plast'. V možnostih »Cilj« kliknite puščico, ki kaže navzdol, na desni strani Dokument možnost in jo nastavite na Novo , ki bo iz naše plasti ustvaril nov dokument Photoshop:

  Pogovorno okno Podvoji plast v Photoshopu. Nastavite možnost »Dokument« v pogovornem oknu »Podvoji plast« na »Novo«.

Kliknite V redu za izhod iz pogovornega okna in vaša plast se bo odprla v novem dokumentu na zaslonu.

10. korak: Shranite nov dokument in ga zaprite

Ta novi dokument, ki smo ga ustvarili, bo postal naš zemljevid premikov, a preden ga lahko uporabimo, ga moramo shraniti. Ko ga shranimo, ga bomo tudi zaprli, saj ga ne bomo več potrebovali odprtega, obe nalogi pa najlažje opravimo tako, da preprosto zapremo dokument. Ko ga poskušate zapreti, vas bo Photoshop obvestil, če želite shraniti dokument, preden ga zaprete. Kliknite ja :

  Izbira shranjevanja dokumenta, preden ga zaprete. Izberite 'Da', ko vas Photoshop vpraša, ali želite shraniti dokument, preden ga zaprete.

Photoshop bo prikazal Shrani kot pogovorno okno. Svoj novi dokument lahko poimenujete poljubno. Svojega bom poimenoval 'vodni valovi'. Prepričajte se, da ste jo shranili kot datoteko Photoshop .PSD, saj so to edine datoteke, ki jih lahko Photoshop uporabi kot zemljevid premika. Verjetno boste želeli dokument shraniti na namizje, saj ga bomo morali čez trenutek znova najti.

11. korak: Izbrišite plast črt

Zdaj, ko smo uporabili naše črno-bele črte za ustvarjanje datoteke, ki jo bomo uporabljali kot zemljevid premika, se je lahko znebimo. Če želite to narediti, preprosto kliknite nanjo in jo povlecite navzdol na ikono koša na dnu palete plasti:

  Povlecite sloj s črtami v koš, da ga izbrišete. Kliknite in povlecite plast črt (»plast 2«) v koš na dnu palete plasti, da jo izbrišete.

12. korak: Združite dve plasti v novo plast

Preden lahko dodamo uporabo zemljevida premika, moramo združiti naši dve slikovni plasti na novo plast nad njima. To storite tako, da izberete 'Layer 1' in uporabite bližnjico na tipkovnici Shift+Ctrl+Alt+E (Zmaga) / Shift+Command+Option+E (Mac). Zdi se, da se v dokumentu ni nič zgodilo, a če pogledamo v paleto plasti, lahko vidimo, da sta bili obe plasti združeni v novo plast na vrhu:

  Združitev obeh plasti v novo plast v paleti plasti. Obe plasti sta zdaj združeni v novo plast, 'Layer 2'.

13. korak: Uporabite filter 'Displace', da ustvarite vodne valove

Pripravljeni smo na ustvarjanje naših vodnih valov z uporabo zemljevida premikov, ki smo ga pravkar ustvarili. Z novo združeno plastjo, izbrano v paleti plasti, se vrnite navzgor na Filter meni na vrhu zaslona izberite Izkrivljanje in nato izberite Izpodrivati .

To prikliče Photoshopovo pogovorno okno filtra 'Displace'. Tukaj določimo moč našega valovitega učinka in to storimo z Horizontalna lestvica možnost na vrhu. Svojega bom nastavil na vrednost 4, kar mi bo dalo realističen učinek valovanja. Morda boste želeli eksperimentirati s to vrednostjo s svojo sliko. Če ga nastavite previsoko, boste ustvarili preveč vodoravnega popačenja in izgubili boste realističnost.

Za ustvarjanje učinka ne potrebujemo navpičnega popačenja, zato nastavite Navpična lestvica možnost za 0 . Prepričajte se tudi o tem Stretch To Fit in Ponovi Edge Pixels so izbrani:

  Filter Displace v Photoshopu. Pojdite na Filter > Distort > Displace, da odprete pogovorno okno Displace.

Kliknite V redu v zgornjem desnem kotu pogovornega okna in Photoshop vas bo vprašal, katero datoteko želite uporabiti kot zemljevid premika. Izberite datoteko, ki ste jo pravkar shranili pred trenutkom in jo jaz shranil na svoje namizje kot 'water-ripples.PSD', in nato kliknite Odpri. Photoshop bo nato uporabil zemljevid premika na celotno sliko in ustvaril naše vodne valove:

  Slika po uporabi filtra Displace. Slika po uporabi našega zemljevida premikov s filtrom 'Displace'.

14. korak: Skrijte valove na vrhu s slojno masko

Seveda imamo trenutno manjši problem. Celotni sliki smo dodali naš učinek vodnega valovanja in želeli smo ga samo v spodnji polovici. To lahko enostavno popravimo z uporabo plastne maske. Prvič, Ctrl-klik (Zmaga) / Command-klik (Mac) neposredno na sličici za 'Plast 1' v paleti plasti, da postavite izbor okoli obrnjene slike na dnu dokumenta:

  Desni klik (Win) / Control-klik (Mac) na sličico sloja 1. »Desni klik« (Win)/»Control-klik« (Mac) neposredno na sličico plasti 1 v paleti plasti, da postavite izbor okoli obrnjene slike.

Okoli spodnje polovice slike v vašem dokumentu se bo pojavil izbor. Zdaj, ko je združena plast še vedno izbrana, kliknite na Layer Mask ikona na dnu palete plasti:

  S klikom na'Layer Mask' icon. Kliknite ikono 'Maska plasti', da dodate masko plasti združeni plasti na vrhu palete plasti.

Photoshop bo združenemu sloju dodal masko sloja in ker smo imeli ob dodajanju maske sloja izbor okrog spodnje polovice našega dokumenta, ostane vidna le spodnja polovica združenega sloja. Zgornja polovica postane skrita očem in s tem odstrani neželene vodne valove s tega dela slike:

  Učinek valovanja v zgornji polovici slike je zdaj po uporabi maske plasti skrit. Učinek valovanja je zdaj skrit v zgornji polovici slike po uporabi maske plasti.

15. korak: Uporabite filter 'Gaussian Blur' na masko plasti

Preden dodamo končni dotik z barvanjem vode, nekoliko zmehčajmo rob maske plasti, da ne bo tako ostre ločnice med sliko na vrhu in vodo spodaj. Za to bomo uporabili filter Gaussian Blur, in ker ga želimo uporabiti na maski plasti, bomo morali najprej izbrati masko. To lahko storimo s klikom na sličico maske plasti v paleti plasti:

  Klik na sličico maske plasti v paleti plasti v Photoshopu. Vadnice za Adobe Photoshop: kliknite sličico maske plasti v paleti plasti, da izberete masko plasti.

Da je maska ​​plasti zdaj izbrana, lahko ugotovite po belem poudarjenem polju okoli njene sličice. Na masko bomo uporabili filter Gaussian Blur, zato se vrnite na Filter meni, izberite Zameglitev še enkrat in nato izberite Gaussova zameglitev . Ko se prikaže pogovorno okno, preprosto kliknite V redu, da uporabite isto vrednost polmera, kot smo jo uporabili prej.

16. korak: Obarvajte vodo s plastjo za prilagajanje odtenka/nasičenosti

Zaključimo zdaj z dodajanjem le kančka modre v našo vodo, za to pa bomo uporabili prilagoditveni sloj Hue/Saturation. Želimo, da prilagoditvena plast vpliva samo na spodnjo polovico slike, kjer so vodni valovi, zato držite Vse (Zmaga) / Možnost (Mac), kliknite na Nova prilagoditvena plast ikono na dnu palete plasti in nato izberite Odtenek/nasičenost s seznama prilagoditvenih slojev:

  Izbira prilagoditvene plasti Hue/Saturation. Držite tipko 'Alt' (Win) / 'Option' (Mac), kliknite ikono 'Nova prilagoditvena plast', nato povlecite miško na 'Hue/Saturation', da jo izberete.

Če držite tipko 'Alt/Option', to pove Photoshopu, naj prikaže Nova plast pogovorno okno, preden dodate prilagoditveno plast. Izberite Uporabite prejšnji sloj za ustvarjanje izrezovalne maske tako, da kliknete znotraj potrditvenega polja na levi strani:

  Pogovorno okno Nova plast v Photoshopu. V pogovornem oknu »Nova plast« izberite možnost »Uporabi prejšnjo plast za ustvarjanje izrezovalne maske«.

Ta možnost pove Photoshopu, da želimo, da prilagoditvena plast vpliva samo na plast neposredno pod njo v paleti plasti, in ker je plast pod njo plast, ki vsebuje naše vodne valove, bodo obarvani samo vodni valovi, kar želimo. . Kliknite OK za izhod iz pogovornega okna.

To bo prikazalo pogovorno okno Hue/Saturation. Svojo vodo želimo obarvati, zato je prva stvar, ki jo želimo narediti, izbrati Pobarvaj možnost v spodnjem desnem kotu. Nato izberite želeno barvo vode tako, da povlečete Odtenek drsnik na vrhu. Drsnik bom povlekel v desno na vrednost približno 218, kar se mi zdi dobra barva za mojo vodo:

  Photoshop's Hue/Saturation dialog box. Za barvanje vode uporabite pogovorno okno Hue/Saturation.

Kliknite V redu za izhod iz pogovornega okna in videli boste, da je vaša voda na dnu zdaj obarvana, vendar je barva trenutno premočna.

17. korak: Zmanjšajte motnost plasti Hue/Saturation

Da bi zmanjšali intenzivnost barve, ki smo jo pravkar dodali vodi, se moramo le povzpeti do Motnost v zgornjem desnem kotu palete plasti in znižajte vrednost motnosti. Svojo bom znižal vse do približno 25 %, kar bo vodi dodalo veliko bolj realistično količino barve:

  Zmanjšanje motnosti prilagoditvene plasti. Zmanjšajte motnost prilagoditvene plasti, dokler voda ne dobi le kančka barve.

Ko zmanjšate motnost prilagoditvene plasti, da zmanjšate intenzivnost barve vode, ste končali! Tukaj je moj končni rezultat 'vodnega odseva':

  Končni učinek. Končni učinek.

Samo za zabavo, tukaj je še en primer popolnoma enakega učinka, uporabljenega za drugo sliko. Edina stvar, ki sem jo tukaj spremenil, je bila, da sem pod izvirno sliko dodal le polovico manj prostora na platnu (vrednost 'Višina' v pogovornem oknu Velikost platna sem nastavil na 50 % namesto na 100 %). Vse ostalo je bilo narejeno na popolnoma enak način:

  Drugi primer. Še en primer slike z enakim učinkom.