Photoshop efekt refleksije vode

Napisao Steve Patterson.

U ovom Photoshop vodiču naučit ćemo kako jednostavno dodati realističan odraz vode na bilo koju fotografiju. Vrlo je jednostavan za stvaranje efekta i možete ga dodati bilo kojoj fotografiji koja vam se sviđa, iako obično najbolje funkcionira sa slikama koje već ne sadrže vodu. Koristit ćemo jednostavan filtar i mapu pomaka kako bismo stvorili efekt mreškanja vode i sloj za podešavanje nijanse/zasićenosti kako bismo našoj vodi dali malo boje.



Napomena o verziji: Ovaj vodič je napisan za Photoshop CS5 i ranije. Korisnici Photoshopa CC i CS6 htjet će provjeriti naše potpuno novo Efekt refleksije vode tutorial.



Evo fotografije s kojom ću raditi tijekom ovog vodiča:

  Izvorna fotografija. Izvorna slika.

A evo kako će naša slika izgledati nakon dodavanja odraza vode:

  Konačni rezultat. Konačni rezultat.

Ovaj vodič je iz našeg Foto efekti niz. Započnimo!



Korak 1: Duplicirajte pozadinski sloj

S našom slikom koja je nedavno otvorena u Photoshopu, možemo vidjeti u paleti slojeva da trenutno imamo jedan sloj, sloj pozadine, koji sadrži našu sliku:

  Photoshop's Layers palette showing the original image on the Background layer. Izvorna slika na pozadinskom sloju u paleti slojeva.

Moramo duplicirati pozadinski sloj, a to možemo učiniti pomoću tipkovničke prečice Ctrl+J (pobjeda) / Command+J (Mac). Sad kad sada pogledam svoju paletu slojeva, vidim da sada imam dva sloja - moj originalni pozadinski sloj na dnu i novi sloj, 'Layer 1', iznad njega koji je moj duplikat:

  Paleta slojeva sada prikazuje duplikat pozadinskog sloja iznad originala. Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac) da duplicirate pozadinski sloj.

Korak 2: Dodajte više prostora na platnu na dno dokumenta

Dodat ćemo naš odraz vode ispod slike, pa dodajmo malo prostora na platnu na dno našeg dokumenta kako bismo napravili mjesta za naš odraz. Da biste to učinili, idite gore do Slika izbornik na vrhu zaslona i odaberite Veličina platna . Ovo će dovesti do dijaloškog okvira Photoshopa 'Veličina platna'. Najlakša stvar koju možete učiniti ovdje je dodati dvostruko više prostora na platnu od onog što trenutno imamo, ali želimo da se pojavi samo na dnu dokumenta, ne iznad njega ili s obje strane, tako da moramo reći Photoshopu točno gdje želimo da ovaj dodatni prostor na platnu nestane.



Prvo, unesite 100 za Visina i postavite mjerenje na postotak , kao što je dolje zaokruženo crvenom bojom. Ostavite opciju Width postavljenu na 0. Zatim provjerite je li Relativni opcija je označena, što govori Photoshopu da nam da 100% više prostora na platnu od onoga što već imamo. Ispod opcije 'Relativno' nalazi se mreža kvadrata 3x3. Ovdje kažemo Photoshopu gdje želimo smjestiti dodatni prostor na platnu. Kliknite unutar kvadrata u sredini gornjeg retka (opet kao što je zaokruženo ispod). Ovo govori Photoshopu da ne postavlja nikakav dodatni prostor na platnu iznad dokumenta i umjesto toga da ga sve smjesti na dno:

  Photoshop's Canvas Size dialog box. Dodajte više prostora na platnu pomoću dijaloškog okvira 'Veličina platna'.

Pritisnite OK za izlaz iz dijaloškog okvira, a Photoshop će dodati dodatni prostor na platnu na dno slike:

  Dodatni prostor na platnu dodan je na dno dokumenta.. x



Visina dokumenta sada je udvostručena s dodatnim prostorom na platnu dodan na dno.

Korak 3: Okrenite gornji sloj okomito

