Photoshop efekt odrazu vody

Napsal Steve Patterson.

V tomto tutoriálu Photoshopu se naučíme, jak snadno přidat realistický odraz vody na jakoukoli fotografii. Je to velmi snadné vytvořit efekt a můžete jej přidat na jakoukoli fotografii, kterou chcete, i když to obvykle funguje nejlépe s obrázky, které ještě neobsahují vodu. K vytvoření efektu zvlnění vody použijeme jednoduchý filtr a mapu přemístění a vrstvu pro úpravu odstínu/sytosti, abychom dali naší vodě trochu barvy.



Poznámka k verzi: Tento tutoriál byl napsán pro Photoshop CS5 a starší. Uživatelé Photoshop CC a CS6 se budou chtít podívat na naši zbrusu novou Efekt odrazu vody tutorial.

Zde je fotografie, se kterou budu pracovat v průběhu tohoto tutoriálu:





  Původní fotka. Původní obrázek.

A takto bude náš obrázek vypadat po přidání vodního odrazu:

  Konečný výsledek. Konečný výsledek.

Tento návod je od nás Fotografické efekty série. Začněme!



Krok 1: Duplikujte vrstvu pozadí

S naším obrázkem nově otevřeným ve Photoshopu vidíme v paletě Vrstvy, že aktuálně máme jednu vrstvu, vrstvu Pozadí, která obsahuje náš obrázek:

  Photoshop's Layers palette showing the original image on the Background layer. Původní obrázek ve vrstvě Pozadí v paletě Vrstvy.

Potřebujeme duplikovat vrstvu pozadí a to můžeme udělat pomocí klávesové zkratky Ctrl+J (Výhra) / Command+J (Mac). Když se nyní podívám do své palety Vrstvy, vidím, že mám nyní dvě vrstvy – svou původní vrstvu Pozadí na dně a novou vrstvu „Vrstva 1“ nad ní, což je můj duplikát:



  Paleta Vrstvy nyní zobrazuje duplicitní vrstvu pozadí nad originálem. Stisknutím 'Ctrl+J' (Win) / 'Command+J' (Mac) duplikujete vrstvu pozadí.

Krok 2: Přidejte více místa na plátně do spodní části dokumentu

Pod obrázek přidáme náš vodní odraz, takže do spodní části našeho dokumentu přidáme nějaký prostor na plátně, abychom vytvořili prostor pro náš odraz. Chcete-li to provést, přejděte nahoru na obraz v horní části obrazovky a vyberte Velikost plátna . Tím se zobrazí dialogové okno Photoshopu 'Velikost plátna'. Nejjednodušší věc, kterou můžete udělat, je přidat dvakrát více místa na plátně, než máme aktuálně, ale chceme, aby se to objevilo pouze ve spodní části dokumentu, ne nad ním nebo na žádné straně, takže musíme Photoshopu přesně říct, kde chceme, aby tento extra prostor na plátně šel.

Nejprve zadejte 100 pro Výška a nastavte měření na procento , jak je níže zakroužkováno červeně. Ponechte volbu Šířka nastavenou na 0. Pak se ujistěte, že Relativní je zaškrtnutá možnost, což Photoshopu říká, aby nám poskytl o 100 % více prostoru na plátně, než jaký již máme. Pod možností 'Relativní' je síť čtverců 3x3. Zde říkáme Photoshopu, kam chceme umístit další místo na plátně. Klikněte do čtverce uprostřed horního řádku (opět zakroužkovaný níže). To Photoshopu řekne, aby neumisťoval žádný prostor na plátně navíc nad dokument a místo toho jej umístil celý dolů:

  Photoshop's Canvas Size dialog box. Přidejte více místa na plátně pomocí dialogového okna 'Velikost plátna'.

Kliknutím na OK zavřete dialogové okno a Photoshop přidá další místo na plátně do spodní části obrázku:



  Do spodní části dokumentu byl přidán další prostor na plátně.. X

Výška dokumentu byla nyní zdvojnásobena a do spodní části byl přidán další prostor na plátně.

Krok 3: Překlopte horní vrstvu vertikálně

