Přeměna grafiky na tlačítka v aplikaci Flash Catalyst

• Smět 23, 2024

Nyní, když jsme importovali náš soubor projektu portfolia PhotoshopLayout.psd do Adobe^R Blikat^R Katalyzátor^TM a prozkoumali jsme pracovní prostor Catalyst, jsme připraveni pracovat na navigaci v našem portfoliu.

Momentálně máme k projektu pouze jednu stránku nebo stát. Musíme vytvořit další dvě stránky, abychom mohli na každé stránce zobrazit jiné logo.

1. V panelu Stránky / Stavy dvakrát klikneme na tlačítko Duplikovat stavy. To nám poskytne Page2 a Page3. Ale všichni jsou si podobní. Postarej se o to.

2. Klikněte na ikonu Page1 a přejděte na panel Vrstvy. Otevřete složku Logos. Chceme, aby na této stránce bylo viditelné pouze logo 1. Vypněte viditelnost loga 2 a 3.

3. Klikněte na ikonu Page2 a vypněte viditelnost loga 1 a 3. Zapněte viditelnost loga 2.

4. Klikněte na ikonu Page3 a vypněte viditelnost loga 1 a 2. Zapněte viditelnost loga 3.

Dále vytvoříme tlačítka pro naše portfolio. Pro každé logo máme miniaturu. To budou tlačítka.

5. Vraťte se na stránku Page1 kliknutím na ikonu na panelu Stránky / státy. Na panelu Vrstvy otevřete složku Náhledy. Na Artboardu klikněte na miniaturu loga 1. Když to uděláte, uvidíte HUD otevřený a panel Vlastnosti se změní.

Pojďme nejprve pracovat v HUD. To je místo, kde řekneme Catalyst, že chceme udělat tento bitmapový obrázek do tlačítka.

6. V části Převést kresbu klikněte na Převést kresbu na komponentu a zvolte tlačítko ze seznamu součástí. HUD se změní a poskytne nám nové ovládací prvky pro naše tlačítko. Rozbalte seznam Vlastní interakce a potom klikněte na ikonu Plus. Ze seznamu vyberte On Click. Získáte další rozbalovací nabídku s názvem Do Action. Z této nabídky vyberte Přehrát přechod do stavu. Z rozbalovací nabídky Vybrat stát vyberte Page1, protože chceme, aby toto tlačítko přivedlo diváka na Page1.

7. Klikněte na miniaturu loga 2 a opakujte předchozí krok. Nastavte Choose State na Page2.

8. Klikněte na miniaturu loga 3 a opakujte předchozí krok. Nastavte Choose State na Page3.

Vyzkoušejte naše tlačítka. V nabídce klikněte na Soubor - Spustit projekt. Otevře se ve webovém prohlížeči. Když kliknete na každé tlačítko, mělo by být viditelné správné logo.

V dalším tutoriálu ztlumíme tlačítko pro viditelné logo a přidáme přechod mezi stránkami.

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společnosti Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst a Flash Paper je / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: Práce s flash bannery - videomanual (Smět 2024).