V tomto tutoriálu Photoshop Effects se naučíme, jak proměnit fotografii v koláž čtverců. Je to zábavný efekt a je to opravdu snadné, zejména proto, že většina práce je jednoduché opakování, jak uvidíme.
Zde je původní fotka, kterou začnu:
A tady je obrázek s dokončeným efektem „Koláž čtverců“:
Jak jsem řekl, většina práce je jen opakování, takže jakmile se dostanete „do drážky“ s tím, co děláte, nebudete o tom ani přemýšlet. Můžete se jen bavit vytvářením efektu.
Tento tutoriál je z naší série Photo Effects. Začněme!
Krok 1: Duplikujte vrstvu pozadí
Když je můj obrázek otevřený ve Photoshopu, mám v současné době pouze jednu vrstvu, vrstvu pozadí, která obsahuje můj původní obrázek:
Paleta Vrstvy Photoshopu ukazuje původní obrázek ve vrstvě pozadí.
Potřebuji duplikovat vrstvu pozadí, takže budu používat klávesovou zkratku Ctrl + J (Win) / Command + J (Mac), která přidá kopii vrstvy pozadí v paletě Vrstvy. Photoshop automaticky pojmenuje kopii „Vrstva 1“:
Stiskněte "Ctrl + J" (Win) / "Command + J" (Mac) pro zkopírování vrstvy pozadí.
Krok 2: Přidejte novou vrstvu mezi dvě vrstvy a vyplňte ji bílou
Musíme přidat novou prázdnou vrstvu mezi dvě vrstvy, které aktuálně máme v paletě Vrstvy. Chcete-li to provést, při výběru „Vrstva 1“ podržte na klávesnici klávesu Ctrl (Win) / Command (Mac) a klikněte na ikonu Nová vrstva ve spodní části palety Vrstvy. Normálně Photoshop přidá novou vrstvu nad aktuálně vybranou vrstvu, ale podržením Ctrl / Command to Photoshopu řekne, aby místo toho přidal novou vrstvu:
Podržte "Ctrl" (Win) / "Command" (Mac) a kliknutím na ikonu "Nová vrstva" přidejte novou vrstvu mezi dvě stávající vrstvy v paletě Vrstvy.
Nyní mám novou prázdnou vrstvu „Vrstva 2“ mezi dvěma dalšími vrstvami:
Nová prázdná vrstva je nyní mezi vrstvou pozadí a „vrstvou 1“.
Jen krátkou poznámku, než budeme pokračovat …. Až skončí tento efekt, skončíme se spoustou vrstev, což by normálně znamenalo, že bychom určitě chtěli zajistit, abychom naše vrstvy pojmenovali jako jdeme. V tomto případě byste se však pravděpodobně nechali bláznit a pokusili se přijít s popisnými jmény pro každou vrstvu, takže pokud se vám něco takového nelíbí, nestaral bych se o pojmenování vrstev při vytváření tohoto efektu. Obecně řečeno, pojmenování vrstev je zvyk, do kterého byste se měli dostat.
Poté, co to řekneme, pokračujme. Tuto novou vrstvu musíme vyplnit bílou, protože jako efekt použijeme bílou jako barvu pozadí, takže stisknutím klávesy D na klávesnici resetujte barvy popředí a pozadí, čímž se barva pozadí změní na bílou, a pak s novou prázdnou vrstvou vybranou v paletě Vrstvy použijte klávesovou zkratku Ctrl + Backspace (Win) / Command + Delete (Mac) a vrstvu vyplňte bílou.
V okně dokumentu neuvidíte nic, protože kopie vrstvy pozadí blokuje zobrazení „Vrstva 2“, ale pokud se podíváte do palety Vrstvy, uvidíte, že miniatura náhledu vrstvy je nyní plné bílé:
Náhled miniatur pro „vrstvu 2“ je nyní v paletě Vrstvy vyplněn bílou barvou, přestože ji „vrstva 1“ aktuálně blokuje před zobrazením v okně dokumentu.
Krok 3: Přetáhněte čtvercový výběr kolem části obrázku
V paletě Vrstvy kliknu zpět na kopii mé vrstvy pozadí „Vrstva 1“. Pak jdu chytit svůj nástroj Obdélníkový rámeček z palety Nástroje:
Vyberte nástroj Obdélníkové ohraničení z palety Nástroje.
Mohu také rychle stisknout klávesu M na klávesnici. Poté, když je v ruce nástroj Rectangular Marquee a "Layer 1" vybrána v paletě Layers, vytáhnu z obrázku čtvercový výběr. Vytáhnu čtverec kolem chlapcova obličeje napravo:
Pomocí nástroje Obdélníkové ohraničení nakreslete čtvercový výběr uvnitř obrázku.
Chcete-li omezit výběr na dokonalý čtverec, podržte při tažení klávesu Shift .
Krok 4: Přidejte masku vrstvy
Jakmile máte výběr ve tvaru čtverce a znovu se ujistěte, že je v paletě Vrstvy vybrána vrstva 1, klikněte na ikonu Přidat masku vrstvy ve spodní části palety Vrstvy:
Klikněte na ikonu „Přidat vrstvu masky“ ve spodní části palety Vrstvy.
Přidá masku vrstvy do „vrstvy 1“ a protože jsem měl kliknutou na ikonu „Přidat masku vrstvy“ vybranou oblast obrázku, Photoshop použije tento výběr k vytvoření masky, což znamená, že pouze oblast obrázek, který byl uvnitř výběru - chlapcova tvář - zůstane viditelný v okně dokumentu. Zbytek obrázku bude před pohledem skrytý a odhalí pod ním bílou vrstvu:
Čtvercová oblast kolem chlapcova obličeje je nyní vše, co je na obrázku vidět. Za ním je nyní vidět bílé pozadí.
Krok 5: Odpojení masky vrstvy od obsahu vrstvy
Podíváme-li se znovu na naši paletu Vrstvy, uvidíme masku vrstvy, která byla přidána do vrstvy 1. Maska je plná černé, s výjimkou malé čtvercové oblasti, která je bílá, což je oblast kolem chlapcova obličeje, která se zobrazuje v okně dokumentu. Pokud se podíváte pozorně, uvidíte také malou ikonu odkazu mezi miniaturou vrstvy a miniaturou masky:
Ikona „propojení vrstvy“ mezi miniaturou vrstvy a miniaturou masky vrstvy pro „vrstvu 1“.
Když je tato ikona odkazu viditelná, znamená to, že obsah vrstvy (obrázek) a maska vrstvy jsou dobře propojeny. Pokud jeden přesunete, přesunete je oba. To není to, co chceme. Chceme být schopni pohybovat maskou bez pohybu obrázku. Abychom toho mohli udělat, stačí kliknout na ikonu odkazu, která způsobí, že zmizí. V tomto okamžiku lze masku vrstvy přesunout nezávisle na obsahu vrstvy. Kliknutím na ikonu odkazu ji odstraním:
Ikona odkazu mezi miniaturou vrstvy a maskou vrstvy je nyní pryč. Nyní můžeme masku přesunout bez přesunutí obrázku.
Krok 6: Přidejte do masky bílý styl vrstvy "Vnější záře"
Abychom mohli vidět hrany čtverců, když vytváříme efekt, přidám do masky styl vrstvy "Outer Glow". Nejprve kliknu přímo na miniaturu masky vrstvy a vybereme ji. Dokážu říct, že je vybrán, když je kolem něj zvýrazněné pole. Poté, s vybranou maskou, kliknu na ikonu Nová vrstva úprav ve spodní části palety Vrstvy:
S vybranou maskou vrstvy klikněte na ikonu „Nová vrstva úprav“.
Ze seznamu, který se objeví, vyberu Outer Glow :
Vyberte styl vrstvy "Outer Glow".
Otevře se dialogové okno Styl vrstvy Photoshopu s možnostmi Outer Glow ve středním sloupci. Ve výchozím nastavení používá styl vrstvy Outer Glow nažloutlou barvu. Chci to změnit na bílou, abych to udělal, kliknu přímo na vzorek barvy Outer Glow:
Chcete-li změnit barvu záře, klikněte na vzorek barvy v možnostech Vnější záře.
Když kliknu na vzorek barvy, objeví se Photoshop's Color Picker . V levém horním rohu si vyberu bílou:
Klepnutím v levém horním rohu nástroje Color Picker vyberte bílou barvu barvy Outer Glow.
Poté kliknutím na OK ukončím výběr barvy. Moje barva Outer Glow je nyní bílá.
Budu ponechávat všechny ostatní možnosti pro Outer Glow samotnou a v tomto bodě stačí kliknout na OK pro opuštění dialogového okna Styl vrstvy. Do masky vrstvy bude přidána bílá vnější záře. Nebudeme jej moci vidět na obrázku zatím, protože je to bílá záře na bílém pozadí, ale uvidíme to, jakmile do obrázku začneme přidávat další čtvercové úseky, jak to budeme dělat.
Krok 7: Duplikujte vrstvu
Vzpomínáte si na začátek tohoto tutoriálu, když jsem řekl, že většina práce je jednoduché opakování? Tady to začíná. Těchto několik následujících kroků se bude opakovat znovu a znovu, ale nebojte se, jsou snadné. Nejprve, když je v paletě Vrstvy vybrána možnost „Vrstva 1“, budu ji duplikovat pomocí klávesové zkratky Ctrl + J (Win) / Command + J (Mac). Nyní mám přesnou kopii v horní části palety Vrstvy:
Paleta Vrstvy nyní zobrazuje duplikát vrstvy 1 nahoře.
Když řeknu „přesná kopie“, myslím přesnou kopii. Kopie obsahuje nejen obraz, ale také kopii masky a styl vrstvy Outer Glow, takže nemusíme sami přidávat další masku ani jinou Outer Glow. Všechno pro nás již existuje. Také proto, že obsah vrstvy a maska vrstvy na „vrstvě 1“ nebyly propojeny, nejsou propojeny ani na kopii, což je přesně to, co chceme.
Krok 8: Přesuňte vrstvu masky do nového umístění a vytvořte druhý čtverec
Chystám se chytit svůj nástroj Přesun z palety Nástroje:
Vyberte nástroj Přesunout z palety Nástroje.
Mohl bych také stisknout V na klávesnici a vybrat ji. Poté v paletě Vrstvy kliknu na miniaturu masky duplicitní vrstvy a vybereme ji, ujistěte se, že mám vybranou masku a ne samotnou vrstvu. Miniatura masky bude mít kolem ní zvýrazněné pole, které označuje, že je vybrána:
Klepnutím na miniaturu masky vrstvy v paletě Vrstvy ji vyberte. Bude kolem něj zvýrazněné políčko, které označuje, že je vybráno.
Poté, když je vybrána maska vrstvy, jednoduše kliknu do okna dokumentu a přetáhnu masku do nového umístění, které vytvoří druhý čtverec. Přetáhnu ji dolů a doleva, takže pravý horní roh překrývá levý dolní roh původního čtverce:
Přetažením masky na nové místo v obrázku vytvořte druhý čtverec.
Teď mám dvě čtverce, a pokud se podíváte do pravého horního rohu toho, který jsem právě vytvořil, můžete vidět bílé vnější záře definující okraje čtverce.
Krok 9: Pokračujte v duplikování vrstvy a přetažením masky vytvořte další čtverce
V tomto okamžiku je to prostě otázka opakování posledních dvou kroků, dokud nejsou hlavní čtverce viditelné uvnitř čtverců. Nejprve tedy stiskem Ctrl + J (Win) / Command + J (Mac) vrstvu zkopírujete. Poté, a to je velmi důležité, klikněte na miniaturu masky vrstvy nově vytvořené vrstvy, abyste se ujistili, že je maska vybraná, nikoli obsah vrstvy. Pokud se pokusíte přetáhnout masku a vytvořit nový čtverec a místo toho uvidíte obraz uvnitř pohybujícího se čtverce, máte vrstvu omylem vybranou. V takovém případě stisknutím kláves Ctrl + Z (Win) / Command + Z (Mac) zrušíte akci, poté kliknete na miniaturu masky vrstvy a akci opakujete.
Pokračujte v tomto procesu duplikování vrstvy, výběru masky a přetažení masky na nové místo v obraze, dokud se nezobrazí všechny důležité oblasti obrazu. Je v pořádku překrývat čtverce a nebojte se mezi nimi nechat příležitostný prázdný prostor. To jen přispívá k účinku.
Budu pokračovat v duplikování vrstvy a pohybování maskou, dokud se všichni čtyři lidé na fotografii nezobrazí uvnitř čtverců. Tady je můj obrázek po vytvoření dostatečného množství čtverců, aby do něj přivedl zbytek chlapce:
Obrázek po přidání dostatečného počtu čtverců, aby se chlapec na levé straně dostal do dohledu.
Po zdvojení více vrstev a posunutí masek kolem vytvořili další čtverce, uvedl jsem chlapcovu matku a mladšího bratra do účinku:
Po přidání dalších čtverců je nyní viditelná chlapcova maminka a mladší bratr.
Nakonec jsem přidal dost čtverců, abych viděl všechny hlavní oblasti fotografie. Také jsem se ujistil, že všechny čtyři tváře lidí jsou jasně viditelné na fotografii a že nejsou rozřezány hranami žádných čtverců. To by bylo špatně:
Nyní bylo přidáno dost čtverců, aby se zobrazily hlavní oblasti fotografie.
Krok 10: Duplikujte další vrstvu a zmenšete velikost náměstí na 50%
Hlavní část efektu je nyní kompletní a pro záznam mám nyní na obrázku celkem 36 čtverců. Možná máte více, možná méně. To opravdu záleží na obrázku, který používáte, a kolik čtverců si myslíte, že to trvá, než efekt vypadá "správně". Budu dokončit efekt přidáním několika menších čtverců v rozích a kolem vnějších okrajů.
Chcete-li to provést, budu duplikovat další vrstvu s Ctrl + J (Windows / Command + J (Mac)) a poté kliknu na masku vrstvy a vyberu ji, stejně jako jsem to už udělal 36krát. Tentokrát, místo toho, abych jednoduše přemístil masku a vytvořil další čtverec, stisknu Ctrl + T (Win) / Command + T (Mac), abych vyvolal krabici Photoshopu Free Transform a úchytky kolem čtverce, a pak jsem „Přetáhnu jednu z rohových úchytů dovnitř a zmenším velikost čtverce asi o 50%. Když táhnu táhlo dovnitř, přidržím Shift + Alt (Win) / Shift + Option (Mac), který omezí masku na dokonalý čtverec a řekne Photoshopu, aby změnil velikost čtverce od jeho středu:
Použijte "Free Transform" pro zmenšení velikosti čtvercové masky asi o 50%.
Jakmile velikost náměstí změníme na polovinu své původní velikosti, stiskem Enter (Win) / Return (Mac) přijmeme transformaci a poté, stejně jako jsem to udělal s ostatními čtverci, použiji Přesuňte nástroj a přetáhněte jej na nové místo, tentokrát někde kolem vnějšího okraje koláže:
Pomocí nástroje Přesunout přetáhněte menší čtvereček někam podél vnějšího okraje koláže.
Krok 11: Pokračujte v přidávání dalších menších čtverců kolem vnějších okrajů koláže
Pokračujte v duplikování vrstvy s menší čtvercovou maskou a přesouváním menších čtverců k vnějším okrajům koláže. Znovu přidejte tolik, kolik potřebujete, aby efekt vypadal „správně“. Tady je můj po přidání několika menších čtverců kolem okrajů. Přidal jsem také některé sem a tam v hlavní části obrázku, abych přidal trochu rozmanitosti:
Obrázek po přidání dostatečného počtu čtverců, aby se chlapec na levé straně dostal do dohledu.
Krok 12: Sloučte všechny vrstvy čtvercové masky do jednoho
Po přidání všech mých menších čtverců do obrázku mám nyní celkem 56 čtverců, což znamená, že mám 56 vrstev, které obsahují masku čtvercového tvaru. Chci dokončit efekt přidáním vrženého stínu do koláže, ale nemůžu to udělat velmi snadno, když je koláž tvořena 56 samostatnými vrstvami. Musím je všechny sloučit do jedné vrstvy. Za tímto účelem v paletě Vrstvy kliknu na nejvyšší vrstvu a vyberu ji. Pak jdu posunout celou cestu dolů a Shift-kliknout na "Layer 1", což je vrstva, která začala celou koláž. Tím vyberete všechny vrstvy čtvercové masky najednou (všechny se zobrazí v paletě Vrstvy).
Když jsou všechny vybrány, stiskněte Ctrl + E (Win) / Command + E (Mac), abyste je všechny sloučili do jedné vrstvy nad bílou vrstvou. Nyní budete mít v paletě Vrstvy pouze tři vrstvy - vrstvu pozadí, bílou vrstvu a sloučenou vrstvu:
Paleta Vrstvy nyní zobrazuje pouze tři vrstvy, včetně nově sloučené vrstvy nahoře.
Krok 13: Přidejte vržený stín k dokončení efektu
Když je sloučená vrstva vybrána, klikněte znovu na ikonu Nová vrstva úprav ve spodní části palety Vrstvy a tentokrát vyberte ze seznamu Vržený stín :
S vybranou sloučenou vrstvou klikněte na ikonu „Nová vrstva úprav“ a vyberte „Vržený stín“.
Tím se vrátí zpět dialogové okno Styl vrstvy Photoshopu, tentokrát nastaveno na možnosti Vržený stín. Jedinou možností, kterou se chystám změnit, je krytí . Chci jen jemný stínový stín, nic, co by odvedlo pozornost od samotné koláže, takže snížím hodnotu krytí až na 25%:
Snižte hodnotu krytí vrženého stínu, takže je jemnější.
Klepnutím na tlačítko OK ukončíte dialogové okno Styl vrstvy a máme hotovo! Zde je můj poslední efekt „Koláž čtverců“:
Konečný efekt.
A tady to máme! To je, jak proměnit fotografii v koláž čtverců s Photoshopem! Navštivte naši sekci Photo Effects, kde najdete další tutoriály s efekty Photoshopu!