Abychom vytvořili náš odraz, musíme náš obrázek převrátit vzhůru nohama, tak to udělejme. S horní vrstvou vybranou v paletě Vrstvy přejděte nahoru na Upravit v horní části obrazovky vyberte Přeměnit a poté vyberte Převrátit svisle . Photoshop převrátí obrázek v dokumentu vzhůru nohama:

  Vertikální převrácení obrázku v horní vrstvě. Přejděte na Úpravy > Transformace > Převrátit svisle a otočte obrázek v horní vrstvě vzhůru nohama.

Krok 4: Přetáhněte převrácený obrázek do spodní části dokumentu

Potřebujeme, aby byl převrácený obrázek ve spodní části dokumentu, takže si ho vezměte Nástroj pro přesun z palety Nástroje nebo stiskněte V na klávesnici pro zkratku:



  Výběr nástroje Přesunout z palety Nástroje ve Photoshopu. Vyberte nástroj pro přesun.

Poté s vybraným nástrojem Přesunout klikněte do dokumentu a přetáhněte převrácený obrázek dolů, dokud nebude horní část zarovnána se spodní částí původního obrázku nad ním. Udržet si Posun při tažení, abyste se ujistili, že táhnete dolů v přímé linii:

  Obrázek je nyní převrácen a posunut pod originál. Přetáhněte převrácený obrázek dolů pod originál.

Krok 5: Přidat novou prázdnou vrstvu

Nyní, když máme náš převrácený obrázek na místě, můžeme začít vytvářet náš efekt zvlnění vody. Nejprve musíme přidat novou prázdnou vrstvu do horní části palety Vrstvy, takže se stále vybranou vrstvou „Vrstva 1“ klikněte na Nová vrstva ikona v dolní části palety Vrstvy:



  Klepnutím na ikonu Nová vrstva ve spodní části palety Vrstvy ve Photoshopu. Přidejte do dokumentu novou prázdnou vrstvu.

Krok 6: Vyplňte novou vrstvu bílou

Novou prázdnou vrstvu vyplníme bílou. Pokud bílá není aktuálně vaší barvou pozadí, stiskněte D na klávesnici, čímž se resetují barvy popředí a pozadí Photoshopu, takže černá bude barvou popředí a bílá barva pozadí. Poté použijte klávesovou zkratku Ctrl+Backspace (Výhra) / Command+Delete (Mac) a vyplňte novou vrstvu barvou pozadí (bílá). Váš dokument bude vyplněn bílou barvou.

  Obrázek je nyní zcela vyplněn bílou barvou. Celý obrázek je nyní vyplněn bílou barvou.

Krok 7: Použijte filtr 'Polotónový vzor' pro vytvoření černobílých vodorovných čar

Jděte nahoru k Filtr v horní části obrazovky vyberte Skica a poté vyberte Polotónový vzor . Tím se zobrazí Galerie filtrů Photoshopu (ve Photoshopu CS a vyšších) nastavená na možnosti filtru 'Polotónový vzor' vpravo, s velkým náhledem efektu vlevo. Tento filtr použijeme k přidání řady černých a bílých vodorovných čar do obrázku. Tyto čáry se stanou našimi vodními vlnkami. Čím více linek budeme mít, tím více vlnek budeme mít.



Nejprve se chceme ujistit, že vytváříme čáry a ne tečky nebo kruhy, takže nastavte druh vzoru možnost Čáry . Počet řádků řídíme úpravou Velikost volba. Nižší hodnoty nám poskytnou více řádků, protože zmenšujeme velikost každého řádku, a vyšší hodnoty nám poskytnou méně, ale silnější řádky. Nastavím hodnotu Velikost na 7, což si myslím, že pro můj obrázek funguje nejlépe. Možná budete chtít experimentovat s touto hodnotou sami. The Kontrast možnost pod ním určuje, jak ostré jsou okraje čar. Nižší hodnoty vám poskytnou měkčí čáry, bílé vyšší hodnoty vám poskytnou čáry s ostrými okraji. Tuto hodnotu nastavte až na padesáti aby vaše linie byly ostré. Za chvíli je sami zjemníme filtrem Gaussian Blur:

  Možnosti vzoru polotónů. Upravte možnosti filtru Vzorek polotónů tak, aby se obrazem vytvořila řada černých a bílých čar.

Až budete hotovi, klikněte na OK, abyste opustili dialogové okno a Photoshop vyplní obrázek shora dolů vašimi černobílými čarami:

  Obrázek je nyní vyplněn shora dolů černobílými čarami. Obrázek je nyní vyplněn černobílými vodorovnými čarami.

