V tomto tutoriálu Photoshop Effects se naučíme, jak vytvořit ohraničení fotografie „vybledlých pixelů“, přičemž obraz se bude objevovat prostřednictvím náhodně velkých a rozptýlených tvarů čtvercových pixelů, které postupně mizí na pevné barevné pozadí.

Abychom vytvořili efekt, načteme jednu z dalších sad štětců zahrnutých ve Photoshopu a použijeme některé z možností dynamiky štětce k náhodnému změně velikosti a rozptýlení štětce při malování. Začneme bílou jako naší barvou pozadí, ale na konci tutoriálu se naučíme, jak můžeme barvu snadno změnit, včetně toho, jak vzorkovat barvu přímo ze samotného obrázku!

Budu používat Photoshop CS5 pro tento tutoriál, ale jakákoli nedávná verze Photoshopu bude fungovat.

Zde je původní obrázek, se kterým začnu:

Originální fotografie.

A jak to bude vypadat, když skončíme:

Konečný výsledek.

Jak vytvořit rámeček vybledlých pixelů

Krok 1: Duplikujte vrstvu pozadí

S nově otevřenou fotografií ve Photoshopu začněme vytvořením kopie obrázku, abychom mohli originál ponechat nedotčený pro případ, že bychom ho někdy znovu potřebovali. Podíváme-li se na panel Vrstvy, vidíme, že začínáme pouze původní fotografií sedící na vrstvě Pozadí:

Panel Vrstvy zobrazující původní fotografii ve vrstvě Pozadí.

Chcete-li vrstvu rychle duplikovat, stiskněte na klávesnici klávesy Ctrl + J (Win) / Command + J (Mac). Photoshop vytvoří kopii vrstvy, pojmenuje kopii „Vrstva 1“ a umístí ji nad originál:

Kopie fotografie se objeví ve vrstvě 1.

Krok 2: Přidejte bílou jednobarevnou výplňovou vrstvu mezi stávající vrstvy

Kliknutím na vrstvu v panelu Vrstvy vyberte vrstvu Pozadí :

Klepnutím na vrstvu pozadí ji vyberte.

S vybranou vrstvou pozadí klikněte na ikonu Nová výplň nebo úprava vrstvy ve spodní části panelu Vrstvy:

Klepnutím na ikonu Nová výplň nebo vrstva úprav.

Z horní části zobrazeného seznamu vyberte vrstvu výplně plné barvy :

V seznamu vyberte možnost „Jednobarevné“.

Tuto barvu výplně Solid Color použijeme jako barvu pozadí pro náš efekt. Photoshop otevře okno Výběr barvy, abychom si mohli vybrat barvu, kterou chceme. Prozatím vyberte bílou, a to buď kliknutím na bílou v levém horním rohu výběrového pole vlevo, nebo zadáním 255 pro hodnoty R, G a B poblíž spodního středu dialogového okna. Na konci tutoriálu se naučíme, jak můžeme snadno změnit barvu pozadí, ale bílá prozatím udělá:

Vyberte si bílou z nástroje Color Picker.

Až budete hotovi, klepnutím na tlačítko OK ukončíte výběr barvy. Ještě v dokumentu nebudeme moci vidět barvu bílého pozadí, ale pokud se podíváme znovu na panel Vrstvy, uvidíme novou vrstvu výplně Jednobarevná, kterou Photoshop nazval „Barva výplně 1“, sedící mezi Vrstvou 1 a vrstva pozadí:

Photoshop umístí vrstvu výplně Jednobarevná mezi dvě vrstvy obrázku.

Krok 3: Přidejte černou vrstvu masky vrstvy do vrstvy 1

Klepnutím na vrstvu 1 na panelu Vrstvy ji vyberte:

Vyberte vrstvu 1.

Když je vybrána vrstva 1, stiskněte a podržte klávesu Alt (Win) / Option (Mac) na klávesnici a klikněte na ikonu Maska vrstvy ve spodní části panelu Vrstvy:

Podržte Alt (Win) / Option (Mac) a klikněte na ikonu Maska vrstvy.

Přidá se maska ​​vrstvy do vrstvy 1, a protože jsme klikli na ikonu masky vrstvy, přidrželi jsme klávesu Alt (Win) / Option (Mac), Photoshop vyplnil masku vrstvy černou, která zcela skryla fotografii na vrstvě z pohledu. Miniaturu masky vrstvy s černou vrstvou vidíme na vrstvě 1 v panelu Vrstvy:

Na vrstvě 1 se objeví miniatura masky vrstvy, plná černá.

Když je fotografie na vrstvě 1 skrytá, můžeme nyní v dokumentu vidět bílou vrstvu výplně plné barvy:

Nyní je viditelná bílá výplňová vrstva.

Krok 4: Duplikujte vrstvu 1 třikrát