Kako bismo stvorili svoj odraz, moramo okrenuti našu sliku naopako, pa učinimo to. S odabranim gornjim slojem u paleti slojeva idite gore do Uredi izbornik na vrhu zaslona, ​​odaberite Transformirati , a zatim odaberite Okreni okomito . Photoshop će okrenuti sliku naopako u dokumentu:

  Okomito okretanje slike na gornjem sloju. Idite na Edit > Transform > Flip Vertical da okrenete sliku na gornjem sloju naopako.

Korak 4: Povucite okrenutu sliku na dno dokumenta

Trebamo da okrenuta slika bude na dnu dokumenta, pa uzmite svoju Alat za pomicanje iz palete Alati ili pritisnite U na tipkovnici za prečac:



  Odabir Move Tool iz palete Tools u Photoshopu. Odaberite Move Tool.

Zatim, s odabranim alatom za pomicanje, kliknite unutar dokumenta i povucite okrenutu sliku dolje do dna dok njen vrh ne bude poravnat s dnom izvorne slike iznad nje. Drži dolje Shift dok povlačite kako biste bili sigurni da povlačite prema dolje u ravnoj liniji:

  Slika je sada okrenuta i pomaknuta ispod originala. Povucite okrenutu sliku dolje ispod originala.

Korak 5: Dodajte novi prazan sloj

Sada kada imamo okrenutu sliku na mjestu, možemo početi stvarati naš efekt mreškanja vode. Prvo, moramo dodati novi prazan sloj na vrh palete slojeva, tako da dok je 'Layer 1' još uvijek odabran, kliknite na Novi sloj ikona na dnu palete slojeva:

  Klikom na ikonu New Layer na dnu palete slojeva u Photoshopu. Dodajte novi prazan sloj u dokument.

Korak 6: Ispunite novi sloj bijelom bojom

Ispunit ćemo naš novi prazni sloj bijelom bojom. Ako bijela trenutno nije vaša boja pozadine, pritisnite D na tipkovnici, što će poništiti Photoshopove boje prednjeg plana i pozadine, čineći crnu bojom prednjeg plana, a bijelu bojom pozadine. Zatim upotrijebite tipkovni prečac Ctrl+Backspace (pobjeda) / Command+Delete (Mac) da ispunite novi sloj bojom pozadine (bijela). Vaš će dokument biti ispunjen bijelom bojom.



  Slika je sada potpuno ispunjena bijelom bojom. Cijela je slika sada ispunjena bijelom bojom.

Korak 7: Primijenite filtar 'Polutonski uzorak' za stvaranje crno-bijelih vodoravnih linija

Idi gore do filtar izbornik na vrhu zaslona, ​​odaberite Skica , a zatim odaberite Uzorak polutona . Ovo otvara Photoshopovu galeriju filtara (u Photoshopu CS i novijim verzijama) postavljenu na opcije filtra 'Polutonski uzorak' s desne strane, s velikim pregledom efekta s lijeve strane. Koristit ćemo ovaj filtar za dodavanje niza crno-bijelih vodoravnih linija na sliku. Ove linije će postati naši vodeni valovi. Što više linija imamo, to ćemo imati više valova.

Prvo, želimo biti sigurni da stvaramo linije, a ne točkice ili krugove, pa postavite tip uzorka opcija za Linije . Kontroliramo broj redaka podešavanjem Veličina opcija. Niže vrijednosti daju nam više linija, budući da smanjujemo veličinu svake linije, a više vrijednosti daju nam manje, ali deblje linije. Postavit ću svoju vrijednost veličine na 7, za koju mislim da najbolje odgovara mojoj slici. Možda želite sami eksperimentirati s ovom vrijednošću. The Kontrast opcija ispod nje određuje koliko su oštri rubovi linija. Niže vrijednosti daju mekše linije, bijele više vrijednosti daju oštrije rubove. Postavite ovu vrijednost sve do pedeset kako bi vaše linije dobile oštre rubove. Sami ćemo ih ublažiti pomoću filtra Gaussian Blur za trenutak:



  Mogućnosti uzorka polutonova. Prilagodite opcije filtra Halftone Pattern kako biste stvorili niz crnih i bijelih linija kroz sliku.

Kliknite U redu kada završite da izađete iz dijaloškog okvira, a Photoshop će ispuniti sliku od vrha do dna vašim crno-bijelim linijama:

  Slika je sada ispunjena od vrha do dna crnim i bijelim linijama. Slika je sada ispunjena crnim i bijelim vodoravnim linijama.

