Pridávanie interaktívnych komponentov do katalyzátora Flash

• Smieť 5, 2024

V tomto návode dokončíme prezentáciu portfólia v Adobe^R blesk^R katalyzátor^R, Ak ste postupovali ďalej, urobili sme naše gombíky a sme pripravení pridať špeciálne efekty. Pri navigácii v portfóliu chceme, aby tlačidlo pre viditeľné logo bolo stlmené a ostatné tlačidlá boli viditeľné. Preto musíme Catalystovi povedať, ktoré tlačidlo je pre ktorú stránku a kedy stlmiť tlačidlá. Potom pridáme efekt prechodu Fade medzi stránky.

Najprv stlmíme tlačidlo pre aktuálne logo. Ak je logo 1 v štáte Page1 viditeľné, chceme, aby sa tlačidlo na zhodu zhodovalo. Musíme to urobiť pre všetky tri štáty alebo stránky nášho portfólia.

1. Kliknite na ikonu Page1 na paneli Stránky / štáty, aby ste na tejto stránke pracovali. Kliknite na obrázok miniatúry, ktorá je teraz našim tlačidlom pre logo 1. Na paneli Vlastnosti nastavte krytie na 40. Pretože stred rohože pod tlačidlom je čierny, bude to mať za následok stmavenie tlačidla.

2. Na paneli Stránky / štáty kliknite na ikonu Page2. Opakujte predchádzajúci krok pre stránku Page2 stmievaním iba tlačidla, ktoré zodpovedá logu 2. Kliknite na ikonu Page3 na paneli Stránky / štáty a zopakujte tento krok.

Kliknutím na Súbor - Spustiť projekt otestujete náš nový efekt. Keď kliknete na tlačidlá, príslušné logo by malo byť viditeľné a toto tlačidlo by malo byť stlmené.

Posledná vec, ktorú pridáme do našej navigácie, je prechod Fade medzi jednotlivými stránkami pomocou časovej osi. Kliknutím na ikonu Page1 prejdite späť na stránku Page1. Prezrite si vrstvy na časovej osi a uvidíte, že máme vrstvu pre každý možný prechod medzi všetkými tromi stranami.

Strana1> Strana2
Page1> Page3
Strana2> Strana1
Strana3> Strana1

3. Kliknite na vrstvu Page1> Page2. Uvidíte, že Katalyzátor nám dal možnosti prechodu pre logá 1 a 2 (stlmené) a tlačidlá 1 a 2. Pretože sa posunieme od loga 1, máme možnosť Fade Out. Presunieme sa však na logo 2. Pre toto logo máme možnosť Fade In.

Efekt Fade Out pridáme iba do loga 1 a Fade In Effect do loga 2. Nepotrebujeme efekt Fade Out na naše tlačidlá. Možno však budete chcieť využiť tento efekt v inom projekte.

Kliknite na tlačidlo Hladký prechod v dolnej časti časovej osi. Uvidíte, že ovládacie prvky Fade Out / In boli vo všetkých vrstvách rozšírené na polovicu sekundy. Stále vo vrstve Page1> Page2 musíme vypnúť efekt oboch tlačidiel. Pre každé tlačidlo stlačte posúvač doľava.

Kliknite na vrstvu Page1> Page3. Zopakujte predchádzajúci krok pre dve tlačidlá a logá. Zopakujte postup znova pre vrstvu Page2> Page1 a vrstvu Page3> Page1.

To sa stará o všetky prechody pre štát Page1. V našom portfóliu však máme tri štáty. Musíme to urobiť znova pre ďalšie dva štáty. Kliknite na ikonu Page2 na paneli Stránky / štáty.

Pozrite sa na vrstvy v časovej osi. Všimnite si, že nastavenia, ktoré sme práve nastavili pre stav Page1, sa prenášajú do stavu Page2 pre prechody medzi Page1> Page2 a Page2> Page3. Potrebujeme len pridať prechod medzi Page2> Page3 a Page3> Page2.

4. Zopakujte predchádzajúce kroky, aby sa prechody použili na logá štátu Page2. Musíte to urobiť pre každú vrstvu v časovej osi.

5. Na paneli Stránky / štáty kliknite na ikonu Page3. Zistíte, že nastavenia prechodu boli prenesené z ostatných dvoch stavov. Keby sme mali viac stránok, museli by sme pre tento stav pracovať na vrstvách. Ale pretože je to posledný z týchto troch štátov, všetci sme pripravení.

Znova vyskúšajte svoj projekt. Ak všetko funguje, sme pripravení súbor uložiť ako LogoPortfolio.fxp.

6. Musíme Catalystovi povedať, aby vygeneroval súbory, ktoré zobrazia naše portfólio Flash. Kliknite na Súbor - Publikovať do SWF. Prejdite na správne miesto na pevnom disku a uložte svoj projekt. Uvidíte, že vám Catalyst dá dve zložky. V zložke nasadenia na web máme súbory potrebné na spustenie portfólia na webovom serveri. V run-local máme súbory na spustenie portfólia na našej pracovnej ploche.

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoloč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 / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.