Krok 8: Aplikujte na čáry filtr „Gaussovské rozostření“.

Než budeme moci použít naše černé a bílé čáry jako vodní vlnky, musíme je vyhladit a vytvořit mezi nimi pěkné, hladké přechody. Chcete-li to provést, přejděte nahoru na Filtr menu ještě jednou, vyberte si Rozmazat a poté vyberte Gaussovské rozostření , který vyvolá dialogové okno 'Gaussovské rozostření'. Sledujte svůj obrázek a přetažením posuvníku v dolní části dialogového okna zvyšte hodnotu Poloměr hodnotu, dokud nebudou mít čáry velmi měkký okraj. Pro tento tutoriál používám malý obrázek, takže pro mě dobře funguje hodnota poloměru asi 4 pixely. Pokud používáte větší obrázek s vysokým rozlišením, budete muset ten svůj nastavit na vyšší hodnotu:

  Úprava hodnoty Poloměr v dialogovém okně Gaussian Blur. Pomocí filtru Gaussian Blur vyhlaďte okraje čar.

Klepnutím na OK opustíte dialogové okno a použijete rozostření na čáry.

Krok 9: Duplikujte vrstvu čar jako nový dokument

Z naší vrstvy čar vytvoříme zbrusu nový dokument, který pak použijeme jako naši mapu přemístění pro naše vodní vlnky. S vybranou vrstvou čar přejděte nahoru na Vrstva v horní části obrazovky a vyberte Duplikovat vrstvu , který vyvolá dialogové okno 'Duplikovat vrstvu'. V možnostech 'Cíl' klikněte na šipku směřující dolů vpravo od Dokument možnost a nastavte ji na Nový , který vytvoří nový dokument Photoshopu z naší vrstvy:

  Dialogové okno Duplikovat vrstvu ve Photoshopu. Nastavte volbu 'Dokument' v dialogovém okně 'Duplikovat vrstvu' na 'Nová'.

Klepnutím na OK opustíte dialogové okno a vaše vrstva se otevře v novém dokumentu na obrazovce.

Krok 10: Uložte nový dokument a zavřete jej

Tento nový dokument, který jsme vytvořili, se stane naší mapou přemístění, ale než ho budeme moci použít, musíme ho uložit. Po uložení jej také zavřeme, protože jej již nebudeme potřebovat otevřít, a nejsnazší způsob, jak provést oba tyto úkoly, je jednoduše zavřít dokument. Když se jej pokusíte zavřít, Photoshop to udělá jako vy, pokud chcete dokument před zavřením uložit. Klikněte Ano :

  Volba uložení dokumentu před jeho zavřením. Když se Photoshop zeptá, zda chcete dokument před zavřením uložit, zvolte 'Ano'.

Photoshop vyvolá Uložit jako dialogové okno. Svůj nový dokument můžete pojmenovat jakkoli chcete. Budu pojmenovávat své 'vodní vlnky'. Ujistěte se, že jste jej uložili jako soubor Photoshop .PSD, protože to jsou jediné soubory, které Photoshop může použít jako mapu přemístění. Pravděpodobně budete chtít uložit dokument na plochu, protože jej budeme muset za chvíli znovu najít.

Krok 11: Odstraňte vrstvu čar

Nyní, když jsme použili naše černé a bílé čáry k vytvoření souboru, který budeme používat jako naši mapu přemístění, můžeme se toho zbavit. Chcete-li to provést, jednoduše na něj klikněte a přetáhněte jej dolů na ikonu koše ve spodní části palety Vrstvy:

  Přetažením vrstvy čar do koše ji odstraníte. Klepnutím a přetažením vrstvy čar ('Vrstva 2') do koše ve spodní části palety Vrstvy ji odstraníte.

Krok 12: Sloučit dvě vrstvy do nové vrstvy

Než budeme moci přidat naši mapu přemístění, musíme sloučit naše dvě obrazové vrstvy do nové vrstvy nad nimi. Chcete-li to provést, s vybranou vrstvou 1, použijte klávesovou zkratku Shift+Ctrl+Alt+E (Výhra) / Shift+Command+Option+E (Mac). Zdá se, že se v dokumentu nic nestalo, ale když se podíváme na paletu Vrstvy, můžeme vidět, že obě vrstvy byly sloučeny do nové vrstvy nahoře:

  Sloučení obou vrstev do nové vrstvy v paletě Vrstvy. Obě vrstvy jsou nyní sloučeny do nové vrstvy 'Vrstva 2'.