Korak 8: Primijenite filtar 'Gaussian Blur' na linije

Prije nego što naše crno-bijele linije možemo koristiti kao vodene valove, moramo ih izravnati i stvoriti lijepe, glatke prijelaze između njih. Da biste to učinili, idite gore do filtar izbornik još jednom, odaberite Zamutiti , a zatim odaberite Gaussovo zamućenje , koji otvara dijaloški okvir 'Gaussovo zamućenje'. Pazite na svoju sliku i povucite klizač na dnu dijaloškog okvira za povećanje Radius vrijednost sve dok linije ne dobiju vrlo mekanu oštricu. Koristim malu sliku za ovaj vodič, tako da mi radijus vrijednost od oko 4 piksela dobro funkcionira. Ako koristite veću sliku visoke razlučivosti, svoju ćete morati postaviti na višu vrijednost:

  Podešavanje vrijednosti radijusa u dijaloškom okviru Gaussian Blur. Upotrijebite filtar Gaussian Blur za izravnavanje rubova linija.

Pritisnite U redu za izlaz iz dijaloškog okvira i primijenite zamućenje na linije.

Korak 9: Duplicirajte sloj s linijama kao novi dokument

Stvorit ćemo potpuno novi dokument iz našeg sloja linija, koji ćemo zatim koristiti kao kartu pomaka za naše vodene valove. S odabranim slojem linija idite gore do Sloj izbornik na vrhu zaslona i odaberite Duplicirani sloj , koji otvara dijaloški okvir 'Duplicate Layer'. U opcijama 'Odredište' kliknite strelicu prema dolje s desne strane Dokument opciju i postavite je na Novi , koji će stvoriti novi Photoshop dokument iz našeg sloja:

  Dijaloški okvir Duplicate Layer u Photoshopu. Postavite opciju 'Document' u dijaloškom okviru 'Duplicate Layer' na 'New'.

Pritisnite OK za izlaz iz dijaloškog okvira i vaš će se sloj otvoriti u novom dokumentu na zaslonu.

Korak 10: Spremite novi dokument i zatvorite ga

Ovaj novi dokument koji smo izradili postat će naša karta pomaka, ali prije nego što ga možemo koristiti, moramo ga spremiti. Također ćemo ga zatvoriti nakon što ga spremimo, budući da nam više neće trebati otvoren, a najlakši način da izvršite oba zadatka je da jednostavno zatvorite dokument. Kada pokušate zatvoriti dokument, Photoshop će vas pitati ako želite spremiti dokument prije nego što ga zatvorite. Klik Da :

  Odabir spremanja dokumenta prije zatvaranja. Odaberite 'Da' kada vas Photoshop pita želite li spremiti dokument prije nego što ga zatvorite.

Photoshop će prikazati Spremi kao dijaloški okvir. Svoj novi dokument možete nazvati kako god želite. Ja ću svoje nazvati 'vodeni valovi'. Obavezno ga spremite kao Photoshop .PSD datoteku, budući da su to jedine datoteke koje Photoshop može koristiti kao mapu pomaka. Vjerojatno ćete htjeti spremiti dokument na svoju radnu površinu, budući da ćemo ga morati ponovno pronaći za trenutak.

Korak 11: Izbrišite sloj linija

Sada kada smo upotrijebili crno-bijele linije za stvaranje datoteke koju ćemo koristiti kao mapu pomaka, možemo je se riješiti. Da biste to učinili, jednostavno kliknite na njega i povucite ga prema dolje na ikonu koša za smeće na dnu palete slojeva:

  Povucite sloj s linijama u koš za smeće da biste ga izbrisali. Kliknite i povucite sloj linija ('Sloj 2') u koš za smeće na dnu palete slojeva da biste ga izbrisali.

Korak 12: Spojite dva sloja u novi sloj

Prije nego što možemo dodati korištenje naše karte pomaka, moramo spojiti naša dva sloja slike na novi sloj iznad njih. Da biste to učinili, s odabranim 'Layer 1' upotrijebite tipkovni prečac Shift+Ctrl+Alt+E (pobjeda) / Shift+Command+Option+E (Mac). Čini se da se u dokumentu ništa nije dogodilo, ali ako pogledamo u paletu slojeva, možemo vidjeti da su oba sloja spojena u novi sloj na vrhu:

  Spajanje obaju slojeva u novi sloj u paleti slojeva. Oba su sloja sada spojena u novi sloj, 'Sloj 2'.

