V tomto tutoriálu Photo Effects se naučíme, jak snadno vytvořit jednoduchý dřevěný rám obrazu pomocí masky vrstvy, několika stylů vrstvy a jednoho ze zabudovaných vzorů Photoshopu!
Zde je obrázek, který budu používat pro tento tutoriál Photoshopu:
Originální fotografie.
Krok 1: Duplikujte vrstvu pozadí
První věc, kterou musíme udělat, abychom vytvořili náš rámeček obrázku, je duplikovat naši vrstvu pozadí. Vrstva pozadí je vrstva, která obsahuje náš původní obrázek, a pokud se podíváme na naši paletu Vrstvy, můžeme vidět, že je to v současné době jediná vrstva, kterou máme:
Paleta Vrstvy ve Photoshopu ukazuje obrázek ve vrstvě Pozadí .
Zkopírujme vrstvu pomocí šikovné klávesové zkratky Ctrl + J (Win) / Command + J (Mac). Když se podíváme zpět v naší paletě Vrstvy, můžeme vidět, že nyní máme kopii vrstvy pozadí, kterou pro nás Photoshop nazval „Vrstva 1“, nad originálem:
Stiskněte "Ctrl + J" (Win) / "Command + J" (Mac) pro zkopírování vrstvy pozadí.
Krok 2: Přidejte do obrazu další prostor na plátně
Kolem naší fotografie musíme přidat další prostor. Další prostor se stane našim obrázkovým rámečkem. Velikost prostoru, který přidáte, závisí na tom, jak velký má být rámeček. V horní části obrazovky přejděte do nabídky Obrázek a zvolte Velikost plátna. Když se zobrazí dialogové okno Velikost plátna, zadejte, kolik místa chcete přidat kolem obrázku. Chci pro svou fotografii poměrně tlustý rámeček, takže zadám hodnotu 1, 5 palce pro možnosti Šířka a Výška. Ujistěte se, že máte zaškrtnutou také možnost Relativní:
Zadejte velikost prostoru na plátně, který chcete přidat kolem obrázku. Zde přidávám 1, 5 palce prostoru pro šířku i výšku.
Klepnutím na tlačítko OK v pravém horním rohu dialogového okna ukončete program a nechte aplikaci Photoshop přidat další prostor na plátně. V okně dokumentu uvidíte další prostor kolem vaší fotografie:
Mezera se nyní objeví kolem fotografie v okně dokumentu.
Krok 3: Přidejte novou prázdnou vrstvu
Dále musíme přidat novou prázdnou vrstvu nad naše dvě stávající vrstvy. Když je vybrána vrstva 1 (horní vrstva), klikněte na ikonu Nová vrstva ve spodní části palety Vrstvy:
Kliknutím na ikonu „Nová vrstva“ ve spodní části palety Vrstvy přidáte do dokumentu novou prázdnou vrstvu.
V okně dokumentu se nic neděje, ale v paletě Vrstvy vidíme, že pro nás Photoshop přidal novou prázdnou vrstvu a dal jí popisný název „Vrstva 2“:
Nová prázdná vrstva se objeví v paletě Vrstvy nad ostatními dvěma vrstvami.
Krok 4: Vyplňte novou vrstvu vzorem dřeva ve Photoshopu
Aby náš rám vypadal, jako by byl vyroben ze dřeva, mohli bychom projít obtížemi při vytváření vlastní textury dřeva, ale nemusíme, protože Photoshop přichází s již zabudovaným vzorem dřeva! Pokud je vybrána vrstva 2, přejděte v horní části obrazovky do nabídky Úpravy a vyberte Výplň. Můžete také použít klávesovou zkratku Shift + F5. V obou případech se zobrazí dialogové okno Výplň. U možnosti Obsah nahoře vyberte z rozbalovací nabídky napravo od slova „Použít“ možnost Vzor. Poté klikněte na miniaturu malého vzoru vpravo od slov Vlastní vzor a ze zobrazeného výběrového pole vyberte texturu Dřevo (je to čtvrtá zleva, horní řádek):
V dialogovém okně „Výplň“ nastavte „Obsah“ na „Vzor“ a z výběrového pole vyberte zabudovanou texturu dřeva Photoshopu.
Poté v části Blending v dolní polovině dialogového okna nastavte možnost Mode na Normal a ujistěte se, že je možnost Opacity nastavena na 100%:
Nastavte „Režim prolnutí“ na „Normální“ a ujistěte se, že je „Krytí“ nastaveno na 100%.
Klepnutím na tlačítko OK opusťte dialogové okno. Photoshop vyplní celou vrstvu dřevěnou texturou a dočasně zablokuje zobrazení fotografie:
Nová vrstva je nyní zcela vyplněna texturou dřeva.
Nyní máme dřevo pro náš rám. Uděláme to tak, že bude vypadat spíše jako skutečný rámeček, a znovu přinese naši fotografii.
Krok 5: Vyberte fotografii ve vrstvě 1
V našem dřevěném vzoru vyřízneme díru, abychom znovu viděli naši fotografii, a použijeme masku vrstvy. Podržte klávesu Ctrl (Win) / Command (Mac) a klikněte přímo na miniaturu náhledu pro vrstvu „Layer 1“ v paletě Layers:
Podržte "Ctrl" (Win) / "Command" (Mac) a klikněte na miniaturu náhledu pro "Layer 1".
Načte výběr kolem fotografie v okně dokumentu. Stále nemůžeme vidět samotnou fotografii, ale můžeme vidět výběrové pole, kde by měla být fotografie:
V okně dokumentu se zobrazí výběrové pole kolem fotografie.
Krok 6: Invertovat výběr
Vybrali jsme oblast, kde by se měla fotografie objevit, ale to, co opravdu potřebujeme, je oblast kolem fotografie (rámeček), takže musíme obrátit náš výběr. Chcete-li to provést, přejděte do nabídky Vybrat v horní části obrazovky a zvolte Inverzní, nebo použijte rychlou klávesovou zkratku Shift + Ctrl + I (Win) / Shift + Command + I (Mac). Ať tak či onak obracíte výběr, a pokud se podíváte pozorně v okně dokumentu, stále uvidíte stejné výběrové pole kolem fotografie jako předtím, ale nyní uvidíte také výběrové pole kolem okrajů okna dokumentu, což nám umožní vědět, že nyní máme kolem fotografie vybranou oblast rámečku:
Okno dokumentu zobrazující oblast rámečku kolem právě vybrané fotografie.
Krok 7: Přidejte vrstvu masky
Nyní, když máme vybranou oblast snímku, klikněte na ikonu Maska vrstvy ve spodní části palety Vrstvy:
Klikněte na ikonu „Maska vrstvy“ ve spodní části palety Vrstvy.
Přidá masku vrstvy do „vrstvy 2“ a nyní je jedinou částí vrstvy, která zůstává viditelná v okně dokumentu, oblast, kterou jsme vybrali, což je oblast rámečku kolem fotografie. Část, která nebyla vybrána - oblast, kde by se měla fotografie objevit - je nyní skryta před zobrazením, což nám umožňuje znovu zobrazit naši fotografii:
Když je maska vrstvy přidána do „vrstvy 2“, zobrazí se fotografie ve středu rámečku.
Když se podíváme na naši paletu Vrstvy, můžeme vidět, že miniatura masky vrstvy byla přidána napravo od miniatury náhledu vrstvy:
Miniatura masky vrstvy se nyní zobrazí vpravo od miniatury náhledu pro „vrstvu 2“.
Další informace o maskách vrstev naleznete v našem tutoriálu Porozumění vrstvám masky v části Základy aplikace Photoshop na webu.
Krok 8: Zrušte výběr masky vrstvy a vyberte obsah vrstvy 2
V současné době vypadá náš fotorámeček trochu plochý. Musíme mu dát určitou hloubku a můžeme to udělat snadno pomocí Styly vrstev, což uděláme za okamžik. Nejprve však musíme vybrat rámeček. V současné době máme vybranou masku vrstvy, nikoli samotnou vrstvu. Uvidíme, který z nich jsme vybrali, když se podíváme na miniatury vrstvy v paletě Vrstvy. Kterákoli miniatura obsahuje bílé zvýrazněné pole, je vybráno. Miniatura masky vrstvy aktuálně zobrazuje zvýrazněné pole, které nám říká, že máme vybranou masku vrstvy. Musíme vybrat obsah vrstvy (rámečku), takže kliknutím na miniaturu náhledu vrstvy vyberte samotný rámeček:
Kliknutím na miniaturu náhledu pro vrstvu 2 vyberte obsah vrstvy a zrušte výběr masky vrstvy.
Krok 9: Přidejte styl vrstvy "Zkosení a reliéf"
Když je rámeček vybrán, klikněte na ikonu Styly vrstev ve spodní části palety Vrstvy:
Klikněte na ikonu „Styly vrstev“ ve spodní části palety Vrstvy.
Ze seznamu zobrazených stylů vrstev vyberte Zkosení a Reliéf:
Vyberte styl vrstvy "Úkos a reliéf".
Tím se otevře dialogové okno Styl vrstvy Photoshopu nastavené na možnosti „Zkosení a reliéf“ ve středním sloupci. V části Struktura nahoře změňte možnost Technika na Sekáč Hard a poté zvyšte hodnotu hloubky přibližně na 150%:
Nastavte možnost „Technika“ na „Sekačka tvrdá“ a v možnostech „Úkos a reliéf“ zvyšte „Hloubku“ na „150%“.
Poté v možnostech „Stínování“ v dolní části dialogového okna snižte krytí režimu zvýraznění na přibližně 50%, potom snižte krytí stínového režimu na přibližně 60%:
Snižte „krytí“ „světelného režimu“ na 50% a „stínový režim“ na 60%.
To dává nášmu rámečku více 3D vzhledu:
Rámeček obrázku má nyní trojrozměrný vzhled.
Krok 10: Přidejte styl vrstvy "Color Overlay"
Pokud jste spokojeni s barvou rámečku obrázku, můžete tento další krok přeskočit. Pokud byste stejně jako já dávali přednost tmavší barvě dřeva, změňte ji zde. Klikněte přímo na slova Color Overlay v levé části dialogového okna Layer Style. Ujistěte se, že kliknete přímo na slova samotná, a nikoli pouze uvnitř zaškrtávacího políčka. Kliknutím do zaškrtávacího políčka se zapne styl vrstvy Color Overlay, ale nedá nám přístup k jeho možnostem. Chceme možnosti, takže klikněte přímo na samotná slova:
Klikněte přímo na slova „Color Overlay“ v levé části dialogového okna Layer Style.
Tím se změní prostřední sloupec dialogového okna Styl vrstvy na možnosti Color Overlay. Chcete-li změnit barvu rámečku, klikněte na vzorník barev vpravo od voleb Režim prolnutí:
Klikněte přímo na vzorek barvy vpravo od voleb „Režim prolnutí“.
To vyvolá výběr barvy Photoshopu. Chci změnit barvu snímku na tmavší hnědou, takže si vyberu tuto barvu z nástroje Color Picker:
Vyberte barvu, ze které má být rámeček vybrán, z nástroje Color Picker. Tady volím tmavě hnědou.
Klepnutím na tlačítko OK ukončíte výběr barvy. Uvidíte novou barvu aplikovanou na váš rámeček, ale rámeček se nyní objeví jako plná barva. Ztratili jsme texturu dřeva. Chcete-li vrátit texturu dřeva zpět, změňte režim prolnutí barevného překrytí na možnost Vypálení barvy:
Chcete-li navrátit texturu dřeva v rámu, změňte „Režim prolnutí“ stylu vrstvy Vrstvy barvy na „Vypálení barvy“.
Klepnutím na tlačítko OK ukončíte dialogové okno Styl vrstvy. Tady je můj rámeček po změně barvy na tmavší hnědou a nastavení režimu prolnutí na „Vypálení barvy“:
Barva rámu byla nyní změněna na tmavě hnědou.
Už jsme skoro hotovi! Musíme přidat ještě jeden jednoduchý styl vrstvy a to uděláme dále!
Krok 11: Vyberte "Vrstva 1"
Musíme znovu vybrat naši fotografii, takže kliknutím na "Vrstva 1" v paletě Vrstvy ji vyberte:
V paletě Vrstvy vyberte „Vrstva 1“.
Krok 12: Přidejte styl vrstvy "Vnitřní stín"
Chystáme se dokončit věci přidáním trochu stínu na naši fotografii, která bude dát rámu ještě více 3D pohled na to. Pokud je vybrána možnost „Vrstva 1“, klikněte znovu v dialogovém okně Styl vrstvy ve spodní části palety Vrstvy:
Klikněte na ikonu „Styl vrstvy“ ve spodní části palety Vrstvy.
Tentokrát vyberte ze seznamu zobrazených stylů vrstev Vnitřní stín:
Ze seznamu stylů vrstev vyberte "Vnitřní stín".
Tím se znovu otevře dialogové okno Styl vrstvy Photoshopu, tentokrát je nastavena možnost „Vnitřní stín“ ve středním sloupci. Vše, co musíme udělat, je snížit krytí stínu, takže to není tak intenzivní. Snižte možnost Opacity na přibližně 65%:
Snižte „krytí“ vnitřního stínu dolů na přibližně 65%, abyste snížili jeho intenzitu.
Klepnutím na tlačítko OK ukončíte dialogové okno Styl vrstvy a máme hotovo! Zde, po přidání aa trochu stínu k mé fotografii, je můj poslední dřevěný rám obrazu:
Konečný výsledek.
A tady to máme! Takto ve Photoshopu vytvoříte jednoduchý dřevěný fotorámeček! Navštivte naši sekci Photo Effects, kde najdete další tutoriály s efekty Photoshopu!