Přidání interaktivních komponent do Flash Catalyst

• Smět 12, 2024

V tomto tutoriálu dokončíme prezentaci portfolia v Adobe^R Blikat^R Katalyzátor^R. Pokud jste postupovali společně, vytvořili jsme tlačítka a jsme připraveni přidat speciální efekty. Při procházení portfolia chceme, aby tlačítko pro viditelné logo bylo tlumeno a ostatní tlačítka viditelná. Proto musíme Catalystovi sdělit, které tlačítko je pro kterou stránku a kdy ztlumit tlačítka. Pak přidáme efekt přechodu Fade mezi stránky.

Nejprve ztlumíme tlačítko pro aktuální logo. Když je ve stavu Page1 viditelné logo 1, chceme, aby bylo tlačítko shody ztmaveno. Musíme to udělat pro všechny tři státy nebo stránky našeho portfolia.

1. Klepnutím na ikonu Page1 v panelu Stránky / Stavy fungujte na této stránce. Klikněte na miniaturu obrázku, který je nyní naším tlačítkem pro logo 1. Na panelu Vlastnosti nastavte krytí na 40. Protože střed rohože pod tlačítkem je černý, způsobí to, že bude tlačítko ztlumené.

2. Klepněte na ikonu Page2 na panelu Stránky / Stavy. Opakujte předchozí krok pro Page2 stmíváním pouze tlačítka, které odpovídá logu 2. Klepněte na ikonu Page3 na panelu Stránky / státy a opakujte tento krok.

Kliknutím na Soubor - Spustit projekt otestujete náš nový efekt. Po kliknutí na tlačítka by mělo být viditelné odpovídající logo a toto tlačítko by mělo být tlumeno.

Poslední věcí, kterou přidáme do naší navigace, je přechod přechodu mezi stránkami pomocí časové osy. Klepnutím na ikonu Page1 se vraťte na stránku Page1. Podívejte se na vrstvy na časové ose a uvidíte, že máme vrstvu pro každý možný přechod mezi všemi třemi stranami.

Page1> Page2
Page1> Page3
Page2> Page1
Page3> Page1

3. Klikněte na vrstvu Page1> Page2. Uvidíte, že Catalyst nám dal možnosti přechodu pro loga 1 a 2 (ztlumená) a tlačítka 1 a 2. Protože se budeme pohybovat od loga 1, máme možnost Fade Out. Ale přesuneme se k logu 2. Pro toto logo máme možnost Fade In.

Efekt Fade Out přidáme pouze k logu 1 a Fade In Effect do loga 2. Efekt Fade Out nepotřebujeme pro naše tlačítka. Možná však budete chtít použít tento efekt v jiném projektu.

Klikněte na tlačítko Hladký přechod ve spodní části časové osy. Uvidíte, že ovládací prvky Fade Out / In byly ve všech vrstvách rozšířeny na půl sekundy. Stále ve vrstvě Page1> Page2 musíme vypnout efekt obou tlačítek. Pro každé tlačítko stiskněte posuvný ovladač doleva.

Klikněte na vrstvu Page1> Page3. Opakujte předchozí krok pro obě tlačítka a loga. Opakujte znovu pro vrstvu Page2> Page1 a vrstvu Page3> Page1.

To se stará o všechny přechody pro stát Page1. V našem portfoliu však máme tři státy. Musíme to udělat znovu pro další dva státy. Klikněte na ikonu Page2 na panelu Stránky / Stavy.

Podívejte se na vrstvy v časové ose. Všimněte si, že nastavení, která jsme právě nastavili pro stav Page1, se přenáší do stavu Page2 pro přechody mezi Page1> Page2 a Page2> Page3. Stačí přidat přechod mezi Page2> Page3 a Page3> Page2.

4. Opakujte předchozí kroky, chcete-li použít přechody na loga stavu Page2. Musíte to udělat pro každou vrstvu na časové ose.

5. Klepněte na ikonu Page3 na panelu Stránky / Stavy. Všimněte si, že nastavení přechodu bylo přeneseno z ostatních dvou stavů. Pokud bychom měli více stránek, museli bychom pro tento stav pracovat na vrstvách. Ale protože je to poslední ze tří států, jsme všichni nastaveni.

Vyzkoušejte svůj projekt znovu. Pokud vše funguje, jsme připraveni soubor uložit jako LogoPortfolio.fxp.

6. Musíme Catalystovi sdělit, aby vytvořil soubory, které budou zobrazovat naše portfolio Flash. Klikněte na Soubor - Publikovat do SWF. Vyhledejte správné místo na pevném disku a uložte svůj projekt. Uvidíte, že vám Catalyst dá dvě složky. Ve složce implementace na web máme soubory potřebné ke spuštění portfolia na webovém serveru. V run-local máme soubory pro provozování portfolia na naší ploše.

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: How I Made My Own iPhone - in China (Smět 2024).