Jak připravit grafiku Flash CS5 pro Catalyst

V Adobe Flash Creative Suite 5 je pečlivá příprava vašeho návrhu ve Photoshopu nebo Illustratoru klíčem k dosažení dobrých výsledků v Catalystu – a ne si rvát vlasy frustrací! Možná budete muset pracovat trochu jinak, než jste zvyklí, aby Catalyst porozuměl souboru návrhu.

Vytvářejte jedinečné předměty

Aby Catalyst rozpoznal tlačítka a další objekty, veškerá kresba, která se stane tlačítkem nebo jinou komponentou, musí být jedinečným objektem, který lze vybrat. (Samozřejmě můžete použít více objektů, jako je obdélník a text.)

To je důležité ve Photoshopu nebo Illustratoru, kde je snadné tento princip ignorovat. Pokud vytvoříte řadu tlačítek, například přidáním nějakého textu a několika oddělovačů na pozadí, pak když soubor přenesete do Flash Catalyst, nebudete mít žádné jedinečné objekty, které byste mohli vybrat. Ujistěte se tedy, že každé tlačítko lze vybrat jednotlivě nebo jako skupinu objektů tvořících toto tlačítko.

Uspořádejte si vrstvy

Pokud vytvoříte vrstvy ve Photoshopu nebo Illustratoru stejným způsobem, jakým s nimi plánujete pracovat v Catalystu, budete mít při vytváření projektu mnohem snazší. Myšlenkou je mít možnost přepnout na viditelnost vrstev a odhalit každou stránku na webu. Obrázek ukazuje sadu vrstev ve Photoshopu, které tento princip ilustrují. Doporučujeme následující:

• Vytvořte složku pro každou stránku vašeho webu; a do každé složky umístěte vrstvy s jedinečným designem pro každou stránku.

• Vytvořte složku jako svou horní vrstvu, která obsahuje vaše navigační tlačítka a vše, co se mezi stránkami nemění, například vaše logo. Možná budete chtít tuto složku nazvat nějak popisně, například Navigace.

• Přiřaďte své vrstvě pozadí barvu, která se zobrazí, když na stránce zmizíte nebo zmizíte. (Některé z nich se také mohou objevit, pokud vaše stránky zcela nepokrývají pozadí.)

  

Vždy označte každou vrstvu co nejpopisněji, zvláště pokud plánujete spolupracovat s vývojářem používajícím Flash Builder. Vývojář možná bude muset použít názvy vrstev v kódu.

Přidejte vyhledávání stavů tlačítek

Různé vzhledy stavů tlačítek (nebo stavů jiných komponent) můžete vytvořit několika způsoby:

• Naskládejte stavy tlačítek na jednotlivé vrstvy ve Photoshopu nebo Illustratoru a vrstvy pečlivě označte, abyste vysvětlili, o co se jedná. Poté můžete vypnout viditelnost vrstev a definovat různé stavy v Catalystu.

• Přidejte stavy tlačítek v Catalystu (namísto přidávání vzhledů ve Photoshopu nebo Illustratoru) pomocí záře, vržených stínů, změny velikosti nebo dalších v Catalystu.

• Exportujte stav tlačítka z Photoshopu nebo Illustratoru jako soubor PNG, JPG nebo GIF a importujte jej do nového stavu v Catalystu.