Vytváříme DVD v Adobe Encore - 4. díl: Vlastní menu ve Photoshopu a záhadný Subpicture - Grafika.cz - vše o počítačové grafice

Obr. 6.: Ukázka vrstev menu vytvořeného ve Photoshopu.

Obr. 7.: Photoshopem vytvořené menu v Adobe Encore.

Subpicture

Účel většiny položek z tabulky 2 je asi zřejmý. Fungování elementu subpicture si ale žádá hlubší vysvětlení. Mnoho uživatelů je z jeho chování zmateno. Nejprve se omlouvám všem čtenářům za to, že nebudu používat český ekvivalent slova subpicture. Důvod je ten, že žádný ekvivalent není zavedený a vymýšlet si nebo používat nějakou složeninu typu "nosočistoplena" není řešení.

Zpět ale k tématu. Celá věc se má takto. Subpicture je v podstatě součást tlačítka. Barva elementu subpicture, jakož i jeho průhlednost, je závislá na tom, zda je dané tlačítko aktivní, vybrané nebo neaktivní. Barvu i průhlednost elementu lze nastavit ve speciálním menu a k dispozici máme pro každé tlačítko maximálně 3 tyto prvky. Většinou se však využívá pouze jednoho, maximálně dvou. Tvar elementu subpicture je dán alfa kanálem vrstvy, kterou nakreslíme ve Photoshopu a které přiřadíme prefix (=1).

Pokud tedy ve Photoshopu vytvoříme uvnitř složky patřící tlačítku (+) foto vrstvu s názvem (=1) sipka a nakreslíme do ní malý trojúhelník s barevným přechodem, bude mít v Adobe Encore tlačítko foto právě jeden subpicture element s tvarem trojúhelníku.

Obr. 8.: Subpicture vrstvy ve Photoshopu.

Obr. 9.: Subpicture vrstvy v Encore.

Pokud nyní menu otevřeme v Adobe Encore a podíváme se na jeho vrstvy (záložka Layers), zjistíme že viditelnost subpicture elementu sipka1 je vypnuta a zapnout ji nelze. To ale neznamená, že šipku nespatříme vůbec. Potřebujeme pouze zapnout zobrazení elementů prostřednictvím tlačítek Show Selected Subpicture Highlight nebo Show Activated Subpicture Highlight, které najdeme na spodním okraji okna zobrazujícího menu (obrázek 10).

Obr. 10.: Zapnutí zobrazení subpicture elementů.

Zapneme-li Show Selected Subpicture Highlight, měli bychom spatřit vytvořenou šipku. Gradient je ale pryč. Na barvu vrstvy z Photoshopu totiž není brán zřetel, zanedbává se. Resp. barva subpicture elementu v Encore je určena převládající barvou vrstvy z Photoshopu. Můžeme ji změnit, nelze se však zbavit omezení na jednobarevné provedení elementu.

Abychom mohli určit průhlednost elementu a změnit případně jeho barvu, otevřeme si pomocí Menu - Edit Menu Color Set okno Menu Color Set. Každé menu projektu může mít vlastní barevné schéma, jméno nabídky, pro kterou změny provádíme, je zobrazeno vedle položky Menu (obrázek 11). Barevné schéma je nastaveno implicitně na automatické. Pokud bychom při automatickém schématu změnili ve Photoshopu gradient šipky, změnila by se i základní barva subpicture elementu v Encore.

Obr. 11.: Okno Menu Color Set.

Nyní podrobněji k nastavení. Normal Group definuje barvu a průhlednost v normálním stavu tlačítek, tedy ve stavu, kdy jsou neaktivní. Řádky 1, 2 a 3 jsou určeny pro elementy s příslušnými čísly. Když bychom tedy vytvořili ve Photoshopu u tlačítka ještě vrstvu (=2), měl by element s tímto číslem barvu určenou druhým řádkem (obrázek 12).

Obr. 12.: Tlačítko se dvěma subpicture elementy ve stavu Selected.

V případě, že je tlačítko zvýrazněno nebo je aktivní, změní se barva elementu dle nastavení ve skupině Highlight Group 1. Na příkladu s šipkou a na obrázcích 11 a 12 tedy vidíme, že pokud není tlačítko zvýrazněno, je barva šipky černá, ale má maximální průhlednost, tedy není vidět. Pokud je tlačítko zvýrazněno, je barva šipky modrá a je zcela neprůhledná (opacity na 100 %). Pokud je tlačítko aktivní, pak barva zůstane nezměněna.

Jestliže se nám tato nastavení nelíbí, můžeme změnit Color Set na Menu Default a upravit barvy i průhlednosti dle libosti. V pravé části okna se nachází checkbox Preview, díky kterému lze pozorovat změny v nastavení přímo na menu. Musíme ale vybrat správnou skupinu zobrazení (Show Normal Subpicture, Show Selected Subpicture nebo Show Activated Subpicture). Z nastavení na obrázku 13 tedy vidíme, že element 1 (tedy naše šipka) bude mít 60% (ne)průhlednost a černou barvu při neaktivním stavu (A). Jakmile bude tlačítko zvýrazněno, změní se barva na modrou a (ne)průhlednost (opacity) na 100 % (B). Při aktivním stavu se barva tlačítka změní zpět na černou, ale průhlednost zůstane zachována na 100 % (C).

Obr. 13.: Nastavení zvýraznění subpicture elementu tlačítka.

Obr. 14.: Všechny tři stavy tlačítka.

Pokud bychom chtěli například střídat v neaktivním a zvýrazněném stavu tlačítka element ve tvaru kruhu s elementem šipky, které se vzájemně nepřekrývají, bude vypadat nastavení barevného schématu tak, jak ukazuje obrázek 15. Budeme pouze střídat průhlednosti elementů.

Obr. 15.: Nastavení barevného schématu pro střídání prvků.

Obr. 16.: Změna stavu změní viditelnost elementů.

Budou-li se elementy protínat, je oblast prvku v nižší vrstvě zcela přebita nastavením elementu ve vyšší vrstvě (nehledě na jejich očíslování). Pokud tedy vezmeme kruh a šipku z předchozí ukázky a nastavíme kruhu, který je ve vyšší vrstvě, 60% průhlednost, neznamená to, že se tato barva z vrstvy 2 přičte k vrstvě 1, místo toho ji zcela nahradí.

Obr. 17.: Změna nastavení průhlednosti překrývajících se elementů ...

Obr. 18.: ... způsobí "oříznutí" jednoho elementu druhým.

Tip: Při vytváření menu ve Photoshopu rovněž pamatujte, že na pořadí vrstev záleží. Subpicture 1 tedy může klidně zakrývat subpicture 2, pokud ho posuneme výše v pořadí vrstev (obrázek 19 a 20).

Obr. 19.: Prohozené pořadí vrstev (=1) a (=2) u dvou tlačítek.

Obr. 20.: Zde vidíme, jak se projeví pořadí vrstev na vzhledu.

V online manuálu k Adobe Encore a problematice subpicture prvků nalezneme následující obrázek.

Obr. 21.: Screenshot z manuálu od Adobe k problematice subpicture elementů (zdroj Adobe).

Závěr

Dnes jsme si řekli několik doporučení k vytváření projektu a ukázali si, jak pomocí Adobe Photoshopu vytvořit vlastní menu. Rovněž jsme si podrobně vysvětlili způsob, jakým funguje skládání subpicture elementů v Adobe Encore. V příštím díle se můžete těšit na tvorbu animovaného menu a tvorbu tlačítek s video náhledy.