Stiskněte Ctrl + J (Win) / Command + J (Mac) na vaší klávesnici třikrát, abyste vytvořili další tři kopie vrstvy 1. Nebudeme moci vidět nic, co se děje v okně dokumentu, ale až budete hotovi, měli byste mít čtyři kopie fotografie, každá s vlastní maskou vrstvy vyplněné černou vrstvou, sedící nad vrstvou výplně Jednobarevná v panelu Vrstvy:

Nad vrstvou výplně Jednobarevné se zobrazí čtyři kopie fotografie.

Krok 5: Vyberte nástroj štětce

Na panelu Nástroje vyberte nástroj štětce Photoshopu:

Výběr nástroje štětce.

Krok 6: Vložte sadu čtvercových kartáčů

K vytvoření našeho pixelového efektu použijeme jeden z štětců Photoshopu, ale štětec, který potřebujeme, není ve výchozím nastavení načten, takže ho musíme nejprve načíst ručně. S vybraným nástrojem štětce klepněte kdekoli v dokumentu pravým tlačítkem myši (Win) / s klávesou Control (Mac) a rychle otevřete nástroj pro výběr štětců, poté klepněte na malou ikonu šipky v pravém horním rohu:

Klikněte na malou ikonu šipky.

Otevře se nabídka s různými možnostmi, včetně seznamu v dolní části dalších sad štětců, které můžeme načíst. Vyberte sadu Čtvercové štětce :

Ze seznamu vyberte sadu Čtvercové štětce.

Photoshop se zeptá, zda chcete nahradit původní štětce novými. Klepnutím na Připojit uchováte originály a jednoduše za nimi přidáte nové štětce:

Klikněte na „Přidat“ a přidejte nové štětce bez odstranění originálů.

S načtenými novými kartáči procházejte miniaturami kartáčů v nástroji pro výběr štětců, až se dostanete ke čtvercovým kartáčům (které by měly být na samém spodku seznamu). Dvakrát klikněte na čtvercový kartáč o velikosti 24 pixelů a vyberte jej a zavřete z nástroje pro výběr štětce:

Poklepejte na miniaturu čtvercového štětce o velikosti 24 pixelů.

Krok 7: Nastavte štětec velikosti štětce na 100%

Stisknutím klávesy F5 na klávesnici rychle otevřete hlavní panel štětců Photoshopu a poté klikněte přímo na slova Shape Dynamics na levé straně panelu. Ujistěte se, že kliknete na slova samotná, nejen v zaškrtávacím políčku nalevo od slov:

Klikněte přímo na slova Dynamika tvaru na panelu Štětce.

Zvyšte možnost Size Jitter až na 100%, což při malování štětcem vytvoří čtverce náhodně velké velikosti. Ujistěte se, že možnost Minimální průměr je nastavena na 0% a že možnosti Úhlové úhlové a zaoblení jsou také nastaveny na 0% :

Zvyšte velikost Jitter na 100% a ujistěte se, že ostatní možnosti jsou nastaveny na 0%.

Krok 8: Přidání rozptylu do štětce

Klikněte přímo na slovo Rozptyl pod dynamikou tvaru na levé straně panelu Štětce. Znovu ujistěte se, že kliknete na slovo samotné, nikoli uvnitř zaškrtávacího pole:

Na levé straně panelu Štětce vyberte možnost Rozptyl.

Zvyšte hodnotu Scatteru přibližně na 700%, což rozptýlí čtverce při malování. Zaškrtněte políčko Obě osy kliknutím do jeho zaškrtávacího políčka, pak se ujistěte, že je možnost Počet nastavena na 1 a Počet jitterů je nastaven na 0% . Až budete hotovi, stiskněte znovu klávesu F5 na klávesnici a uzavřete panel štětce:

Možnosti rozptylu.

Krok 9: Vyberte masku horní vrstvy

S naším čtvercovým štětcem připraveným na spuštění klikněte na miniaturu masky horní vrstvy v panelu Vrstvy. Tímto způsobem budeme malovat na samotnou masku vrstvy, ne na fotografii. Okolo miniatury se objeví bílé zvýraznění, které vás upozorní na vybranou masku:

Klikněte na miniaturu masky vrstvy pro horní vrstvu.

Krok 10: Malování na hlavní oblasti fotografie

Zkontrolujte, zda je hodnota krytí pro horní vrstvu nastavena na 100%, což by měla být ve výchozím nastavení:

Hodnota krytí pro vrchní vrstvu by měla být nastavena na 100%.

Než začnete malovat, stiskněte také písmeno D na klávesnici, abyste se rychle ujistili, že barvy popředí a pozadí jsou nastaveny na výchozí hodnoty bílé (barva popředí) a černé (barva pozadí). Photoshop používá barvu popředí jako barvu štětce a chceme si být jisti, že na masku vrstvy namalováme bílou barvou, abychom mohli fotografii během malování odhalit:

Stisknutím klávesy D na klávesnici resetujte barvy popředí a pozadí.

