Efekt digitálních pixelů ve Photoshopu

V tomto výukovém kurzu efektů Photoshopu se naučíme vytvořit efekt „digitálních pixelů“, který se často používá v reklamách prodávajících cokoli, co souvisí s digitálními technologiemi. Nejprve pomocí velmi jednoduchého filtru rozpixelujeme celý náš obrázek a poté budeme experimentovat s maskou vrstvy, nastavením krytí a některými režimy prolnutí vrstev, abychom vytvořili různé variace našeho efektu. Na konci kurzu dokonce uvidíme, jak něco tak jednoduchého, jako je změna režimu prolnutí vrstvy, může vytvořit zcela nový efekt!“

Tady je původní obrázek, se kterým budu začínat:

Jak jsem řekl, budeme se zabývat několika různými variantami efektu. Tady je první, ke kterému se dopracujeme:

Tady je druhý:

A jen jako příklad toho, jak snadno můžeme vytvořit zdánlivě zcela odlišný efekt pouhou změnou režimu prolnutí vrstvy, zakončíme tímto:

Tento výukový kurz je ze série Fotoefekty. Začněme!

Krok 1: Duplikujte vrstvu Pozadí

První věc, kterou musím pro tento efekt udělat, je duplikovat vrstvu Pozadí. Když mám obrázek otevřený ve Photoshopu, vidím na paletě Vrstvy, že mám v současné době pouze jednu vrstvu, vrstvu Pozadí, která obsahuje můj obrázek:

Zduplikuji tuto vrstvu pomocí klávesové zkratky Ctrl+J (Win) / Command+J (Mac) a nyní vidím na paletě Vrstvy, že mám dvě vrstvy, přičemž kopie vrstvy Pozadí je nad původní. Photoshop ji pojmenoval „Vrstva 1“:

Krok 2: Pixelizace duplikované vrstvy

Dále musíme novou vrstvu pixelizovat, což můžeme provést tak, že přejdeme do nabídky Filtr v horní části obrazovky, vybereme možnost Pixelizace a poté možnost Mozaika. Tím se zobrazí dialogové okno filtru „Mozaika“. Přetažením posuvníku ve spodní části změníme možnost Velikost buňky, čímž se zvýší nebo sníží počet a velikost pixelů, které se z obrázku vytvoří. Přetažením doprava se vytvoří méně, ale větších pixelů, zatímco přetažením doleva se vytvoří více, ale menších pixelů. Nastavím Velikost buňky na hodnotu přibližně 18:

Klepnutím na OK opustíte dialogové okno. Zde je můj obrázek po použití filtru „Mozaika“:

Teď, když jsme obrázek pixelizovali, můžeme s ním udělat několik různých věcí, na které se podíváme příště.

Krok 3: Přidání masky vrstvy

Na tomto místě přidám k pixelizované vrstvě masku vrstvy. Za tím účelem s vybranou „vrstvou 1“ kliknu na ikonu Masky vrstvy ve spodní části palety Vrstvy:

Tím se k „Vrstvě 1“ přidá maska vrstvy, a když se podíváme do palety Vrstvy, vidíme, že se také přidá miniatura masky vrstvy napravo od miniatury obsahu vrstvy:

To, že je aktuálně vybrána maska vrstvy, nikoli obsah vrstvy, poznáme také podle bílého zvýrazněného okraje, který se objeví kolem miniatury masky vrstvy.

Krok 4: Výběr nástroje Gradient

Masku vrstvy použijeme k prolnutí původního obrázku ve vrstvě Pozadí a rozpixelovaného obrázku ve „vrstvě 1“, k čemuž potřebujeme nástroj Gradient, takže jej buď vyberte z palety Nástroje, nebo stiskněte G na klávesnici:

Krok 5: V případě potřeby obnovte barvy popředí a pozadí

Jako barvu popředí chceme černou a jako barvu pozadí bílou. Normálně jsou to výchozí barvy popředí a pozadí Photoshopu, kromě případů, kdy máme vybranou masku vrstvy, což v současné době máme. Kdykoli máme vybranou masku vrstvy, výchozí barvy se prohodí, přičemž bílá se stane výchozí barvou popředí a černá výchozí barvou pozadí. Chceme-li rychle nastavit barvu popředí na černou a barvu pozadí na bílou (nezapomeňte, že máme vybranou masku vrstvy), stiskněte na klávesnici klávesu D, čímž obnovíte jejich výchozí hodnoty, a poté je stisknutím klávesy X prohodíte. V paletě Nástroje uvidíte, že vzorník barev popředí nyní zobrazuje černou barvu a vzorník barev pozadí nyní zobrazuje bílou barvu:

Krok 6: Výběr přechodu „z popředí na pozadí“

Po výběru nástroje Gradient a nastavení našich barev popředí a pozadí na černou a bílou se podívejte nahoru do panelu možností v horní části obrazovky, abyste zjistili, který přechod máte aktuálně vybraný. Pokud je v oblasti náhledu gradientu zobrazen gradient z černé na bílou, máte vše připraveno:

Pokud zobrazuje nějaký jiný gradient, klikněte na malou šipku směřující dolů napravo od oblasti náhledu gradientu. Pod ní se zobrazí nástroj pro výběr gradientu. V levém horním rohu vyberte gradient „Od popředí k pozadí“ a poté jej kliknutím kamkoli mimo nástroj Gradient Picker zavřete:

Krok 7: Přetáhněte přechod z černé na bílou na masku vrstvy

Teď, když máme náš přechod z černé na bílou, můžeme ho použít k prolnutí vrstvy Pozadí a vrstvy s pixely, čímž vytvoříme první variantu efektu. Chci, aby se přechodová oblast mého prolnutí objevila napříč obličejem chlapíka, takže polovina jeho obličeje (a také polovina obrázku) bude pixelovaná a druhá polovina ne. Abych toho dosáhl, kliknu pod jeho pravým okem a pak s přidržením klávesy Shift, abych se ujistil, že táhnu po vodorovné čáře, přetáhnu myš až k levému okraji jeho obličeje:

Oblast mezi místem, kde jsem začal a skončil gradient, se stane přechodovou oblastí mezi pixelovaným obrázkem ve „vrstvě 1“ a původním obrázkem ve vrstvě Pozadí. Když uvolním tlačítko myši, získám svůj přechodový efekt:

Krok 8: Vyplňte masku vrstvy bílou barvou

Podívejme se na další variantu našeho „digitálního pixelového“ efektu. Nejprve musíme odstranit gradient, který jsme před chvílí přidali do masky vrstvy. Mohli bychom to jednoduše zrušit stisknutím kláves Ctrl+Z (Win) / Command+Z (Mac), ale místo toho znovu vyplníme masku vrstvy bílou barvou. To provedeme tak, že s vybranou miniaturou masky vrstvy na paletě Vrstvy a s bílou barvou jako aktuální barvou Pozadí použijeme klávesovou zkratku Ctrl+Backspace (Win) / Command+Delete (Mac) a vyplníme masku vrstvy barvou Pozadí (bílou). Miniatura masky vrstvy bude opět celá bílá a obrázek se nyní bude opět jevit jako zcela rozpixelovaný:

Krok 9: Výběr nástroje Štětec

Vyberte nástroj Štětec z palety Nástroje nebo stiskněte klávesovou zkratku B:

Krok 10: Zvolte nástroj Štětec: Malujte černou barvou, abyste odhalili části obrázku

Pomocí štětce s měkkými okraji a stále s černou barvou jako barvou popředí odhalím hlavní část jeho obličeje tím, že ji jednoduše namaluji nástrojem Štětec. Protože maluji na masku vrstvy, a ne na samotný obrázek, kdekoli budu malovat černou barvou, skryji vrstvu s pixely a odhalím vrstvu Pozadí pod ní. Velikost štětce mohu měnit za chodu pomocí kláves s levou a pravou závorkou na klávesnici a štětec mohu nastavit na měkký okraj podržením klávesy Shift a několikerým stisknutím klávesy s levou závorkou:

Tady je můj obrázek po odhalení hlavních částí obličeje tím, že je přemaluju černou barvou, čímž vytvořím dojem, že se nějak dívá skrz pixely:

Krok 11: Snížení krytí pixelované vrstvy

Původní obrázek nechám částečně prosvítat skrz pixelovaný obrázek, a to mohu udělat jednoduše tak, že přejdu k možnosti Krytí v pravém horním rohu palety Vrstvy a snížím hodnotu krytí. Snížím ji přibližně na 75 %:

Tady je můj obrázek po snížení krytí pixelované vrstvy, čímž vznikne naše druhá varianta efektu:

Krok 12: Experimentování s různými režimy prolnutí pro vrstvu s pixely pro dosažení různých výsledků

Chcete-li vytvořit ještě více variant efektu, experimentujte s různými režimy prolnutí pro vrstvu s pixely tak, že přejdete k možnostem režimu prolnutí v levém horním rohu palety Vrstvy a vyberete různé ze seznamu. Nejprve nastavím Krytí pixelované vrstvy zpět na plných 100 %. Poté změním režim prolnutí vrstvy z „Normální“ na „Ztmavit“:

Tady je efekt, který získám s pixelovanou vrstvou nastavenou na „Ztmavit“:

Zkusíme režim prolnutí Zesvětlit, opět změnou v levém horním rohu palety Vrstvy:

Tady je efekt, který získám s režimem prolnutí „Zesvětlit“:

Abychom vám ukázali, jak moc odlišně může vypadat efekt pouhou změnou režimu prolnutí vrstev, zkusíme ještě jeden. Tentokrát změním režim prolnutí na „Tvrdé míchání“:

Myslím, že budete souhlasit, že efekt nyní vypadá úplně jinak, přestože jsme pouze změnili režim prolnutí:

A je to! To je náš pohled na vytvoření jednoduchého efektu „digitálního pixelu“ a ukázka toho, jak můžeme experimentováním s maskami vrstev a režimy prolnutí ve Photoshopu vytvořit různé variace téhož efektu, a dokonce i zcela nové efekty.

Podívejte se do naší sekce Fotoefekty, kde najdete další návody na efekty Photoshopu!