Photoshop Puzzle efekt
v tomto tutoriálu Photoshop Effects se podíváme na to, jak snadno vytvořit efekt Photoshop puzzle, což nám umožňuje proměnit jakoukoli fotografii v skládačku! Nebo alespoň vytvoříme iluzi, že fotografie je tvořena malými dílky skládačky, i když předpokládám, že byste mohli fotografii vytisknout poté, stříhat všechny kousky nůžkami a vytvořit z ní skutečnou hádanku, ale jak rád říkám, proč se potýkat s realitou, když předstírá věci ve Photoshopu je mnohem jednodušší.
jak uvidíme, velká část práce pro náš efekt puzzle již byla pro nás provedena díky filtru Texturizer Photoshopu a volné textuře, se kterou je Photoshop dodáván, i když budeme muset načíst texturu v sobě, což se naučíme, jak to udělat. Vezmeme věci trochu dále, ačkoli, a uvidíme, jak to vypadá, jako by některé kousky stále chyběly, dávat našemu puzzle vzhled“ nedokončené“.
měl bych zmínit, že zatímco tento fotografický efekt je velmi snadný, některé z těchto tutoriálů zahrnují použití nástroje pero a protože vysvětlení, jak nástroj pero funguje ve Photoshopu, by vyžadovalo vlastní samostatný tutoriál, budu předpokládat, že jste již obeznámeni s tím, jak jej používat. Dobrou zprávou je, že nástroj pero má svůj vlastní samostatný tutoriál,takže pokud potřebujete pomoc s nástrojem pero, nezapomeňte se podívat na naše kompletní výběry pomocí tutoriálu nástroje pero, který najdete v naší sekci Základy Photoshopu.
zde je fotka, kterou budu používat pro tento tutoriál, malý kluk, který je zjevně docela nadšený, že se jeho fotka změnila v hádanku:
a tady je návod, jak to bude vypadat s naší Photoshop puzzle efekt aplikován:
Krok 1: duplikujte vrstvu pozadí
s naší fotografií nově otevřenou ve Photoshopu je první věcí, kterou musíme udělat, vytvořit kopii naší vrstvy pozadí, což je vrstva, která obsahuje naši fotografii a je v současné době jedinou vrstvou, kterou máme. Vytvoření kopie této vrstvy nám umožní dělat, co chceme, aby náš obrázek bez poškození, protože vždy budeme mít originál na vrstvě pozadí, aby se v případě potřeby vrátil zpět. Nejjednodušší způsob, jak vytvořit kopii vrstvy, je pomocí klávesové zkratky Ctrl+J (Win) / Command+J (Mac). Podíváme-li se na paletu vrstev po stisknutí klávesové zkratky, vidíme, že nyní máme dvě vrstvy. Původní vrstva pozadí je dole a nad ní sedí kopie vrstvy, kterou Photoshop automaticky pojmenoval „Vrstva 1“:
Krok 2: přejmenujte novou vrstvu „Puzzle“
vynikající zvyk se dostat do při práci ve Photoshopu je dát svým vrstvám více popisných jmen. To se nemusí zdát tak důležité, když pracujete pouze s několika vrstvami, ale není neobvyklé, že najednou pracujete s 50 vrstvami, 100 vrstvami nebo více, a pokud všechny vaše vrstvy mají názvy jako „vrstva 1“, „vrstva 56“ a „vrstva 83 kopírovat 4“, budete kopat sami za to, že nezabírá několik sekund, aby vaše vrstvy byly užitečnější a popisnější. V tomto případě budeme používat „Vrstva 1“ jako náš hlavní efekt puzzle, takže dvakrát kliknu přímo na název vrstvy a přejmenuji ji na „Puzzle“:
po dokončení změny názvu stiskněte klávesu Enter (Win) / Return (Mac).
Krok 3: Přidejte novou prázdnou vrstvu pod vrstvu „Puzzle“
dále musíme přidat novou prázdnou vrstvu pod vrstvu „Puzzle“, aby se objevila mezi vrstvou“ Puzzle “ a vrstvou pozadí. V současné době máme v paletě vrstev vybranou vrstvu „Puzzle“. Víme, že je vybrána, protože je zvýrazněna modře. Normálně, kdykoli přidáme novou vrstvu, Photoshop ji automaticky umístí nad kteroukoli vrstvu, která je aktuálně vybrána, takže pokud bychom právě teď klikli na ikonu nové vrstvy ve spodní části palety vrstev, skončili bychom s novou prázdnou vrstvou nad vrstvou“ Puzzle“. To není to, co chceme, takže tady je šikovný trik. Podržte klávesu Ctrl (Win) / Command (Mac) a klikněte na ikonu nové vrstvy:
přidáním klávesy Ctrl / Command do kroku řekneme Photoshopu, aby přidal novou vrstvu a umístil ji pod aktuálně vybranou vrstvu. V paletě vrstev nyní vidíme, že máme novou prázdnou vrstvu, opět nazvanou „Vrstva 1″, která sedí mezi vrstvami“ Puzzle “ a pozadí:
Krok 4: Vyplňte novou vrstvu černou
tato vrstva bude použita jako pozadí pro náš efekt a budu používat černou jako barvu pozadí, alespoň prozatím, což znamená, že tuto vrstvu musím vyplnit černou (později uvidíme, jak v případě potřeby změnit barvu pozadí). Photoshop má příkaz vytvořený speciálně pro takový úkol a právě se nazývá příkaz Fill. Najdete ji tak, že přejdete do nabídky úprav v horní části obrazovky a vyberete výplň:
zobrazí se dialogové okno Vyplnit. Nastavte možnost obsah v horní části dialogového okna na černou a potom klepněte na tlačítko OK ukončete dialogové okno:
zdá se, že se v našem okně dokumentu nic nestalo, protože fotografie na vrstvě“ Puzzle „momentálně blokuje vše ostatní z pohledu, ale pokud se podíváme na miniaturu náhledu vrstvy pro „vrstvu 1“ v paletě vrstev, což nám dává malý náhled toho,co je na vrstvě, můžeme vidět, že „vrstva 1“ byla ve skutečnosti vyplněna černou barvou:
v souladu s tím, co jsem před chvílí řekl o přejmenování vrstev, dvakrát kliknu přímo na název této vrstvy („Vrstva 1“) a přejmenuji ji na „Barva pozadí“:
Krok 5: vyberte vrstvu „Puzzle“ znovu
budeme vytvářet naše skládačky další, ale budeme muset mít vybranou správnou vrstvu a v tuto chvíli ne. Máme vybranou vrstvu“ Barva pozadí“, ale je to vrstva“ Puzzle“, kterou potřebujeme, takže ji vyberte kliknutím na vrstvu“ Puzzle „v paletě vrstev:
nyní jsme připraveni převést fotografii do skládačky!
Krok 6: Otevřete dialogové okno filtru „Texturizer“ Photoshopu
jak jsem zmínil na začátku tohoto tutoriálu, většina práce na skutečném vytváření dílků je pro nás již provedena díky jedné z textur, které jsou nainstalovány zdarma s Photoshopem. Bohužel, i když textura sedí na pevném disku připraveném k použití, není ve skutečnosti načtena do Photoshopu, alespoň ne automaticky. Budeme to muset načíst sami, ale než to budeme moci udělat, musíme vyvolat filtr Texturizer Photoshopu, takže přejděte do nabídky Filtr v horní části obrazovky, vyberte texturu a poté vyberte Texturizer:
Krok 7: načtěte texturu „Puzzle“
tím se zobrazí velké dialogové okno Filtr Texturizer s oknem náhledu vlevo a možnostmi filtru vpravo. Musíme načíst texturu „Puzzle“, kterou Photoshop nainstaloval na váš pevný disk, takže klikněte na malou šipku napravo od možnosti výběru textury napravo od dialogového okna, které vyvolá nabídku pouze s jednou možností, načíst texturu. Klikněte na něj a vyberte jej:
otevře se dialogové okno načíst texturu, které nám umožní přejít na naši texturu. Struktura „Puzzle“, kterou hledáme, se nachází uvnitř adresáře Photoshopu na pevném disku, kdekoli jste náhodou nainstalovali Photoshop. V počítači (Windows) je výchozí umístění instalace na jednotce C:, takže nejprve přejděte na jednotku C: a poté otevřete složku Program Files. Ve složce Program Files najdete složku Adobe a ve složce Adobe najdete složku Photoshop. Skutečný název složky Photoshopu bude záviset na verzi Photoshopu, kterou používáte. Tak, například, pokud používáte Photoshop CS3, jak jsem tady a nainstalovali jste Photoshop do výchozího umístění, vaše složka Photoshopu bude na C:\Program soubory\Adobe \ Photoshop CS3.
na počítačích Mac jsou věci o něco jednodušší. Složku Photoshopu najdete v adresáři aplikací na pevném disku. Skutečný název složky Photoshopu bude opět záviset na verzi Photoshopu, kterou používáte.
Jakmile najdete složku Photoshopu, poklepejte na ni a otevřete ji. Uvnitř složky najdete složku předvoleb. Poklepejte na něj a otevřete jej a nyní vyhledejte složku textury. Poklepejte na něj a otevřete jej a uvidíte všechny textury, které pro nás Photoshop nainstaloval. Existuje poměrně málo z nich na výběr, ale ten, který chceme pro náš efekt puzzle, je struktura Puzzle. Klikněte na něj a vyberte jej a poté klikněte na tlačítko Načíst pro načtení textury:
Krok 8: upravte možnosti textury
s načtenou texturou Puzzle byste měli vidět, že možnost textury v dialogovém okně Texturizer je nyní nastavena na Puzzle. Pokud z nějakého důvodu není, vyberte texturu Puzzle ze seznamu. Poté pomocí okna náhledu vlevo od dialogového okna jako průvodce upravte možnosti textury. Nastavení, které používáte, bude do značné míry záviset na vašem obrázku a na tom, jak velké chcete, aby se vaše dílky objevily. V mém případě chci, aby se kousky skládačky objevily co největší, takže zvýším možnost škálování až na 200%. Možnost reliéfu pod ní určuje, jak silný vzhled budou mít dílky na obrázku. Nastavím svůj na 6. Opět platí, že nastavení, která používáte, se mohou lišit. Nakonec nastavte možnost světlo, která určuje zdroj světla pro dílky skládačky, vpravo nahoře:
klepněte na tlačítko OK až budete hotovi, ukončete dialogové okno Texturizer a aplikujte texturu na obrázek. Tady je moje fotka s použitou texturou puzzle:
základní puzzle efekt je nyní kompletní,ale pojďme se věci trochu dále a odstranit některé kousky, jako by puzzle je stále nedokončené. To uděláme příště!
Krok 9: Vyberte nástroj pero
Toto je část tutoriálu, kde budete potřebovat vědět, jak používat nástroj pero ve Photoshopu. Důvod, proč budeme používat nástroj pero je proto, že musíme být schopni čerpat výběry kolem jednotlivých dílků a kousky mají spoustu křivek k nim. Můžete zkusit vybrat kousky s něčím jako nástroj laso nebo nástroj Polygonální laso, ale s největší pravděpodobností zjistíte, že vaše výsledky vypadají nedbalé a zubaté, zatímco nástroj pero byl navržen speciálně pro kreslení křivek a dá vám mnohem lépe vypadající výsledky.
pokud již používáte nástroj pero, zbytek tohoto tutoriálu bude snadný, protože pero je opravdu velmi jednoduchý nástroj, který se používá, jakmile získáte pocit, jak to funguje. Pokud jsou pro vás pojmy jako“ cesty“,“ kotevní body „a“ směrové úchyty “ nové nebo si nejste zcela jisti, že jim rozumíte, nezapomeňte se podívat na naše kompletní výběry pomocí tutoriálu Pen Tool v naší sekci Základy Photoshopu, kde najdete vše, co potřebujete vědět.
nejprve, než budeme moci použít nástroj pero, musíme jej vybrat, takže jej buď uchopte z palety Nástroje, nebo jednoduše stiskněte písmeno P na klávesnici:
Krok 10: Vyberte možnost „cesty“ na panelu možností
s vybraným nástrojem pero vyhledejte na panelu možností v horní části obrazovky a ujistěte se, že je vybrána možnost cesty, protože musíme nakreslit cestu perem, nikoli vektorovým tvarem nebo tvarem založeným na pixelech:
krok 11: Nakreslete cestu kolem jednoho z dílků
pomocí nástroje pero nakreslete cestu kolem jednoho z dílků. Chystáme se vystřihnout tento kus z skládačky a nechat to vypadat, že se vznáší těsně nad hádankou, připraven k tomu, aby byl na místě. Nezáleží na tom, který kus si vyberete. Vyberu kousek nad chlapcovým pravým okem (jeho pravé, naše levé). Udělejte si cestu kolem kusu přidáním kotevních bodů a tažením směrových úchytů, dokud úspěšně nevytáhnete cestu kolem celého tvaru. V případě potřeby můžete kus přiblížit stisknutím kláves Ctrl+mezerník ( Win) / Command + mezerník (Mac) pro dočasný přístup k nástroji Zoom, poté několikrát kliknutím na kus přiblížíte. Cesta může být trochu těžké vidět na snímku obrazovky, takže jsem kroužil kus, který jsem nastínil:
krok 12: převést cestu do výběru
Jakmile dokončíte kreslení cesty kolem prvního kusu skládačky, stiskněte Ctrl+Enter (Win) / Command+Return (Mac) na klávesnici a převeďte cestu do tvaru. Uvidíte, jak se váš pevný obrys cesty změní na obrys výběru:
krok 13: vystřihněte výběr na vlastní vrstvu
vybraný kousek skládačky vyřízneme z vrstvy „skládačky“ a umístíme ji na vlastní vrstvu, přičemž na jejím místě zůstane prázdná díra ve vrstvě „skládačky“. Ujistěte se, že máte v paletě vrstev stále vybranou vrstvu“ Puzzle“, poté přejděte do nabídky Vrstva v horní části obrazovky, vyberte nový a poté vyberte vrstvu pomocí řezu:
tím se kus vyřízne z vrstvy“ Puzzle „a umístí se na vlastní vrstvu nad vrstvu“ Puzzle“, kterou můžeme vidět v paletě vrstev. Kus je nyní v horní vrstvě, kterou Photoshop opět pojmenoval „Vrstva 1“. Chystám se přejmenovat tuto vrstvu „první díl skládačky“:
krok 14: přesuňte a otočte díl skládačky s volnou transformací
chystáme se, aby tento díl vypadal, jako by měl být zaskočen na místo. Stisknutím kláves Ctrl+T (Win) / Command + T (Mac) na klávesnici vyvolejte volné transformační pole Photoshopu a kliky kolem skládačky, poté klikněte kdekoli mimo pole volné transformace a tažením myši otočte kus. Jakmile ji otočíte, klikněte kdekoli uvnitř pole volné transformace a tažením myši přesuňte kus od jeho původního umístění. Pamatujte, že chceme, aby bylo zřejmé, že tento kus patří na toto místo, takže jej nepohybujte příliš daleko ani příliš neotáčejte.
při přesunutí kusu si všimnete, že místo, kde kus seděl před chvílí, se nyní zdá být plné černé. Je to proto, že jsme vyřízli díru ve vrstvě“ Puzzle „a Černá z vrstvy“ Barva pozadí “ pod ní ukazuje:
stiskněte klávesu Enter (Win) / Return (Mac), až budete hotovi, abyste přijali transformaci a opustili příkaz Free Transform.
krok 15: přidejte vržený stín
Chcete-li dát skládačce více 3D vzhledu, takže to vypadá, že se vznáší nad hádankou, přidejte vržený stín. Klikněte na ikonu styl vrstvy v dolní části palety Vrstvy a v seznamu vyberte vržený stín:
tím se zobrazí dialogové okno Styl vrstvy nastavené na možnosti vrženého stínu ve středním sloupci. Snižte krytí vrženého stínu na přibližně 60% , takže to není tak intenzivní. Zrušte zaškrtnutí možnosti Použít globální světlo a nastavte úhel stínu na 120°. Zvětšete vzdálenost na přibližně 16 px a poté Zvětšete velikost na přibližně 16 px. Jako obvykle budete možná muset provést úpravy těchto nastavení pro svůj obrázek:
klepněte na tlačítko OK až budete hotovi, ukončete dialogové okno Styl vrstvy. Zde je můj obrázek po nanesení vrženého stínu na díl skládačky:
krok 16: znovu vyberte vrstvu „Puzzle“
vyřízli jsme jeden z dílků skládačky a nechali ho vznášet se nad hádankou. Tentokrát jeden z kousků zcela odstraníme. Musíme mít vybranou vrstvu „Puzzle“, takže na ni klikněte v paletě vrstev:
krok 17: Nakreslete cestu kolem jiného kusu skládačky pomocí nástroje pero
vyberte jiný kousek skládačky a pomocí nástroje pero nakreslete cestu kolem něj, stejně jako jsme to udělali dříve:
krok 18: převést cestu na výběr
znovu jako dříve stiskněte Ctrl+Enter (Win) / Command+Return (Mac) a rychle převeďte cestu na výběr:
krok 19: Smazat výběr
vše, co s tímto kusem uděláme, je zcela odstranit z puzzle, a proto vše, co musíme udělat, je stisknout Delete na klávesnici. Tím se odstraní díl skládačky a ve vrstvě „skládačky“ zůstane díra, která umožňuje zobrazení černé barvy pozadí:
stisknutím kláves Ctrl+D (Win) / Command+D (Mac) zrušte výběr výběru a odstraňte obrys výběru. Tady je moje fotka po odstranění druhého kusu skládačky:
pokračujte v odstraňování několika dalších kousků z skládačky, a to buď vyříznutím kusu a vznášením nad skládačkou (kroky 11-15), nebo jednoduchým úplným odstraněním kusu (kroky 16-19). Vždy se ujistěte, že máte v paletě vrstev vybranou vrstvu „Puzzle“ pokaždé, když jdete vyjmout nebo odstranit kus.
tady je můj obrázek po vyříznutí a odstranění několika dalších dílků:
krok 20: Nakreslete cestu kolem všech okrajových kusů (Volitelné)
tyto poslední kroky jsou volitelné, ale dám své fotografii zajímavější ohraničení odstraněním všech dílků podél okrajů. Opět je to volitelné, ale pokud chcete sledovat, použijte nástroj pero k nakreslení jedné souvislé cesty podél vnitřních okrajů všech kusů, které běží podél okrajů fotografie, jak jsem to udělal zde. Protože je obtížné vidět cestu na snímku obrazovky, zvýraznil jsem svou cestu žlutě:
krok 21: převést cestu do výběru
jakmile nakreslíte cestu, stiskněte Ctrl+Enter (Win) / Command+Return (Mac) a rychle převeďte cestu do výběru:
krok 22: invertujte výběr
chceme odstranit všechny kousky, které běží podél okrajů skládačky, což znamená, že musíme mít vybrané okrajové kousky. V tuto chvíli však máme vše kromě okrajových kousků vybráno. Musíme Invertovat náš výběr tak, aby vše, co je aktuálně vybráno, bylo zrušeno a vše, co není aktuálně vybráno, bude vybráno. Chcete-li to provést, přejděte do nabídky Vybrat v horní části obrazovky a zvolte inverzní:
všechny dílky podél okrajů fotografie budou nyní vybrány:
krok 23: Odstraňte okrajové kousky
s nyní vybranými hranovými kousky se ujistěte, že máte v paletě vrstev vybranou vrstvu „Puzzle“ a poté je smažte stisknutím klávesy Delete na klávesnici. Stisknutím kláves Ctrl + D ( Win) / Command+D (Mac) odstraníte obrys výběru:
pokud dáváte přednost použití bílé pro Pozadí místo černé, jednoduše klikněte na vrstvu“ Barva pozadí “ v paletě vrstev a vyberte ji, poté přejděte do nabídky Úpravy v horní části obrazovky a zvolte výplň pro vyvolání dialogového okna výplň. Vyberte možnost bílá pro obsah místo černé a klepněte na tlačítko OK pro ukončení z dialogového okna:
tím se vyplní pozadí bílou barvou:
krok 24: přidejte vržený stín do hlavního Puzzle (Volitelné)
tento poslední krok je opravdu nutné pouze v případě, že jste se rozhodli použít bílou barvu pozadí místo černé. Do hlavní hádanky přidáme mírný vržený stín a samozřejmě, pokud je vaše barva pozadí černá a vržený stín je černý,nebudete moci vidět vržený stín, takže tento poslední krok můžete přeskočit, pokud pro své pozadí stále používáte černou.
Chcete-li přidat vržený stín do hlavní skládačky, nejprve vyberte vrstvu „Puzzle“ v paletě vrstev, poté klikněte na ikonu styl vrstvy v dolní části palety vrstev a v seznamu vyberte vržený stín:
to opět vyvolá dialogové okno Styl vrstvy Photoshopu nastavené na možnosti vrženého stínu ve středním sloupci. Snižte možnost Opacity na 60%, abyste snížili intenzitu stínu, zrušte zaškrtnutí možnosti Použít globální světlo a nastavte úhel na 120°. Zbývající možnosti můžete ponechat na jejich výchozí:
klepněte na tlačítko OK až budete hotovi, ukončete dialogové okno Styl vrstvy a jsme hotovi! Zde, po použití vržený stín na mé hlavní puzzle, je můj konečný efekt:
a tady to máme! To je, jak vytvořit efekt skládačky s obrázkem ve Photoshopu! Navštivte naši sekci foto efekty pro více Photoshop efekty tutoriály!