Hladké prechody pomocou katalyzátora Flash

• Smieť 5, 2024

V poslednom článku ste boli predstavení do programu Flash^R katalyzátor^TM CS5 Časová os. Teraz sa dozvieme, ako Catalyst Timeline robí pridanie profesionálne vyzerajúcich prechodov do našej aplikácie ľahkou úlohou.

Ak poznáte Flash, viete, že animácia má dve hlavné časti. Prvou časťou je prechod, napríklad prechod z jednej stránky na druhú. V aplikácii Flash bežne používame na vytvorenie týchto prechodov doplnenie. Druhá časť sa uvoľňuje. Uľahčenie je spôsob, ako ovládať prechod tak, aby sa javil hladko. Vytvorenie týchto doplnení a uvoľnenie je v programe Flash trochu komplikovanou úlohou, ale program Flash Catalyst pre nás robí všetku prácu.

Vráťme sa do časovej osi katalyzátora. Budeme pokračovať v práci na hornej vrstve, ktorá riadi pohyb zo stránky CityView na stránku UnionParkView našej webovej stránky. Katalyzátor už zistil, že na presun z jednej stránky na druhú použijeme prechod Presunúť. Ak sme teraz testovali našu aplikáciu a klikli na tlačidlo, aby sme prešli na stránku UnionParkView, táto stránka by sa okamžite objavila na našej obrazovke okamžite. Dôvodom je skutočnosť, že k tomuto prechodu sme nepripojili žiadne trvanie. Môžeme to urobiť na časovej osi.

V spodnej časti časovej osi sa zobrazí tlačidlo Hladký prechod. Kliknite na toto tlačidlo a katalyzátor pridá k prechodu trvanie 0,5 sekundy. Vidíme to preto, že malý pruh prechodu Presun sa rozšíril tak, aby pokrýval 0,5 sekundy časovej osi. Predvolená hodnota je 0,5 sekundy, ale toto trvanie môžeme skrátiť alebo predĺžiť jednoducho potiahnutím za koniec tejto lišty. Druhé tlačidlo v dolnej časti časovej osi je tlačidlo Pridať akciu na pridanie ďalších efektov, ako je napríklad rotácia 3D alebo efekt stmievania. Pre každú akciu, ktorú pridáme, nám katalyzátor poskytne ďalšiu kontrolnú lištu na nastavenie doby trvania tohto účinku. Napríklad, ak k tejto vrstve pridáme rotáciu 3D, Katalyzátor pridá ovládaciu lištu označenú 3D rotácia s predvoleným trvaním 0,5 sekundy.

V tomto bode sme nastavili iba trvanie prechodov pripojených k hornej vrstve časovej osi. Ak chceme mať hladké prechody po celej webovej stránke, musíme zopakovať tieto kroky pre ďalšie vrstvy v časovej osi.

* Spoločnosť Adobe mi bezplatne poskytla kópiu recenzie.

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.