Adăugarea de componente interactive în Flash Catalyst

• Aprilie 25, 2024

În acest tutorial, vom finaliza prezentarea de diapozitive a portofoliului în Adobe^R bliț^R Catalizator^R. Dacă ați urmat, am făcut butoanele noastre și suntem gata să adăugăm efectele speciale. Pe măsură ce navigăm prin portofoliu, dorim ca butonul pentru logo-ul vizibil să fie redus și celelalte butoane vizibile. Prin urmare, trebuie să-i spunem Catalyst care buton este pentru ce pagină și când să se întunece butoanele. Apoi vom adăuga un efect de tranziție Fade între pagini.

Mai întâi vom deconecta butonul pentru logo-ul curent. Când sigla 1 este vizibilă în starea Page1, dorim ca butonul de potrivire să fie redus. Trebuie să facem acest lucru pentru toate cele trei state sau pagini din portofoliul nostru.

1. Faceți clic pe pictograma Page1 din panoul Pagini / State pentru a lucra pe pagina respectivă. Faceți clic pe imaginea în miniatură care este acum butonul nostru pentru logo 1. În panoul Proprietăți, setați Opacitatea pe 40. Deoarece centrul covorului de sub buton este negru, acest lucru va face ca butonul să pară întunecat.

2. Faceți clic pe pictograma Page2 din panoul Pagini / State. Repetați pasul anterior pentru Page2 prin întunecarea numai a butonului care se potrivește cu logo-ul 2. Faceți clic pe pictograma Pagina3 din panoul Pagini / State și repetați acest pas.

Faceți clic pe File - Run Project pentru a testa noul nostru efect. Pe măsură ce faceți clic pe butoane, sigla corespunzătoare ar trebui să fie vizibilă și butonul respectiv ar trebui să fie întunecat.

Ultimul lucru pe care îl vom adăuga la navigarea noastră este o tranziție estompată între pagini, folosind cronologia. Reveniți la Pagina1 făcând clic pe pictograma Page1. Aruncați o privire la straturile din Cronologie și veți vedea că avem un strat pentru fiecare tranziție posibilă între cele trei pagini.

Pagina1> Pagina2
Pagina1> Pagina3
Pagina2> Pagina1
Pagina3> Pagina1

3. Faceți clic pe stratul Page1> Pagina2. Veți vedea că Catalyst ne-a oferit opțiunile de tranziție pentru logo-urile 1 și 2 (întunecate) și butoanele 1 și 2. Pentru că ne vom îndepărta de logo-ul 1, avem o opțiune Fade Out. Dar vom trece la sigla 2. Avem o opțiune Fade In pentru acest logo.

Vom adăuga efectul Fade Out la sigla 1 și Fade In efect la sigla 2. Nu avem nevoie de efectul Fade aplicat butoanelor noastre. Cu toate acestea, poate doriți să utilizați acest efect într-un alt proiect.

Faceți clic pe butonul Smooth Transition din partea de jos a Cronologiei. Veți vedea că controalele Fade Out / In au fost extinse la o jumătate de secundă pe toate straturile. Încă pe stratul Page1> Page2, trebuie să dezactivăm efectul pentru cele două butoane. Apăsați butonul glisorului spre stânga pentru fiecare buton.

Faceți clic pe stratul Pagina1> Pagina3. Repetați pasul anterior pentru cele două butoane și sigle. Repetați din nou pentru stratul Page2> Page1 și Page3> Page1.

Acesta are grijă de toate tranzițiile pentru starea Page1. Dar avem în portofoliu trei state. Trebuie să facem din nou acest lucru pentru celelalte două state. Faceți clic pe pictograma Page2 din panoul Pagini / State.

Aruncați o privire la straturile din Cronologie. Veți observa că setările pe care tocmai le-am setat pentru starea Page1 sunt preluate în starea Page2 pentru tranzițiile dintre Page1> Page2 și Page2> Page3. Trebuie doar să adăugăm tranziția dintre Page2> Page3 și Page3> Page2.

4. Repetați pașii precedenți pentru a aplica tranzițiile la logo-urile pentru starea Page2. Trebuie să faceți acest lucru pentru fiecare strat din Cronologie.

5. Faceți clic pe pictograma Page3 din panoul Pagini / State. Veți observa că setările de tranziție au fost preluate din celelalte două state. Dacă am avea mai multe pagini, va trebui să lucrăm la niveluri pentru această stare. Dar, deoarece aceasta este ultima dintre cele trei state, suntem cu toții pregătiți.

Testează-ți din nou proiectul. Dacă totul funcționează, suntem gata să salvăm fișierul nostru ca LogoPortfolio.fxp.

6. Trebuie să spunem Catalyst să genereze fișierele care vor afișa portofoliul nostru Flash. Faceți clic pe File - Publicare în SWF. Căutați la locația corectă de pe hard disk și salvați proiectul. Veți vedea că Catalyst vă oferă două foldere. În folderul de implementare pe web, avem fișierele necesare pentru a rula portofoliul pe un server web. În run-local, avem fișierele pentru rularea portofoliului pe desktop.

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea 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 și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.