S čtvercovým kartáčem v ruce je krytí vrstvy nastaveno na 100% a vaše barva popředí nastavena na bílou, začnou malovat jen hlavní, důležité oblasti vaší fotografie. Samozřejmě, protože vše, co v tuto chvíli vidíme, je pevné bílé pozadí, budete muset udělat "nejlepší odhad", kde jsou tyto důležité oblasti. Pokud se vám to nepodaří poprvé, stačí stisknout Ctrl + Z (Win) / Command + Z (Mac), abyste zrušili tah štětce, a zkuste to znovu.

Při malování uvidíte fotografii, která se objevuje prostřednictvím řady náhodně roztroušených a roztroušených čtverců a vytváří první fáze našeho pixelového efektu:

Při malování je fotografie odhalena čtverci.

Pokud nejste spokojeni s velikostí čtvercového štětce, stisknutím kláves Ctrl + Z (Win) / Command + Z (Mac) zrušte tah štětce (nebo stiskněte klávesy Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), abyste opakovaně vrátili více tahů štětce), poté změňte velikost štětce pomocí kláves levé a pravé závorky na klávesnici. Pokaždé, když stisknete levé tlačítko závorky ( ( ), změníte štětce o něco menší, zatímco pravá závorka ( ) ) ji zvětší. Jakmile budete spokojeni s velikostí štětce, začněte malovat znovu.

Pokračujte v malování nad hlavními částmi obrázku. Tady je můj dokument. Normálně bych zmenšil velikost štětce o něco menší, než to, co zde používám, což by mi poskytlo menší čtverečky, ale menší čtverečky by bylo obtížné na snímcích vidět, takže kvůli tomuto tutoriálu opouštím štětec nastaven na původní velikost 24 pixelů:

První část efektu je kompletní.

Krok 11: Vyberte masku vrstvy na další vrstvě

Klikněte na miniaturu masky vrstvy přímo pod horní vrstvou. Okolo miniatury se opět objeví bílý rámeček zvýraznění, který vás informuje, že je vybrána maska ​​vrstvy:

Klikněte na miniaturu masky druhé vrstvy shora.

Krok 12: Snižte krytí vrstvy na 70%

Snižte hodnotu krytí této vrstvy na přibližně 70% :

Změňte krytí vrstvy na 70%.

Krok 13: Malování kolem počáteční oblasti odhalení více fotografií

Se sníženou neprůhledností vrstvy můžete malovat kolem počáteční oblasti a zobrazit více fotografie. Protože krytí vrstvy je nastaveno na pouhých 70%, bude tato nová oblast vypadat trochu vybledlá ve srovnání s předchozí oblastí, kterou jsme namalovali:

Nově odhalená oblast se zdá být mírně vybledlá kolem hlavní oblasti.

Krok 14: Vyberte masku další vrstvy

Klikněte na miniaturu masky pro třetí vrstvu shora:

Vyberte masku další vrstvy.

Krok 15: Snižte krytí vrstvy na 35%

Snižte krytí této třetí vrstvy na přibližně 35% :

Změňte krytí vrstvy na 35%.

Krok 16: Malování odhalí více fotografií

Pokračujte v malování kolem předchozí oblasti a odhalte další fotografie. Tato nová oblast se díky 35% krytí objeví ještě vybledlejší než ta poslední:

Pokračujte v malování a odhalte více obrázku.

Krok 17: Vyberte masku další vrstvy

Nakonec klikněte na miniaturu masky původní vrstvy 1 a vyberte ji:

Vyberte masku vrstvy 1.

Krok 18: Snižte krytí vrstvy na 10%

Snižte krytí vrstvy 1 až na 10%:

Změňte krytí vrstvy na 10%.

Krok 19: Malování ve zbývajících oblastech fotografie

Malování uvnitř zbývajících bílých oblastí kolem obrázku odhalí zbytek. Tato poslední část bude vypadat velmi slabě s neprůhledností vrstvy pouze na 10%:

Malování uvnitř zbývajících bílých oblastí kolem dokumentu odhalí zbytek obrázku.

Krok 20: Změňte barvu pozadí (volitelné)

V tomto okamžiku je efekt kompletní, ale pokud chcete změnit barvu pozadí na něco jiného než bílého, stačí na panelu Vrstvy poklepat na vzorek barvy vrstvy výplně Jednobarevné:

Poklepejte na vzorek barvy výplně.

Tím se znovu otevře Color Picker. Můžete si vybrat novou barvu z nástroje Color Picker, ale ráda bych vzorkovala barvu přímo ze samotného obrázku. Chcete-li to provést, při stále otevřeném programu Color Picker přesuňte kurzor myši na obrázek. Uvidíte, že se kurzor dočasně změní na ikonu nástroje kapátko . Klikněte na oblast obrázku, která obsahuje barvu, kterou chcete použít pro své pozadí. Kliknu na oblast v čele ženy:

Klikněte na barvu v obrázku, kterou chcete použít jako pozadí pro efekt.

Až budete hotovi, klepnutím na tlačítko OK ukončíte výběr barvy. Vrstva výplně Solid Color se okamžitě aktualizuje na nově odebranou barvu, což nám dává novou barvu pozadí pro efekt:

Stejný efekt s novou barvou pozadí.

Kategorie: