V tomto kurzu vám ukážu, jak pomocí ořezových masek ve Photoshopu zobrazit a skrýt různé části vrstvy a přizpůsobit obrázky tvarům! Naučíme se základy toho, jak vytvořit ořezovou masku, a podrobněji prozkoumáme myšlenku, která za nimi stojí, takže na konci této lekce budete mít důkladný přehled o tom, jak ořezové masky fungují. Budu používat Photoshop CC, ale vše je plně kompatibilní s Photoshopem CS6 a staršími. Pojďme začít!

Co jsou ořezové masky?

Ořezové masky ve Photoshopu jsou účinným způsobem, jak ovládat viditelnost vrstvy. V tomto smyslu jsou ořezové masky podobné masky vrstvy. Přestože konečný výsledek může vypadat stejně, ořezové masky a masky vrstev se velmi liší. Maska vrstvy používá k zobrazení a skrytí různých částí vrstvy černou a bílou masku. Ořezová maska však používá obsah a průhlednost jedné vrstva k řízení viditelnosti jiné.

K vytvoření ořezové masky potřebujeme dvě vrstvy. Vrstva dole řídí viditelnost vrstvy nad ní. Jinými slovy spodní vrstva je maska a vrstva nad ní je vrstva, která je připnuta k masce.

Pokud spodní vrstva obsahuje skutečný obsah (pixely, tvary nebo typ), je viditelný obsah na vrstvě nad ní. Pokud je ale jakákoli část vrstvy ve spodní části průhledná, bude stejná oblast ve vrstvě nad ní skrytá. To může znít více matoucí než to, jak funguje maska vrstvy, ale stejně snadno se používají ořezové masky. Pojďme si vytvořit ořezovou masku sami, abychom mohli lépe pochopit, jak fungují.

Stáhněte si tento návod jako PDF připravený k tisku!

Jak funguje ořezová maska

Abychom skutečně měli smysl ořezové masky, musíme nejprve pochopit rozdíl mezi obsahem a průhledností ve vrstvě. Chcete-li se mnou pokračovat, můžete otevřít libovolný obrázek. Použiji zde tuto fotografii mého malého přítele, který „Snaží se také svým způsobem pochopit, o čem jsou tyto výstřižky (fotka z Adobe Stock):

Masková vrstva a oříznutá vrstva

Pokud se podíváme na panel Vrstvy, vidíme fotografii na vrstvě Pozadí, která je aktuálně jedinou vrstvou v dokument:

K vytvoření ořezové masky potřebujeme dvě vrstvy, jeden, který bude sloužit jako maska a druhý, který bude připnut k masce, tak přidejme druhou vrstvu. Přidáme novou vrstvu pod obrázek. Nejprve odemkneme vrstvu na pozadí. Ve Photoshopu CC ji odemkneme kliknutím na ikonu zámku. Ve Photoshopu CS6 nebo dřívější stiskněte a podržte klávesu Alt (Win) / Option (Mac) na klávesnici a dvakrát klikněte na vrstvu Pozadí:

Tím se odemkne vrstva pozadí a přejmenuje se it „Layer 0“:

Potom přidáme nová vrstva pod obrázkem, stiskněte a podržte klávesu Ctrl (Win) / Command (Mac) na klávesnici a klikněte na ikonu Přidat novou vrstvu:

Pod fotografií se objeví nová vrstva s názvem „Vrstva 1“ a nyní máme v dokumentu dvě vrstvy. Spodní vrstvu proměníme v masku a obrázek nad ním bude oříznut na masku:

Porozumění ořezové masce: obsah vs. průhlednost

Skrytí původního obrázku pro tuto chvíli kliknutím na ikonu viditelnosti horní vrstvy:

Když je horní vrstva vypnutá, zobrazí se právě přidaná vrstva. Ve výchozím nastavení jsou nové vrstvy ve Photoshopu prázdné, což znamená, že nemají vůbec žádný obsah. Vrstva bez obsahu je průhledná a vidíme skrz ni. Pokud pod průhlednou vrstvou nejsou žádné další vrstvy, Photoshop zobrazí průhlednost jako šachovnicový vzor, jak vidíme zde:

Horní vrstvu znovu zapnete dalším kliknutím na ikonu viditelnosti:

Horní vrstva obsahuje skutečný obsah. V tomto případě jde o obsah založený na pixelech, protože se díváme na digitální fotografii, ale ve Photoshopu může být obsahem také vektorový tvar nebo dokonce text. Opravdu vše, co není transparentní, je považováno za obsah:

Jak vytvořit ořezovou masku ve Photoshopu

Ořezové masky používají obsah a průhlednost níže uvedené vrstvy k řízení viditelnosti výše uvedené vrstvy. Pojďme vytvořit ořezovou masku pomocí našich dvou vrstev a uvidíme, co se stane.

Krok 1: Vyberte vrstvu, která bude oříznuta

Při vytváření ořezové masky musíme nejdříve vyberte vrstvu, která bude oříznuta na vrstvu pod ní. V tomto případě bude horní vrstva („vrstva 0“) oříznuta ke spodní vrstvě („vrstva 1“), proto se ujistěte, že je vybrána horní vrstva:

Krok 2: Vyberte možnost „Vytvořit ořezovou masku“

Chcete-li vytvořit ořezovou masku, přejděte do nabídky Vrstva v pruhu nabídek a zvolte Vytvořit ořezovou masku:

A to je vše! S vytvořenou maskou vrstvy panel Vrstvy nyní zobrazuje horní vrstvu („Vrstva 0“) odsazenou vpravo, s malou šipkou směřující dolů na „Vrstvu 1“ pod ní. takto nám Photoshop říká, že horní vrstva je nyní oříznuta na vrstvu níže:

Ale problém je, že vše, čeho jsme doposud dosáhli vytvořením ořezové masky, je to, že jsme „skryli obraz z pohledu, a to proto, že naše vrstva masky („Vrstva 1“) neobsahuje žádný obsah. Je to zcela průhledné. S ořezovou maskou jsou všechny oblasti v horní vrstvě, které sedí přímo nad průhlednými oblastmi ve spodní vrstvě, skryty. Protože spodní vrstva neobsahuje nic jiného než průhlednost, není vidět žádná část obrázku nad ní:

Jak uvolnit ořezovou masku

Nebylo to příliš zajímavé, uvolněte ořezovou masku tak, že přejdete do nabídky Vrstva a vyberete možnost Uvolnit ořezovou masku:

Na panelu Vrstvy již není horní vrstva odsazena doprava, což znamená, že již není oříznuta do vrstvy níže:

A v dokumentu se vracíme zpět k naší obrázek:

Přidávání obsahu do ořezové masky

Pojďme přidat nějaký obsah do spodní vrstvy. Kliknutím na ikonu viditelnosti horní vrstvy skryjete obrázek, abychom viděli, co děláme:

Poté klikněte na spodní vrstvu, aby byla aktivní:

přidat obsah, nakreslíme jednoduchý tvar. Vyberte nástroj Eliptický rámeček z panelu nástrojů kliknutím pravým tlačítkem (Win) / Ctrl (Mac) na nástroj Obdélníkový rámeček a výběrem nástroje Eliptický rámeček z rozbalovací nabídky:

Klikněte a přetáhněte eliptický obrys výběru uprostřed dokumentu:

V pruhu nabídek přejděte do nabídky Úpravy a vyberte příkaz Vyplnit:

V dialogovém okně Vyplnit nastavte možnost Obsah na černou a poté klikněte na OK:

Photoshop vyplní výběr černou barvou. Chcete-li odebrat obrys výběru z celého tvaru, přejděte do nabídky Vybrat a vyberte možnost Zrušit výběr:

A teď místo zcela průhledné vrstvy máme uprostřed oblast s nějakým obsahem. Všimněte si však, že oblast kolem obsahu zůstává průhledná:

Zpět na panelu Vrstvy miniatura náhledu spodní vrstvy nyní zobrazuje černý tvar. Zde je důležité si uvědomit, že pokud porovnáte miniatury náhledu pro obě vrstvy, uvidíte, že část obrázku v horní vrstvě sedí přímo nad obsahem (tvarem) ve spodní vrstvě. Některé fotografie sedí nad průhlednými oblastmi ve spodní vrstvě:

Vytvoření další ořezové masky

Nyní, když jsme do spodní vrstvy přidali nějaký obsah, vytvořme další ořezovou masku. Znovu nejprve musíme vybrat vrstvu, která bude oříznuta na vrstvu níže, takže ji vyberte kliknutím na horní vrstvu.Poté kliknutím na ikonu viditelnosti horní vrstvy zviditelněte obrázek na vrstvě:

Vraťte se zpět do nabídky Vrstva a znovu zvolte Vytvořit ořezovou masku:

Na panelu Vrstvy vidíme horní vrstvu připnutou k vrstvě pod ní, stejně jako jsme to viděli naposledy:

V dokumentu však nyní vidíme velmi odlišný výsledek. Tentokrát část fotografie, která je sedět přímo nad tvarem na vrstvě pod ním zůstává viditelné! Jediné skryté části fotografie jsou oblasti obklopující tvar, protože tyto oblasti stále sedí nad průhledností:

Přesouvání obsahu v ořezové masce

Výsledek by samozřejmě mohl vypadat lépe, kdyby byl náš předmět ve středu tvaru. Pomocí ořezových masek je snadné v nich přesouvat a přesouvat obsah. Stačí na panelu nástrojů vybrat nástroj Přesunout:

Poté klikněte na fotografii a přetáhněte ji do polohy. Při posouvání obrázku zůstane viditelná pouze oblast, která se pohybuje přes tvar na vrstvě pod ní. A to jsou základy fungování ořezové masky :

Kdy použít ořezovou masku

Zatímco masky vrstev jsou nejvhodnější pro míchání vrstev s plynulými přechody, ořezové masky ve Photoshopu jsou perfektní, když se váš obrázek musí vešet do jasně definovaného tvaru. Tvar může být ten, který jste nakreslili nástrojem pro výběr, jak jsme viděli. Ořezovou masku lze ale také použít k vyplnění vektorového tvaru obrázkem nebo k umístění obrázku do textu. Jako další příklad toho, co můžeme s ořezovými maskami udělat, se pojďme rychle podívat, jak lze ořezovou masku použít k umístění fotografie do rámečku.

Vložení fotografie do rámečku pomocí ořezových masek

Zde mám dokument obsahující dva obrázky, každý v samostatné vrstvě. Fotografie ve spodní vrstvě obsahuje rámeček:

A pokud zapnu horní vrstvu kliknutím na její ikonu viditelnosti:

Vidíme fotografii, kterou chci umístit do rámečku:

Horní vrstvu prozatím skryji opětovným kliknutím na její viditelnost a kliknutím na vrstvu pozadí ji vyberu:

Kreslení nebo výběr tvaru

I zmínil, že ořezové masky fungují nejlépe, když váš obrázek musí zapadat do tvaru. V tomto případě je tvarem plocha uvnitř rámu. Protože je oblast vyplněna černou barvou, vyberu ji pomocí nástroje Magic Wand ve Photoshopu:

Kliknu nástrojem Magic Wand Tool uvnitř rámečku a nyní je oblast vybrána:

Poté zkopíruji vybranou oblast do nové vrstvy tak, že přejdu do nabídky Vrstva v pruhu nabídek, vyberu Nový a poté vyberu Vrstva přes Kopírovat:

Photoshop zkopíruje můj výběr do nové vrstvy mezi vrstvou pozadí a fotografií, kterou vložím do rámečku. Nyní mám tvar, který potřebuji k vytvoření ořezové masky:

Rychlejší způsob vytvoření ořezové masky

Chcete-li vytvořit výstřižek masku, vyberu horní vrstvu a vrstvu znovu zapnu kliknutím na její ikonu viditelnosti:

Viděli jsme, že můžeme vytvořit ořezovou masku výběrem možnosti Vytvořit ořezovou masku z nabídky Vrstva. Rychlejším způsobem však je stisknout a podržet klávesu Alt (Win) / Option (Mac) na klávesnici, když umístíte kurzor myši mezi dvě vrstvy. Kurzor se změní na ikonu ořezové masky:

Klikněte na dělicí čáru mezi těmito dvěma vrstvy pro vytvoření ořezové masky:

S vytvořenou ořezovou maskou se fotografie nyní zobrazí pouze uvnitř rámečku, protože to je jediná část obrázku, která sedí nad skutečným obsahem na vrstvě pod ní. Zbytek fotografie je skrytý, protože sedí nad průhledností:

Změna velikosti obsahu v ořezové masce

Nakonec jsme viděli, že můžeme přesouvat obsah uvnitř ořezové masky pomocí nástroje Přesunout. Stejně snadno však můžeme změnit velikost obsahu ořezové masky pomocí příkazu aplikace Photoshop Free Transform. V tuto chvíli je moje fotka příliš velká na rámeček, takže ji změním tak, že přejdu do nabídky Úpravy a vyberu Free Transformace:

Photoshop umístí bezplatnou Transformační pole a úchyty kolem obrázku, včetně oblasti mimo rámeček, která je aktuálně skryta ořezovou maskou:

Chcete-li změnit jeho velikost, stisknu a podržím klávesu Shift, když kliknu na rohové úchyty a přetáhnu je dovnitř. Podržením klávesy Shift uzamknete poměr stran obrazu, takže jej nezkreslím:

Chcete-li to přijmout, ukončím funkci Free Transform stisknutím Enter (Win) / Return (Mac) na klávesnici. A nyní díky síle ořezových masek fotografie pěkně zapadá do rámečku:

A tady to máme! Takto fungují ořezové masky ve Photoshopu a jak pomocí ořezové masky zobrazit a skrýt různé části vrstvy! Další výukové programy pro Photoshop naleznete v naší sekci Základy aplikace Photoshop!