IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Lekce 4 - Základy Adobe Photoshop - Styly vrstev

V minulé lekci, Základy Adobe Photoshop - Vrstvy, jsme se věnovali vrstvám. Naučili jsme se je vytvářet, duplikovat, transformovat, svazovat a podobně.

V dnešní lekci Adobe Photoshopu se zaměříme na styly vrstev. Projdeme si jednotlivé efekty, které můžeme na vrstvy aplikovat, a následně si za pomoci těchto efektů vytvoříme pozvánku na narozeninovou oslavu.

Styl vrstvy

Jednou z funkcí, kterou Photoshop vyniká, je dialogové okno Styl vrstvy. Poskytuje nám různé předpřipravené efekty, pomocí kterých můžeme měnit nedestruktivním způsobem vzhled vrstvy nebo skupiny vrstev. Nedestruktivním proto, že styl se vždy aktualizuje se změnou vrstvy a lze ji tedy stále pohodlně upravovat. Můžeme tak např. přidat stín textu jediným kliknutím a poté text kdykoli změnit, aniž bychom složitě stín znovu vytvářeli přes novou vrstvu, rozmazávali, zprůhledňovali a podobně, jak se stín v jiných editorech musí vytvářet.

Okno Styl vrstvy lze zobrazit několika způsoby, buďto dvojitým kliknutím na vrstvu (mimo název / ikonu) nebo kliknutím na ikonu fx, která se nachází ve spodní liště na panelu vrstvy. Vytvořte si např. nějaký text a poté na vrstvě toto okno vyvolejte:

Dialogové okno Styl vrstvy Adobe Photoshop - Základy Adobe Photoshop

Přehled stylů

Po levé straně vidíme několik stylů/efektů, které můžeme vrstvě přiřadit. Jsou to:

  • Úkos a reliéf
  • Vytažení
  • Vnitřní stín
  • Vnitřní záře
  • Satén
  • Překrytí barvou
  • Překrytí přechodem
  • Překrytí vzorkem
  • Vnější záře
  • Vržený stín

Pojďme si jednotlivé styly představit a u těch nejdůležitějších si uveďme i ukázku. Ty další si můžete proklikat sami :)

Úkos a reliéf

Přidá do vrstvy kombinace stínů a světel:

Styl vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Vytažení

Obtáhne okraje objektu s použitím barvy nebo vzorku:

Styl vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Vnitřní záře

Přidá záři, která vychází z vnitřních okrajů obsahu vrstvy.

Satén

Přidá do vrstvy vnitřní stínování, které vytváří saténový povrch.

Překrytí barvou

Vyplní obsah vrstvy barvou:

Styl vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Překrytí přechodem

Vyplní obsah vrstvy přechodem:

Styl vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Překrytí vzorkem

Vyplní obsah vrstvy vzorkem:

Styl vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Vnější záře

Přidá záři, která vychází z vnějších okrajů obsahu vrstvy:

Styl vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Vržený stín

Přidá stín, který dopadá až za obsah vrstvy:

Styl vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Volby stylů

Efekty mají další volby, které si můžete vyzkoušet. Na většinu z nich určitě přijdete sami, asi není třeba vysvětlovat co dělá Barva nebo Přechod. Jejich vyčerpávající popis jsme případně vyčlenili do samostatného článku Volby vrstvy a režimy prolnutí. Článek je spíše manuálového charakteru a doporučuji jej navštívat až jej budete potřebovat.

Základní práce s efekty

Když již umíme styly vrstvám přidávat, pojďme se podívat i na další možnosti práce, které nám s nimi Photoshop nabízí.

Zkopírování efektu do jiné vrstvy

Pro zkopírování existujícího efektu do jiné vrstvy stiskneme klávesu Alt a daný efekt přesuneme:

Zkopírování efektu do jiné vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Takto můžeme aplikovat stejně nastavený efekt na více různých vrstev.

Skrytí / zobrazení efektu

Efekt vrstvy lze skrýt / zobrazit kliknutím na oko Základy Adobe Photoshop, které se nachází vedle daného efektu:

Skrytí/zobrazení efektu vrstvy v Adobe Photoshop - Základy Adobe Photoshop

Úprava existujícího efektu

V případě, že chceme upravit existující efekt, najdeme si ho v seznamu efektů pod vrstvou a dvakrát na něj klikneme.

Odstranění stylu a efektu

Styl vrstvy nebo efekt odstraníme přesunutím na ikonu koše Základy Adobe Photoshop, která se nachází ve spodní liště na panelu vrstvy.

Praktická ukázka využití stylů vrstev

Nyní si pojďme vytvořit již zmíněnou narozeninovou pozvánku. Začněme tím, že si vytvoříme nový dokument s rozměry 148 mm x 210 mm. Pomocí nástroje Plechovka barvy Základy Adobe Photoshop nastavíme vrstvě bílou barvu a v dialogovém oknu Styl vrstvy aktivujeme efekt Textura a vybereme texturu s název Ruční papír. Dále nástrojem Vodorovný text Základy Adobe Photoshop přidáme text a nastavíme si písmo, barvu a velikost:

Základy Adobe Photoshop

Pod tento text vytvoříme obdélník, pomocí nástroje obdélník Základy Adobe Photoshop, kterému nastavíme efekt Překrytí přechodem. Následně do něj vepíšeme další text s informacemi:

Základy Adobe Photoshop

Nakonec ještě přidáme nějaké balónky. Můžete použít vlastní nebo si z stáhnout ty, které jsou použité v této lekci. Balónkům změníme barvu pomocí efektu Překrýt barvou. Volně použitelné fotografie a cliparty naleznete např. na stránce https://pixabay.com/. Obrázky stačí na plochu PS přetáhnout myší jako soubory, do dokumentu se poté vloží.

Naše výsledná pozvánka na narozeninovou oslavu by mohla vypadat nějak takto:

Základy Adobe Photoshop

V následujícím cvičení, Řešené úlohy k 1. - 4. lekci Adobe Photoshop, si procvičíme nabyté zkušenosti z předchozích lekcí.


 

Předchozí článek
Základy Adobe Photoshop - Vrstvy
Všechny články v sekci
Základy Adobe Photoshop
Přeskočit článek
(nedoporučujeme)
Řešené úlohy k 1. - 4. lekci Adobe Photoshop
Článek pro vás napsal Daniel Zábojník
Avatar
Uživatelské hodnocení:
65 hlasů
Autor se věnuje vývoji (a příležitostně navrhování) výjimečných desktopových a mobilních aplikací, grafickému zpracování a všemu co k tomu patří.
Aktivity