Efekt vodního odrazu ve Photoshopu CC a CS6

Jak uvidíme, vytvoření efektu vodního odrazu má tři hlavní části. Začneme vytvořením samotného základního odrazu tak, že vytvoříme kopii našeho obrázku, přetáhneme ji pod originál a poté ji převrátíme tak, aby obrázek dole zrcadlil obrázek nahoře. Přidáme pohybové rozostření a dokonce i namodralý odstín, aby odraz vypadal více jako voda.

Odtud vytvoříme mapu posunutí, speciální typ dokumentu ve Photoshopu, který můžeme použít k ohýbání, deformování a přetváření našeho obrázku. A nakonec vezmeme naši mapu posunutí a použijeme ji na odraz vody, abychom vytvořili realisticky vypadající vlny a vlnky! Dokonce přidáme stín podél pobřeží, aby vypadalo, že se svažuje do vody. Kroků je spousta, ale jako vždy vás každým z nich provedu, abyste mohli snadno postupovat, i když jste začátečníci.

Tady je příklad toho, jak bude efekt odrazu vody vypadat, až budeme hotovi. Na konci vám ukážu, jak s efektem experimentovat, abyste dosáhli co nejlepších výsledků s vaším obrázkem:

Začneme!

Stáhněte si tento návod ve formátu PDF připraveném k tisku!

Jak vytvořit vodní odraz ve Photoshopu

Pro tento návod používám Photoshop CC, ale každý krok je kompatibilní s Photoshopem CS6.

Krok 1: Otevřete obrázek

Otevřete obrázek, do kterého chcete přidat vodní odraz. Zde je obrázek, který budu používat (fotografie západu slunce

z Adobe Stock):

Krok 2: Odemkněte vrstvu Pozadí a pojmenujte ji „Fotografie“

Na panelu Vrstvy vidíme obrázek ve vrstvě Pozadí. Vrstva Pozadí je uzamčena, což je označeno ikonou zámku zcela vpravo. Musíme ji odemknout, abychom pod ni mohli umístit další vrstvy, a to můžeme udělat pouhým přejmenováním. Poklepejte na název „Pozadí“:

Fotoshop otevře dialogové okno Nová vrstva. Pojmenujte vrstvu „Fotografie“ a klikněte na tlačítko OK:

Zpět na panelu Vrstvy je nyní vrstva Pozadí vrstvou „Foto“ a ikona zámku zmizela:

Krok 3: Zduplikujte vrstvu a pojmenujte ji „Odraz“

Vytvořte kopii vrstvy. Tuto kopii použijeme k vytvoření odrazu vody. Stiskněte a podržte klávesu Alt (Win) / Option (Mac) na klávesnici, zatímco klikáte a přetahujete vrstvu „Fotografie“ dolů na ikonu Nová vrstva v dolní části panelu Vrstvy:

Uvolněte tlačítko myši a poté uvolněte klávesu Alt / Option. Photoshop otevře dialogové okno Duplikovat vrstvu. Pojmenujte vrstvu „Odraz“ a poté klikněte na tlačítko OK:

Vrstva „Odraz“ se objeví nad vrstvou „Fotografie“:

Krok 4: Převedení vrstvy „Odraz“ na inteligentní objekt

Převedení vrstvy „Odraz“ na inteligentní objekt kliknutím na ikonu nabídky v pravém horním rohu panelu Vrstvy:

Výběr možnosti Převést na inteligentní objekt z nabídky:

V pravém dolním rohu miniatury náhledu vrstvy „Odraz“ se zobrazí ikona inteligentního objektu, která nám říká, že vrstva je nyní inteligentním objektem. Veškeré filtry, které na vrstvu aplikujeme, budou nyní použity jako upravitelné Inteligentní filtry:

Krok 5: Přidání dalšího místa na plátně pod fotografii

Přidejte další místo na plátně pod fotografii, abyste vytvořili prostor pro odraz vody. Přejděte do nabídky Obrázek na panelu nabídek a vyberte možnost Velikost plátna:

V dialogovém okně Velikost plátna nastavte Šířku na 100 procent a Výšku na 200 procent. Možnost Relativní ponechte nezaškrtnutou. Chcete-li přidat celý prostor navíc pod fotografii, klepněte na horní prostřední pole v mřížce Ukotvení a poté klepnutím na tlačítko OK zavřete dialogové okno:

Fotoshop přidá prostor navíc pod obrázek. Pokud prostor navíc přesahuje obrazovku, stiskněte na klávesnici Ctrl+0 (Win) / Command+0 (Mac) a zvolte příkaz Photoshopu Přizpůsobit na obrazovku:

Krok 6: Přesunutí obrázku „Odraz“ do přidaného prostoru

Přesuneme obrázek „Odraz“ pod hlavní fotografii a do nového prostoru plátna výběrem nástroje Přesun z panelu nástrojů:

Stiskněte a podržte klávesu Shift při kliknutí a přetažení obrázku dolů do nového prostoru plátna. Klávesa Shift omezuje směr pohybu, takže je snadné táhnout rovnou dolů:

Krok 7: Překlopení obrázku na výšku

Překlopte obrázek ve vrstvě „Odraz“ na výšku tak, aby odraz vody zrcadlil fotografii nad ním. Přejděte do nabídky Úpravy na panelu nabídek, vyberte možnost Transformovat a poté vyberte možnost Převrátit na výšku:

Po překlopení vrstvy „Odraz“ nyní spodní obrázek zrcadlí horní:

Související: Vytvoření zrcadlového efektu ve Photoshopu

Krok 8: Přetáhněte vrstvu „Odraz“ pod vrstvu „Fotografie“

Na panelu Vrstvy klikněte na vrstvu „Odraz“ a přetáhněte ji dolů pod vrstvu „Fotografie“. Jakmile se pod vrstvou „Fotografie“ objeví bílý vodorovný pruh, uvolněte tlačítko myši, abyste vrstvu „Odraz“ pustili na místo:

Krok 9: Přidání pohybového rozostření k odrazu

Přidejte k odrazu vody pohybové rozostření pomocí filtru Motion Blur aplikace Photoshop. Když je vrstva „Odraz“ stále vybrána, přejděte nahoru do nabídky Filtr na panelu nabídek, vyberte možnost Rozmazání a poté vyberte možnost Rozmazání pohybem:

V dialogovém okně Rozostření pohybu nastavte Úhel na 90° a poté nastavte Vzdálenost někde mezi 10-20 pixely v závislosti na velikosti obrázku (větší obrázky budou potřebovat větší rozostření). Já jsem zvolil hodnotu 20 pixelů. Kliknutím na tlačítko OK zavřete dialogové okno:

Tady je efekt s jemným množstvím pohybového rozostření přidaného k vodě. Po použití filtru Rozostření pohybu si můžete všimnout vodorovné čáry procházející středem dokumentu mezi hlavní fotografií a obrázkem odrazu. To je artefakt filtru Motion Blur a my jej později vyčistíme. Prozatím ji ignorujte:

Na panelu Vrstvy se filtr Rozostření pohybu objeví jako Inteligentní filtr pod vrstvou „Odraz“. Pokud chcete změnit velikost rozmazání, poklepáním na nápis „Motion Blur“ znovu otevřete dialogové okno filtru a podle potřeby upravte hodnotu Distance:

Krok 10. Na panelu Vrstvy je zobrazen Inteligentní filtr Rozmazání pohybu: Přidání modré jednobarevné výplně vrstvy

Protože voda má tendenci vypadat modře, přidáme odrazu namodralý odstín. Klikněte na ikonu Nová výplň nebo vrstva úprav v dolní části panelu Vrstvy:

Vyberte v horní části seznamu možnost Plná barva:

V okně Výběr barvy vyberte tlumenou modrou nastavením hodnoty R na 40, hodnoty G na 110 a hodnoty B na 185 a poté kliknutím na tlačítko OK zavřete okno Výběr barvy:

Po přidání vrstvy výplně se odraz vody ve spodní polovině dokumentu dočasně zakryje plnou modrou barvou:

Krok 11: Přetažení vrstvy výplně pod vrstvu „Odraz“

Důvod, proč je zakryta modrou barvou, spočívá v tom, že Photoshop přidal vrstvu výplně s názvem „Barevná výplň 1“ mezi vrstvy „Fotografie“ a „Odraz“. Klikněte na vrstvu výplně a přetáhněte ji dolů pod vrstvu „Odraz“. Tím se modrá vrstva výplně skryje a odraz vody se znovu objeví. Za chvíli modrou barvu vrátíme zpět:

Krok 12: Výběr masky vrstvy inteligentního filtru

Napříště upravíme vzhled rozmazání pohybu v odrazu vody tak, aby efekt rozmazání slábl, jak se bude vzdalovat od břehu. Vyberte masku vrstvy Chytré filtry kliknutím na miniaturu masky vrstvy vlevo od nápisu „Chytré filtry“:

Krok 13: Nakreslení přechodu z černé do bílé na masku vrstvy

Vybrání nástroje Přechod na panelu nástrojů:

Na panelu možností klikněte na malou šipku vpravo od barevného vzorníku gradientu a poté vyberte přechod z černé do bílé poklepáním na jeho miniaturu (třetí zleva v horní řadě). Tím vyberete gradient a zavřete okno Výběr gradientu:

Stále na panelu možností se ujistěte, že je vybrán styl Lineární gradient kliknutím na jeho ikonu (přímo vpravo od vzorníku barev gradientu):

Kliknutím na spodní část dokumentu nastavte počáteční bod gradientu. Podržte stisknuté tlačítko myši a táhněte nahoru do středu (do horní části obrázku s odrazem vody). Při tažení podržte klávesu Shift, abyste mohli snadněji táhnout přímo svisle nahoru:

Uvolněním tlačítka myši gradient dokončíte. Efekt rozostření pohybu nyní postupně bledne, jak se pohybuje od horní části vodního odrazu ke spodní:

Krok 14: Načtení masky vrstvy jako výběru

Teď, když jsme vybledli efekt rozostření pohybu, vybledneme samotný vodní odraz, aby splynul s naší modrou výplní vrstvy. Uděláme to tak, že do vrstvy „Odraz“ přidáme přesnou kopii naší masky vrstvy. Na klávesnici stiskněte a podržte klávesu Ctrl (Win) / Command (Mac) a klikněte na miniaturu masky vrstvy Chytré filtry. Tím se maska vrstvy načte jako výběr (v dokumentu se objeví obrys výběru):

Krok 15: Přidání masky vrstvy k vrstvě „Odraz“

Ujistěte se, že je vybrána vrstva „Odraz“, a poté klikněte na ikonu Přidat masku vrstvy ve spodní části panelu Vrstvy:

Fotoshop převede obrys výběru na novou masku vrstvy, čímž získáme identickou masku se stejným gradientem od černé k bílé na vrstvě „Odraz“:

Po přidání masky vrstvy nyní odraz vody postupně přechází shora dolů do modré z naší vrstvy výplně Solid Color:

Krok 16: Snižte intenzitu modré

Pokud se vám zdá modrá příliš výrazná, můžete ji zeslabit na panelu Vlastnosti aplikace Photoshop. Ujistěte se, že je vybrána miniatura masky vrstvy na vrstvě „Odraz“. Poté v panelu Vlastnosti snižte hodnotu Hustota přetažením posuvníku doleva. Čím více ji snížíte, tím více bude modrá barva blednout. Já svou snížím na 50 %:

A nyní je modrá barva vody jemnější:

Krok 17: Spojení vrstvy „Odraz“ a výplně do inteligentního objektu

Potřebujeme spojit vrstvu „Odraz“ a vrstvu výplně pod ní do jednoho inteligentního objektu. S vybranou vrstvou „Odraz“ stiskněte a podržte klávesu Shift a klikněte na vrstvu výplně. Tím vyberete obě vrstvy najednou:

Klikněte na ikonu nabídky v pravém horním rohu panelu Vrstvy:

Vyberte možnost Převést na inteligentní objekt:

Obě vrstvy se nyní zobrazí na panelu Vrstvy jako jeden Inteligentní objekt s názvem „Odraz“:

Stáhněte si tento výukový program ve formátu PDF připraveném k tisku!

Krok 18. „Odraz“: Vytvoření nového dokumentu stejné velikosti

Aby odraz vypadal spíše jako voda, přidáme do něj vlnky pomocí mapy posunutí. Mapa posunutí musí být samostatný dokument Photoshopu a musí mít stejnou velikost jako náš aktuální dokument. Ujistěte se, že je na panelu Vrstvy vybrán inteligentní objekt „Odraz“, a poté přejděte do nabídky Vybrat a vyberte možnost Vše. Tím se kolem celého obrázku vytvoří obrys výběru:

Go up to the Edit menu and choose Copy to copy the image to the clipboard:

To create the new document, go up to the File menu and choose New:

This opens the New Document dialog box. Since we copied our image to the clipboard, Photoshop automatically sets the Width, Height and Resolution of the new document to the same values as the original document. Click Create (Photoshop CC) or OK (CS6) to create the document:

Step 19: Add Noise

The first thing we’ll do with our displacement map is add some noise. In the new document, go up to the Filter menu, choose Noise, and then choose Add Noise:

In the Add Noise dialog box, set the Amount to 400%, and then choose Gaussian and Monochromatic at the bottom. Click OK to close the dialog box. Photoshop fills the document with noise (little black and white dots):

Step 20: Add Blur To Soften The Noise

Soften the noise using the Gaussian Blur filter. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur:

In the Gaussian Blur dialog box, set the Radius value to 2 pixels and then click OK:

Step 21: Apply „Emboss“ To The Red Channel

Open the Channels panel by clicking its tab next to the Layers panel:

Click on the Red channel to select it:

Go up to the Filter menu, choose Stylize, and then choose Emboss:

In the Emboss dialog box, set the Angle to 90°, the Height to 1 pixel and the Amount to 500%. Click OK:

Step 22: Apply „Emboss“ To The Green Channel

Click on the Green channel to select it:

Go back up to the Filter menu, choose Stylize, and once again choose Emboss. Výšku ponechte nastavenou na 1 pixel a množství na 500 %, ale úhel změňte na 180°. Klikněte na tlačítko OK:

Krok 23: Vyberte kanál RGB a znovu otevřete panel vrstev

Kliknutím na kanál RGB v horní části jej vyberte. Tím opět zapnete všechny tři barevné kanály (červený, zelený a modrý):

Poté se přepněte zpět na panel Vrstvy kliknutím na jeho kartu:

Krok 24: Odemknutí vrstvy Pozadí

Potřebujeme odemknout vrstvu Pozadí, abychom ji mohli přetvořit. Ve Photoshopu CC stačí kliknout na ikonu zámku. V aplikaci Photoshop CS6 stiskněte a podržte klávesu Alt (Win) / Option (Mac) a dvakrát klikněte na vrstvu Pozadí. Tím se vrstva přejmenuje na „Vrstva 0“ a ikona zámku zmizí:

Krok 25. Odemknutí vrstvy Pozadí: Oddálení od dokumentu

Za chvíli budeme obrázek přetvářet, ale k tomu budeme potřebovat hodně místa. Stiskněte a podržte klávesu Ctrl (Win) / Command (Mac) na klávesnici a opakovaně stiskněte klávesu minus (-), abyste obrázek daleko oddálili od dokumentu, dokud se uprostřed nezobrazí velmi malý:

Krok 26: Transformace perspektivy obrázku

Přejděte do nabídky Úpravy, vyberte možnost Transformace a poté vyberte možnost Perspektiva:

Klikněte na úchyt v levém nebo pravém dolním rohu a přetáhněte jej daleko od obrázku. Čím dále budete táhnout, tím větší efekt perspektivy vytvoříte:

Není zde žádná konkrétní hodnota, kterou bychom měli použít, ale pokud se podíváme do mého panelu možností, vidíme, že jsem přetáhl hodnotu Šířka (W) na přibližně 3000 %. Stisknutím klávesy Enter (Win) / Return (Mac) na klávesnici přijmete transformaci:

Krok 27: Přiblížení dokumentu

Chcete-li obrázek opět přiblížit, opět stiskněte a podržte klávesu Ctrl (Win) / Command (Mac) na klávesnici a tentokrát opakovaně stiskněte znak plus (+). At this closer view, we can see the perspective effect we’ve created, and the image looks a lot like water ripples gradually moving further off into the distance:

Step 28: Crop The Image

To keep the file size small and avoid any problems when we go to save it as a displacement map, crop away the hidden pixels on the sides. Go up to the Select menu and choose All. A selection outline appears around the image:

Go up to the Image menu and choose Crop. It won’t look like anything has happened, but all of the hidden areas on the sides are now cropped away:

To remove the selection outline, go back up to the Select menu and choose Deselect:

Related: Jak oříznout obrázky ve Photoshopu CC

Krok 29: Škálování výšky obrázku

Nakonec, protože mapa posunutí musí ovlivnit pouze odraz vody ve spodní polovině dokumentu, škálujme výšku obrázku. Tím také ještě více zvýšíme efekt perspektivy. Přejděte do nabídky Úpravy a vyberte volnou transformaci:

Klikněte na horní úchyt a přetáhněte jej dolů do středu dokumentu. Jakmile se přiblížíte ke středu, měla by se přichytit na místo. Stisknutím klávesy Enter (Win) / Return (Mac) na klávesnici ji přijmete:

Krok 30: Uložení mapy posunutí jako souboru Photoshop .PSD

Mapu posunutí jsme vytvořili a jsme připraveni ji uložit. Přejděte do nabídky Soubor a zvolte Uložit jako:

V dialogovém okně Uložit jako pojmenujte soubor „displacement-map“ a uložte jej na Plochu nebo jiné místo, kde jej snadno najdete. Ujistěte se, že je Formát nastaven na Photoshop, aby byl soubor uložen jako soubor .PSD, a poté klepněte na tlačítko Uložit. Pokud se aplikace Photoshop zeptá, zda chcete pro soubor zapnout funkci maximalizace kompatibility, klikněte na tlačítko OK:

Krok 31: Přepnutí na hlavní dokument

Přepněte zpět na dokument s odrazem vody kliknutím na jeho kartu:

Pokud kolem obrázku stále vidíte obrys výběru z doby, kdy jsme ho kopírovali, přejděte do nabídky Výběr a vyberte možnost Zrušit výběr:

Krok 32: Použijte filtr posunutí

Použijte mapu posunutí na odraz vody. S vybraným inteligentním objektem „Odraz“ na panelu Vrstvy přejděte do nabídky Filtr, vyberte možnost Zkreslit a poté vyberte možnost Přemístit:

Tím otevřete dialogové okno Přemístit. V horní části jsou možnosti Vodorovné měřítko a Svislé měřítko. Tyto dvě možnosti řídí, jak moc bude mapa posunutí ohýbat, deformovat a přetvářet obrázek. Horizontální měřítko řídí šířku zkreslení a Vertikální měřítko výšku. Chcete-li vytvořit vodní vlnky, obecně dosáhnete lepších výsledků použitím nízké hodnoty Vodorovné měřítko a vyšší hodnoty Svislé měřítko. Přesné hodnoty, které budete potřebovat, budou záviset hlavně na velikosti obrázku, ale také na objektu, takže budete chtít experimentovat.

V mém případě nastavím hodnotu Vodorovné měřítko na 10 a hodnotu Svislé měřítko na 80. V případě, že budete chtít nastavit hodnotu Vodorovné měřítko, nastavte hodnotu Vodorovné měřítko na 10. Mapu posunutí ponechte nastavenou na možnost Roztáhnout na míru a nedefinované oblasti na možnost Opakovat okrajové pixely a klikněte na tlačítko OK:

Vyberte mapu posunutí z místa, kde jste ji uložili, a klikněte na tlačítko Otevřít:

Fotoshop aplikuje mapu posunutí na odraz vody a u tohoto obrázku mnou zvolené nastavení vytváří pěkný, jemný efekt vlnění:

Krok 33: Experimentování s nastavením posunutí

Na panelu Vrstvy se filtr Posunutí zobrazí jako Inteligentní filtr pod Inteligentním objektem „Odraz“. Chcete-li vyzkoušet různé hodnoty Vodorovného a Svislého měřítka, dvakrát klikněte na slovo „Displace“ a znovu otevřete dialogové okno:

Tentokrát nechám Vodorovné měřítko nastavené na 10, ale Svislé měřítko zvýším na 120. Všimněte si, že pracuji s poměrně velkým obrázkem. Menší obrázky budou obecně potřebovat menší hodnoty, aby dosáhly stejných výsledků:

Klepnutím na OK zavřete dialogové okno. Photoshop vás požádá, abyste znovu vybrali mapu posunutí. A zde vidíme, že tentokrát vyšší hodnota Vertikálního měřítka vytváří silnější a zřetelnější vodní vlny:

Krok 34: Roztáhněte inteligentní objekt „Odraz“ směrem nahoru

Podíváme-li se podél horní části vodního odrazu, kde se oba snímky setkávají, vidíme modré artefakty způsobené mapou posunutí:

Chcete-li je vyčistit, ujistěte se, že je na panelu Vrstvy vybrán inteligentní objekt „Odraz“, a poté přejděte do nabídky Úpravy a zvolte volnou transformaci:

Fotoshop vás upozorní, že všechny použité inteligentní filtry budou v režimu transformace vypnuty. Klikněte na tlačítko OK:

Klikněte na horní úchyt a tažením mírně nahoru roztáhněte obrázek odrazu vody, dokud se modré artefakty neskryjí za hlavním obrázkem. Po dokončení stiskněte na klávesnici Enter (Win) / Return (Mac):

Krok 35: Oříznutí obrázku

Můžete si také všimnout některých problémových oblastí podél samé spodní části vodního odrazu, opět způsobených mapou posunutí. Nebo budete chtít některé části odrazu prostě oříznout. V obou případech vyberte na panelu nástrojů nástroj Oříznout:

Fotoshop umístí kolem obrázku ořezový rámeček. Klikněte na spodní úchyt a tažením nahoru ořízněte spodní část odrazu. Press Enter (Win) / Return (Mac) when you’re done to crop the image:

Step 36: Add A Shadow Along The Shoreline

Finally, to complete the water reflection effect, add a shadow along the shoreline to give it some depth, as if the ground slopes into the water. Select the „Photo“ layer in the Layers panel:

Add a new layer above it by clicking the New Layer icon:

Select the Rectangular Marquee Tool from the Toolbar:

Drag out a rectangular selection around the shoreline:

Fill the selection with black by going up to the Edit menu and choosing Fill:

In the Fill dialog box, set Contents to Black and then click OK:

The selection is now filled with black:

Remove the selection outline by going up to the Select menu and choosing Deselect:

Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:

In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. Pro větší obrázek se dobře hodí hodnota mezi 30-40 pixely. U menších obrázků zkuste 15-20 pixelů. Klepnutím na tlačítko OK zavřete dialogové okno:

Tady je výsledek po změkčení okrajů:

Nakonec snižte krytí stínu, aby splynul s obrázkem. Možnost Krytí najdete v pravém horním rohu panelu Vrstvy. Já svůj snížím na 50 %:

A tím máme hotovo! Zde je můj konečný efekt odrazu vody po vyblednutí stínu do pobřeží:

A je to! To je návod, jak přidat do obrázku realistický odraz vody pomocí aplikace Photoshop! Chcete-li tento efekt posunout ještě dál, zkuste do obrázku přidat déšť a poté přidat duhu! Navštivte naši sekci Fotoefekty, kde najdete další návody na efekty ve Photoshopu!