Krok 13: K vytvoření vlnění vody použijte filtr 'Vysunout'.

Jsme připraveni vytvořit naše vodní vlny pomocí mapy přemístění, kterou jsme právě vytvořili. S novou sloučenou vrstvou vybranou v paletě Vrstvy přejděte zpět nahoru Filtr v horní části obrazovky vyberte Deformovat a pak si vyberte Přemístit .

Tím se otevře dialogové okno filtru Photoshopu 'Přemístit'. Zde určujeme sílu našeho vlnového efektu a děláme to pomocí Horizontální měřítko možnost nahoře. Nastavím svůj na hodnotu 4, což mi poskytne realistický efekt zvlnění. Možná budete chtít experimentovat s touto hodnotou se svým vlastním obrázkem. Nastavení příliš vysoko však vytvoří příliš velké horizontální zkreslení a ztratíte realismus.

K vytvoření našeho efektu nepotřebujeme žádné vertikální zkreslení, takže nastavte Vertikální měřítko možnost 0 . Ujistěte se také Stretch To Fit a Opakování okrajových pixelů jsou vybrány:

  Filtr Displace ve Photoshopu. Přejděte na Filtr > Deformovat > Přemístit a vyvolejte dialogové okno Přemístit.

Klikněte na OK v pravém horním rohu dialogového okna a Photoshop se vás zeptá, který soubor chcete použít jako mapu přemístění. Vyberte soubor, který jste před chvílí uložili a který jsem si uložil na plochu jako „water-ripples.PSD“, a klikněte na Otevřít. Photoshop poté použije mapu posunutí na celý obrázek a vytvoří naše vodní vlnky:

  Obrázek po použití filtru Displace. Obrázek po aplikaci naší mapy přemístění s filtrem 'Přemístit'.

Krok 14: Skrýt Vlnky Na Vrcholu S Vrstevnou Maskou

V tuto chvíli máme samozřejmě menší problém. Přidali jsme náš efekt zvlnění vody do celého obrázku a chtěli jsme jej pouze ve spodní polovině. Můžeme to snadno opravit pomocí masky vrstvy. První, Klepněte se stisknutou klávesou Ctrl (Výhra) / Command-klikněte (Mac) přímo na miniaturu pro 'Vrstva 1' v paletě Vrstvy, abyste umístili výběr kolem převráceného obrázku ve spodní části dokumentu:

  Klepněte pravým tlačítkem (Win) / klepněte se stisknutou klávesou Ctrl (Mac) na miniaturu vrstvy 1. „Klepnutím pravým tlačítkem“ (Win) / „Ctrl-kliknutím“ (Mac) přímo na miniaturu vrstvy 1 v paletě Vrstvy umístíte výběr kolem převráceného obrázku.

Kolem spodní poloviny obrázku v dokumentu se zobrazí výběr. Nyní, se sloučenou vrstvou stále vybranou, klikněte na Vrstva masky ikona v dolní části palety Vrstvy:

  Kliknutím na'Layer Mask' icon. Kliknutím na ikonu 'Maska vrstvy' přidáte masku vrstvy do sloučené vrstvy v horní části palety Vrstvy.

Photoshop přidá do sloučené vrstvy masku vrstvy, a protože jsme měli výběr kolem spodní poloviny našeho dokumentu, když jsme přidali masku vrstvy, zůstane viditelná pouze spodní polovina sloučené vrstvy. Horní polovina se skryje a odstraní nežádoucí vlnky vody z této části obrazu:

  Efekt zvlnění v horní polovině obrázku je nyní po použití masky vrstvy skrytý. Efekt zvlnění je nyní po použití masky vrstvy skrytý v horní polovině obrázku.

Krok 15: Na masku vrstvy naneste filtr 'Gaussovské rozostření'.

Než přidáme konečnou úpravu obarvením vody, trochu změkčme okraj masky vrstvy, aby mezi obrázkem nahoře a vodou pod ním nebyla tak ostrá dělicí čára. Použijeme k tomu filtr Gaussian Blur a jelikož jej chceme aplikovat na masku vrstvy, bude potřeba masku nejprve vybrat. Můžeme to udělat kliknutím na miniaturu masky vrstvy v paletě Vrstvy:

  Klepnutím na miniaturu masky vrstvy v paletě Vrstvy ve Photoshopu. Výukové programy Adobe Photoshop: Klepnutím na miniaturu masky vrstvy v paletě Vrstvy vyberte masku vrstvy.

Že je maska ​​vrstvy nyní vybrána, poznáte podle bílého rámečku zvýraznění kolem její miniatury. Na masku použijeme filtr Gaussian Blur, takže se vraťte nahoru k Filtr menu, vyberte Rozmazat ještě jednou a poté vyberte Gaussovské rozostření . Když se objeví dialogové okno, jednoduše klikněte na OK a použijte stejnou hodnotu poloměru, jakou jsme použili dříve.

Krok 16: Barvení vody pomocí vrstvy pro úpravu odstínu/sytosti

Dokončíme to tím, že do naší vody přidáme jen náznak modré a použijeme k tomu vrstvu pro úpravu odstínu/sytosti. Chceme, aby vrstva úprav ovlivňovala pouze spodní polovinu obrázku, kde jsou vlnky vody, takže ji podržte Všechno (Výhra) / Volba (Mac), klikněte na Nová vrstva úprav ikonu v dolní části palety Vrstvy a poté vyberte Odstín/sytost ze seznamu vrstev úprav:

  Výběr vrstvy úprav odstínu/sytosti. Podržte 'Alt' (Win) / 'Option' (Mac), klikněte na ikonu 'New Adjustment Layer' a poté přetáhněte myš na 'Hue/Saturation' a vyberte ji.

Podržením 'Alt/Option' to Photoshopu řekne, aby vyvolal Nová vrstva dialogové okno před přidáním vrstvy úprav. Vybrat Použít předchozí vrstvu k vytvoření ořezové masky kliknutím do zaškrtávacího políčka nalevo od něj:

  Dialogové okno Nová vrstva ve Photoshopu. Vyberte možnost 'Použít předchozí vrstvu k vytvoření ořezové masky' v dialogovém okně 'Nová vrstva'.

Tato možnost říká Photoshopu, že chceme, aby vrstva úprav ovlivňovala pouze vrstvu přímo pod ní v paletě Vrstvy, a protože vrstva pod ní je vrstvou obsahující naše vodní vlnky , budou obarveny pouze vodní vlnky, což je to, co chceme. . Klepnutím na tlačítko OK zavřete dialogové okno.

Zobrazí se dialogové okno Odstín/sytost. Chceme obarvit naši vodu, takže první věc, kterou zde chceme udělat, je vybrat Vybarvit možnost v pravém dolním rohu. Poté přetažením vyberte barvu, kterou chcete, aby vaše voda měla Odstín posuvník v horní části. Přetáhnu jezdec doprava na hodnotu asi 218, což je podle mě dobrá barva pro mou vodu:

  Photoshop's Hue/Saturation dialog box. K obarvení vody použijte dialogové okno Odstín/sytost.

Kliknutím na OK zavřete dialogové okno a uvidíte, že vaše voda na dně je nyní zbarvená, ale barva je v tuto chvíli příliš silná.

Krok 17: Snižte neprůhlednost vrstvy odstínu/sytosti

Chcete-li snížit intenzitu barvy, kterou jsme právě přidali do vody, vše, co musíme udělat, je jít nahoru Neprůhlednost v pravém horním rohu palety Vrstvy a snižte hodnotu krytí. Snížím minu až na 25 %, což dodá vodě mnohem realističtější množství barvy:

  Snížení krytí vrstvy úprav. Snižte krytí vrstvy úprav, dokud voda nebude mít pouze barevný nádech.

Jakmile snížíte krytí vrstvy úprav, abyste snížili intenzitu barvy vody, máte hotovo! Zde je můj konečný výsledek „odrazu vody“:

  Výsledný efekt. Výsledný efekt.

Jen pro zajímavost, zde je další příklad úplně stejného efektu aplikovaného na jiný obrázek. Jediné, co jsem zde změnil, bylo to, že jsem pod původní obrázek přidal pouze polovinu místa na plátně (hodnotu „Výška“ v dialogovém okně Velikost plátna jsem nastavil na 50 % místo 100 %). Všechno ostatní bylo provedeno přesně stejným způsobem:

  Druhý příklad. Další příklad obrázku využívajícího stejný efekt.