V tomto tutoriále pre Photoshop sa naučíme, ako ľahko pridať realistickú vodnú reflexiu k akejkoľvek fotografii. Vytvorenie je veľmi jednoduché a môžete ho pridať na ľubovoľnú fotografiu, ktorá sa vám páči, ale najlepšie funguje s obrázkami, ktoré v nich už neobsahujú vodu. Na vytvorenie efektu zvlnenia vody použijeme jednoduchý filter a mapu posunu a vrstvu úpravy odtieňa / sýtosti, aby naša voda mala trochu farby.
Poznámka k verzii: Táto príručka bola napísaná pre aplikáciu Photoshop CS5 a staršiu verziu . Používatelia Photoshopu CC a CS6 budú chcieť vyskúšať náš úplne nový tutoriál Efekt odrazu vody.
Tu je fotografia, s ktorou budem pracovať v tomto tutoriále:
Pôvodný obrázok.
A takto vyzerá náš obrázok po pridaní odrazu vody:
Konečný výsledok.
Tento tutoriál je z našej série Photo Effects. Začnime!
Krok 1: Duplikujte vrstvu pozadia
S naším novým otvorením vo Photoshope vidíme na palete Vrstvy, že momentálne máme jednu vrstvu, vrstvu Pozadie, ktorá obsahuje náš obrázok:
Pôvodný obrázok na vrstve Pozadie v palete Vrstvy.
Musíme duplikovať vrstvu Pozadie a môžeme to urobiť pomocou klávesovej skratky Ctrl + J (Win) / Command + J (Mac). Teraz, keď sa teraz pozriem na svoju paletu Vrstvy, vidím, že teraz mám dve vrstvy - svoju pôvodnú vrstvu pozadia na dne a novú vrstvu „Vrstva 1“, nad ňou je môj duplikát:
Stlačením klávesov Ctrl + J (Win) / „Command + J“ (Mac) duplikujete vrstvu pozadia.
Krok 2: Do spodnej časti dokumentu pridajte viac plátna
Pod obrázok pridáme náš odraz vody, takže na spodok nášho dokumentu pridajte nejaký priestor na plátno, aby sa vytvoril priestor pre náš odraz. Ak to chcete urobiť, prejdite do ponuky Obrázok v hornej časti obrazovky a vyberte možnosť Veľkosť plátna . Zobrazí sa dialógové okno „Veľkosť plátna“ vo Photoshope. Najjednoduchšie je urobiť dvakrát toľko priestoru na plátne, ako máme v súčasnosti, ale chceme iba to, aby sa objavilo v dolnej časti dokumentu, nie nad ním alebo na oboch stranách, takže musíme Photoshopu presne povedať, kde presne chceme, aby tento ďalší priestor na plátne išiel.
Najprv zadajte 100 pre výšku a nastavte meranie na percento, ako je zakrúžkované červenou farbou nižšie. Ponechajte možnosť Šírka nastavenú na 0. Potom sa uistite, že je začiarknutá možnosť Relatívna, ktorá hovorí Photoshopu, aby nám dal o 100% viac priestoru na plátne, ako to, čo už máme. Pod možnosťou „Relatívna“ je mriežka štvorcov 3x3. To je miesto, kde povieme Photoshopu, kam chceme umiestniť náš ďalší priestor na plátne. Kliknite dovnútra štvorca uprostred horného radu (opäť zakrúžkované nižšie). To hovorí Photoshopu, aby nekladal nad dokument žiadny ďalší priestor na plátne a namiesto toho ho umiestnil na spodok:
V dialógovom okne „Veľkosť plátna“ pridajte viac priestoru na plátno.
Kliknutím na tlačidlo OK opustíte dialógové okno a program Photoshop pridá na koniec obrázka ďalší priestor na plátne:
X
Výška dokumentu sa teraz zdvojnásobila a ďalší priestor na plátne sa pridal na spodok.
Krok 3: Prevrátenie hornej vrstvy zvislo
Aby sme mohli vytvoriť náš odraz, musíme prevrátiť náš obrázok hore nohami, tak to urobme. Ak je na palete Vrstvy vybratá vrchná vrstva, prejdite v hornej časti obrazovky do ponuky Upraviť, vyberte položku Transformovať a potom vyberte možnosť Prevrátiť zvislo . Photoshop prevráti obrázok hore nohami v dokumente:
Prejdite na možnosť Úpravy> Transformovať> Prevrátiť zvislo a prevráťte obrázok na hornú vrstvu hore nohami.
Krok 4: Pretiahnite prevrátený obrázok do spodnej časti dokumentu
Potrebujeme, aby sa prevrátený obrázok nachádzal v dolnej časti dokumentu, takže chyťte svoj nástroj na presun z palety nástrojov alebo stlačte kláves V na klávesnici pre skratku:
Vyberte nástroj na presun.
Potom, keď je vybratý nástroj Move (Presunúť), kliknite do dokumentu a pretiahnite prevrátený obrázok nadol až nadol, kým jeho horná časť nie je zarovnaná s dolnou časťou pôvodného obrázka nad ním. Pri ťahaní podržte stlačený kláves Shift, aby ste sa uistili, že ťaháte nadol v priamke:
Potiahnite prevrátený obrázok nadol pod originál.
Krok 5: Pridajte novú prázdnu vrstvu
Teraz, keď máme náš prevrátený obraz na mieste, môžeme začať vytvárať náš efekt zvlnenia vody. Najprv musíme pridať novú prázdnu vrstvu v hornej časti palety Vrstvy, takže ak je vybratá vrstva „Vrstva 1“, kliknite na ikonu Nová vrstva v dolnej časti palety Vrstvy:
Pridajte do dokumentu novú prázdnu vrstvu.
Krok 6: Naplňte novú vrstvu bielou farbou
Naplníme našu novú prázdnu vrstvu bielou. Ak biela v súčasnosti nie je farbou pozadia, stlačte tlačidlo D na klávesnici, čím sa vynulujú farby popredia a pozadia aplikácie Photoshop, čím sa farba popredí zmení na čiernu a biela farba pozadia. Potom pomocou klávesovej skratky Ctrl + Backspace (Win) / Command + Delete (Mac) vyplňte novú vrstvu farbou pozadia (biela). Váš dokument bude vyplnený bielou.
Celý obrázok je teraz vyplnený bielou.
Krok 7: Na vytvorenie čiernobielych vodorovných čiar použite filter „Vzor polotónov“
Prejdite hore do ponuky Filter v hornej časti obrazovky, vyberte položku Náčrt a potom vyberte položku Vzorec poltónov . Tým sa otvorí Galéria filtrov Photoshopu (vo Photoshope CS a vyššom) nastavená na možnosti filtra „Polotónový vzor“ na pravej strane s veľkým náhľadom efektu naľavo. Tento filter použijeme na pridanie série čiernych a bielych vodorovných čiar do obrázka. Tieto línie sa stanú našimi vodnými vlnkami. Čím viac riadkov budeme mať, tým viac budeme mať vlnky.
Najprv sa chceme uistiť, že vytvárame čiary a nie bodky alebo kruhy, takže nastavte možnosť Typ vzoru na Čiary . Počet riadkov riadime úpravou možnosti Veľkosť . Nižšie hodnoty nám dávajú viac riadkov, pretože zmenšujeme veľkosť každého riadku a vyššie hodnoty poskytujú menej, ale hrubšie riadky. Svoju veľkosť nastavím na hodnotu 7, ktorá sa podľa môjho názoru najlepšie hodí pre môj obrázok. Možno budete chcieť experimentovať s touto hodnotou sami. Možnosť Kontrast pod ňou určuje, aké ostré sú okraje čiar. Nižšie hodnoty vám dávajú mäkšie čiary, vyššie biele hodnoty vám poskytujú ostré hrany. Túto hodnotu nastavte až na 50, aby vaše čiary mali ostré hrany. Za chvíľu ich zmäkčíme pomocou gaussovského filtra na rozmazanie:
Upravte možnosti filtra polotónov a vytvorte sériu čiernych a bielych čiar.
Keď skončíte s dialógovým oknom, kliknite na tlačidlo OK a Photoshop vyplní obrázok zhora nadol čiernymi a bielymi čiarami:
Obrázok je teraz vyplnený čiernymi a bielymi vodorovnými čiarami.
Krok 8: Použite filter „Gaussovské rozostrenie“ na čiary
Predtým, ako môžeme použiť naše čierne a biele čiary ako vlnky vody, musíme ich vyhladiť a medzi nimi vytvoriť pekné, hladké prechody. Ak to chcete urobiť, prejdite znova do ponuky Filter, vyberte možnosť Rozostrenie a potom vyberte Gaussovské rozostrenie, čím sa otvorí dialógové okno „Gaussovské rozostrenie“. Dávajte pozor na svoj obrázok a potiahnite posúvač v dolnej časti dialógového okna, aby ste zvýšili hodnotu polomeru, až kým nebudú mať riadky veľmi jemnú hranu. Pre tento tutoriál používam malý obrázok, takže pre mňa funguje rádiusová hodnota okolo 4 pixelov. Ak používate väčší obrázok s vysokým rozlíšením, budete musieť nastaviť vyššiu hodnotu:
Na vyhladenie okrajov čiar použite filter Gaussovského rozostrenia.
Kliknutím na tlačidlo OK opustíte dialógové okno a na riadky použijete rozostrenie.
Krok 9: Duplikujte vrstvu liniek ako nový dokument
Z našej línie vrstiev vytvoríme úplne nový dokument, ktorý potom použijeme ako mapu výtlačku pre naše vlnky. Ak je vybratá vrstva čiar, prejdite do ponuky Vrstva v hornej časti obrazovky a vyberte možnosť Duplikovať vrstvu, čím sa zobrazí dialógové okno „Duplikovať vrstvu“. Vo voľbách „Cieľ“ kliknite na šípku smerujúcu nadol napravo od možnosti Dokument a nastavte ju na Nový, čím sa z našej vrstvy vytvorí nový dokument Photoshopu:
V dialógovom okne „Duplikovať vrstvu“ nastavte možnosť „Dokument“ na „Nové“.
Kliknutím na tlačidlo OK opustíte dialógové okno a vaša vrstva sa otvorí v novom dokumente na obrazovke.
Krok 10: Uložte nový dokument a zatvorte ho
Tento nový dokument, ktorý sme vytvorili, sa stane našou mapou premiestnenia, ale skôr ako ho budeme môcť použiť, musíme ho uložiť. Uzavrieme to aj potom, čo sme ho uložili, pretože ho už nebudeme musieť otvoriť a najjednoduchším spôsobom, ako splniť obidve tieto úlohy, je jednoducho zatvoriť dokument. Ak sa pokúsite dokument uzavrieť, Photoshop bude mať podobu, ako keby ste chceli dokument pred jeho zatvorením uložiť. Kliknite na Áno :
Keď sa Photoshop spýta, či chcete dokument pred jeho zatvorením uložiť, vyberte „Áno“.
Photoshop vyvolá dialógové okno Uložiť ako . Nový dokument môžete pomenovať podľa vlastného uváženia. Budem pomenovať moje „vlnky vody“. Uistite sa, že ste ho uložili ako súbor Photoshop .PSD, pretože to sú jediné súbory, ktoré môže Photoshop použiť ako mapu premiestnenia. Pravdepodobne budete chcieť dokument uložiť na svoju pracovnú plochu, pretože o chvíľu ho budeme musieť nájsť.
Krok 11: Odstráňte vrstvu Lines Layer
Teraz, keď sme použili naše čiernobiele čiary na vytvorenie súboru, ktorý použijeme ako mapu umiestnenia, môžeme sa ho zbaviť. Stačí kliknúť na ňu a presunúť ju nadol na ikonu Kôš v dolnej časti palety Vrstvy:
Kliknutím a potiahnutím vrstvy vrstiev ("Vrstva 2") ju do koša v dolnej časti palety Vrstvy odstránite.
Krok 12: Zlúčenie dvoch vrstiev do novej vrstvy
Predtým, ako môžeme pridať použitie mapy premiestnenia, musíme zlúčiť naše dve obrazové vrstvy do novej vrstvy nad nimi. Ak to chcete urobiť, pri výbere „Vrstva 1“ použite klávesovú skratku Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Zdá sa, že sa v dokumente nič nestalo, ale keď sa pozrieme na paletu Vrstvy, vidíme, že obe vrstvy boli zlúčené do novej vrstvy hore:
Obe vrstvy sa teraz zlúčia do novej vrstvy „Vrstva 2“.
Krok 13: Použite filter „Displace“ na vytvorenie vlniek vody
Sme pripravení vytvoriť naše vlnky pomocou mapy posunu, ktorú sme práve vytvorili. Keď je nová zlúčená vrstva vybratá v palete Vrstvy, vráťte sa späť do ponuky Filter v hornej časti obrazovky, vyberte položku Deformovať a potom zvoľte Displace .
Týmto sa otvorí dialógové okno filtra Displace od spoločnosti Photoshop. Tu určujeme silu efektu zvlnenia a robíme to pomocou možnosti Horizontálna stupnica na vrchu. Nastavím baňu na hodnotu 4, čo mi dá realistický zvlnený efekt. Možno budete chcieť experimentovať s touto hodnotou s vlastným obrázkom. Ak ho nastavíte príliš vysoko, vytvorí sa príliš veľa vodorovného skreslenia a stratíte realizmus.
Na vytvorenie nášho efektu nepotrebujeme žiadne vertikálne skreslenie, preto nastavte možnosť Vertikálna mierka na 0 . Skontrolujte tiež, či sú vybraté Stretch To Fit a Repeat Edge Pixels :
V dialógovom okne Displace otvorte položku Filter> Deformovať> Displace.
Kliknite na tlačidlo OK v pravom hornom rohu dialógového okna a program Photoshop sa vás spýta, ktorý súbor chcete použiť ako svoju mapu vysídlenia. Vyberte súbor, ktorý ste práve uložili pred chvíľou a ktorý som uložil na svoju pracovnú plochu ako „water-ripples.PSD“, a potom kliknite na Otvoriť. Photoshop potom použije mapu posunu na celý obrázok a vytvorí naše vlnky:
Obrázok po použití mapy posunu s filtrom „Displace“.
Krok 14: Skryte vlnky navrchu s vrstvou masky
Momentálne máme, samozrejme, mierny problém. Do celého obrázka sme pridali efekt zvlnenia vody a chceli sme to iba v dolnej polovici. Môžeme to ľahko opraviť pomocou masky vrstvy. Najprv kliknite Ctrl-Click (Win) / Command-Click (Mac) priamo na miniatúru pre "Layer 1" v palete Layers, aby ste umiestnili výber okolo prevráteného obrázka v dolnej časti dokumentu:
Kliknutím pravým tlačidlom myši (Win) / „Control-click“ (Mac) priamo na miniatúre vrstvy 1 v palete Vrstvy umiestnite výber okolo prevráteného obrázka.
V dolnej polovici obrázka v dokumente sa zobrazí výber. Teraz, keď je zlúčená vrstva stále vybratá, kliknite na ikonu Maska vrstvy v spodnej časti palety Vrstvy:
Kliknutím na ikonu „Maska vrstvy“ pridáte masku vrstvy do zlúčenej vrstvy v hornej časti palety Vrstvy.
Photoshop pridá zlúčenú vrstvu do vrstvy masky a pretože pri pridávaní masky vrstvy sme mali výber okolo spodnej polovice nášho dokumentu, zostáva viditeľná iba spodná polovica zlúčenej vrstvy. Horná polovica sa z pohľadu skryje, čím sa z tejto časti obrázka odstránia nežiaduce vlnky vody:
Efekt zvlnenia je teraz skrytý z hornej polovice obrázka po použití masky vrstvy.
Krok 15: Naneste filter „Gaussovské rozostrenie“ na vrstvu vrstvy
Predtým, ako pridáme náš konečný dotyk zafarbením vody, trochu zmäkčime okraj masky vrstvy, takže medzi obrázkom na vrchu a vodou pod ňou nie je taká tvrdá deliaca čiara. Použijeme na to filter Gaussovského rozostrenia a keďže ho chceme použiť na vrstvu masky, najprv ju musíme vybrať. Môžeme to urobiť kliknutím na miniatúru masky vrstvy v palete Vrstvy:
Výukové programy Adobe Photoshop: Kliknutím na miniatúru masky vrstvy v palete Vrstvy vyberte masku vrstvy.
Môžete si všimnúť, že maska vrstvy je teraz vybraná bielym rámčekom zvýraznenia okolo jej miniatúry. Na masku použijeme filter Gaussovského rozostrenia, takže sa vráťte späť do ponuky Filter, znova vyberte možnosť Rozostrenie a potom vyberte Gaussovské rozostrenie . Keď sa zobrazí dialógové okno, jednoducho kliknite na tlačidlo OK a použite rovnakú hodnotu polomeru, akú sme používali predtým.
Krok 16: Zafarbenie vody pomocou vrstvy na úpravu odtieňa / sýtosti
Poďme dokončiť veci teraz pridaním len nádych modrej k našej vode, a použijeme vrstvu odtieň / sýtosť na to. Chceme, aby vyrovnávacia vrstva ovplyvňovala iba spodnú polovicu obrázka, na ktorom sú vlnky vody, takže podržte stlačený kláves Alt (Win) / Option (Mac) a kliknite na ikonu Nová vyrovnávacia vrstva v dolnej časti palety Vrstvy, potom vyberte odtieň / sýtosť zo zoznamu vrstiev úprav:
Podržte stlačenú klávesovú skratku „Alt“ (Win) / „Option“ (Mac), kliknite na ikonu „New Adjustment Layer“ a potom ju potiahnite myšou na „Hue / Saturation“.
Podržaním klávesu Alt / Option to umožní aplikácii Photoshop vyvolať dialógové okno Nová vrstva pred pridaním vrstvy úprav. Začiarknutím políčka naľavo od nej vyberte možnosť Použiť predchádzajúcu vrstvu na vytvorenie orezovej masky :
V dialógovom okne „Nová vrstva“ vyberte možnosť „Použiť predchádzajúcu vrstvu na vytvorenie orezovej masky“.
Táto voľba hovorí Photoshopu, že chceme, aby vyrovnávacia vrstva ovplyvnila iba vrstvu priamo pod ňou v palete Vrstvy, a keďže vrstva pod ňou je vrstva obsahujúca naše vodné vlnky, zafarbia sa iba vodné vlnky, čo chceme., Kliknutím na tlačidlo OK opustíte dialógové okno.
Zobrazí sa dialógové okno Odtieň / Sýtosť. Chceme zafarbiť našu vodu, takže prvou vecou, ktorú tu chceme urobiť, je výber možnosti Zafarbiť v pravom dolnom rohu. Potiahnutím posúvača Odtieň hore vyberte farbu, ktorú má mať voda. Potiahnem jazdec doprava na hodnotu okolo 218, čo je podľa môjho názoru dobrá farba pre moju vodu:
Na zafarbenie vody použite dialógové okno Odtieň / Sýtosť.
Kliknutím na tlačidlo OK opustíte dialógové okno a uvidíte, že vaša voda na dne bola už vyfarbená, ale farba je momentálne príliš silná.
Krok 17: Znížte nepriehľadnosť odtieňa / sýtosť vrstvy
Aby sme znížili intenzitu farby, ktorú sme práve pridali do vody, musíme iba prejsť na možnosť Nepriehľadnosť v pravom hornom rohu palety Vrstvy a znížiť hodnotu nepriehľadnosti. Idem dole dole dole na asi 25%, čo dodáva vode oveľa realistickejšie množstvo farby:
Znížte opacitu nastavovacej vrstvy, až kým nebude mať voda iba náznak farby.
Akonáhle ste znížili opacitu nastavovacej vrstvy na zníženie farebnej intenzity vody, ste hotoví! Tu je môj konečný výsledok „vodnej reflexie“:
Konečný efekt.
Len pre zábavu je tu ďalší príklad toho istého efektu, ktorý sa aplikuje na iný obrázok. Jediné, čo som tu zmenil, bolo to, že som pod pôvodný obrázok pridal iba polovicu priestoru na plátno (v dialógovom okne Veľkosť plátna som namiesto 100% nastavil hodnotu „Výška“ na 50%). Všetko ostatné bolo vykonané presne rovnakým spôsobom:
Ďalší príklad obrázka používajúci rovnaký efekt.
A máme to! Takto môžete do snímky pomocou programu Photoshop pridať efekt odrazu vody! Navštívte našu sekciu Photo Effects, kde nájdete ďalšie návody týkajúce sa efektov Photoshop!