Korak 13: Koristite filtar 'Displace' za stvaranje vodenih valova

Spremni smo za stvaranje naših vodenih valova pomoću karte pomaka koju smo upravo izradili. S novim spojenim slojem odabranim u paleti slojeva, vratite se na filtar izbornik na vrhu zaslona, ​​odaberite Iskriviti a zatim izaberite Istisnuti .

Ovo otvara Photoshopov dijaloški okvir filtra 'Displace'. Ovdje određujemo snagu našeg efekta valovitosti, a to radimo s Vodoravna ljestvica opciju na vrhu. Ja ću svoj postaviti na vrijednost 4, što će mi dati realan efekt valovitosti. Možda želite eksperimentirati s ovom vrijednošću na vlastitoj slici. No ako ga postavite previsoko, stvorit ćete previše vodoravne distorzije i izgubit ćete realizam.

Ne treba nam nikakvo okomito izobličenje da bismo stvorili učinak, stoga namjestite Okomito mjerilo opcija za 0 . Također, pobrinite se da Stretch To Fit i Ponovite rubne piksele odabrani su:

  Filtar Displace u Photoshopu. Idite na Filter > Distort > Displace da biste otvorili dijaloški okvir Displace.

Pritisnite OK u gornjem desnom kutu dijaloškog okvira i Photoshop će vas pitati koju datoteku želite koristiti kao mapu pomaka. Odaberite datoteku koju ste maloprije spremili, a koju sam ja spremio na svoju radnu površinu kao 'water-ripples.PSD', a zatim kliknite Otvori. Photoshop će zatim primijeniti kartu pomaka na cijelu sliku, stvarajući naše vodene valove:

  Slika nakon primjene filtra Displace. Slika nakon primjene naše karte pomaka s filtrom 'Pomicanje'.

Korak 14: Sakrijte mreške na vrhu maskom sloja

Naravno, trenutno imamo mali problem. Dodali smo naš efekt mreškanja vode cijeloj slici, a htjeli smo ga samo u donjoj polovici. To možemo lako popraviti koristeći masku sloja. Prvi, Ctrl-klik (pobjeda) / Command-klik (Mac) izravno na minijaturi za 'Layer 1' u paleti slojeva kako biste stavili odabir oko okrenute slike na dnu dokumenta:

  Desnom tipkom miša (Win) / Control-klik (Mac) na sličicu sloja 1. 'Desnom tipkom miša' (Win) / 'Control-klik' (Mac) izravno na minijaturu sloja 1 u paleti slojeva da postavite odabir oko okrenute slike.

Vidjet ćete da se odabir pojavljuje oko donje polovice slike u vašem dokumentu. Sada, dok je spojeni sloj još uvijek odabran, kliknite na Maska sloja ikona na dnu palete slojeva:

  Klikom na'Layer Mask' icon. Kliknite na ikonu 'Layer Mask' da biste dodali masku sloja spojenom sloju na vrhu palete slojeva.

Photoshop će spojenom sloju dodati masku sloja, a budući da smo imali odabir oko donje polovice našeg dokumenta kada smo dodali masku sloja, samo donja polovica spojenog sloja ostaje vidljiva. Gornja polovica postaje skrivena od pogleda, uklanjajući neželjene vodene valove s tog dijela slike:

  Efekt valovitosti u gornjoj polovici slike sada je skriven nakon primjene maske sloja. Efekt mreškanja sada je skriven u gornjoj polovici slike nakon primjene maske sloja.

Korak 15: Primijenite filtar 'Gaussian Blur' na masku sloja

Prije nego što dodamo naš završni detalj bojenjem vode, malo omekšajmo rub maske sloja tako da ne bude tako grube linije razdvajanja između slike na vrhu i vode ispod. Za to ćemo koristiti filtar Gaussian Blur, a budući da ga želimo primijeniti na masku sloja, morat ćemo prvo odabrati masku. To možemo učiniti klikom na sličicu maske sloja u paleti slojeva:

  Klikom na sličicu maske sloja u paleti slojeva u Photoshopu. Upute za Adobe Photoshop: kliknite sličicu maske sloja u paleti slojeva da odaberete masku sloja.

Možete vidjeti da je maska ​​sloja sada odabrana po bijelom okviru za označavanje oko njezine minijature. Na masku ćemo primijeniti filtar Gaussian Blur, pa se vratite na filtar izbornik, odaberite Zamutiti još jednom, a zatim odaberite Gaussovo zamućenje . Kada se pojavi dijaloški okvir, jednostavno kliknite OK da biste primijenili istu vrijednost polumjera koju smo koristili prije.

Korak 16: Obojite vodu pomoću sloja za podešavanje nijanse/zasićenosti

Završimo sada dodavanjem samo nagovještaja plave u našu vodu, a za to ćemo koristiti sloj za prilagodbu Hue/Saturation. Želimo da sloj za prilagodbu utječe samo na donju polovicu slike gdje su vodeni valovi, stoga držite Sve (pobjeda) / Opcija (Mac) tipku, kliknite na Novi sloj za prilagodbu ikonu na dnu palete slojeva, a zatim odaberite Nijansa/zasićenost s popisa slojeva za podešavanje:

  Odabir sloja za podešavanje nijanse/zasićenja. Držite pritisnut 'Alt' (Win) / 'Option' (Mac), kliknite na ikonu 'New Adjustment Layer', zatim povucite mišem na 'Hue/Saturation' da biste je odabrali.

Držanjem tipke 'Alt/Option' to govori Photoshopu da prikaže Novi sloj dijaloški okvir prije dodavanja sloja za prilagodbu. Odaberite Koristite prethodni sloj za stvaranje Clipping maske klikom na potvrdni okvir s lijeve strane:

  Dijaloški okvir Novi sloj u Photoshopu. Odaberite opciju 'Upotrijebi prethodni sloj za stvaranje Clipping Mask' u dijaloškom okviru 'New Layer'.

Ova opcija govori Photoshopu da želimo da sloj za prilagodbu utječe samo na sloj neposredno ispod njega u paleti Slojevi, a budući da je sloj ispod njega sloj koji sadrži naše vodene valove, samo će vodeni valovi biti obojeni, što je ono što želimo . Pritisnite OK za izlaz iz dijaloškog okvira.

Ovo će dovesti do dijaloškog okvira Hue/Saturation. Želimo obojiti našu vodu, pa je prva stvar koju želimo učiniti ovdje odabrati Obojite opciju u donjem desnom kutu. Zatim odaberite boju koju želite da vaša voda bude povlačenjem Nijansa klizač na vrhu. Povući ću svoj klizač udesno na vrijednost od oko 218, za koju mislim da je dobra boja za moju vodu:

  Photoshop's Hue/Saturation dialog box. Upotrijebite dijaloški okvir Hue/Saturation da obojite vodu.

Pritisnite OK za izlaz iz dijaloškog okvira i vidjet ćete da je vaša voda na dnu sada obojena, ali boja je trenutno prejaka.

Korak 17: Smanjite neprozirnost sloja Hue/Saturation

Kako bismo smanjili intenzitet boje koju smo upravo dodali u vodu, sve što trebamo učiniti je popeti se do Neprozirnost opciju u gornjem desnom kutu palete slojeva i smanjite vrijednost neprozirnosti. Ja ću svoju smanjiti sve do oko 25%, što dodaje puno realniju količinu boje u vodu:

  Smanjenje neprozirnosti sloja za prilagodbu. Smanjite neprozirnost sloja za podešavanje dok voda ne dobije samo naznaku boje.

Nakon što ste smanjili neprozirnost sloja za podešavanje kako biste smanjili intenzitet boje vode, gotovi ste! Evo mog konačnog rezultata 'odraza vode':

  Konačni učinak. Konačni učinak.

Samo zabave radi, evo još jednog primjera potpuno istog efekta primijenjenog na drugu sliku. Jedina stvar koju sam ovdje promijenio je da sam dodao samo upola manje prostora na platnu ispod originalne slike (postavio sam vrijednost 'Height' u dijaloškom okviru Veličina platna na 50% umjesto na 100%). Sve ostalo je učinjeno na potpuno isti način:

  Drugi primjer. Još jedan primjer slike koja koristi isti efekt.