Transformarea graficii în butoane în Flash Catalyst

• Aprilie 27, 2024

Acum că am importat fișierul nostru de portofoliu PhotoshopLayout.psd în Adobe^R bliț^R Catalizator^TM și am explorat spațiul de lucru Catalyst, suntem gata să lucrăm la navigarea pentru portofoliul nostru.

Momentan, avem o singură pagină, sau o stare, pentru proiectul nostru. Trebuie să creăm alte două pagini pentru a putea afișa un logo diferit pe fiecare pagină.

1. În panoul Pagini / State, vom face clic de două ori pe butonul Duplicate State. Acest lucru ne va oferi Page2 și Page3. Dar, toți sunt deopotrivă. Să avem grijă de asta.

2. Faceți clic pe pictograma Page1 și accesați panoul Straturi. Deschideți folderul Logos. Vrem doar ca logo-ul 1 să fie vizibil pe această pagină. Opriți vizibilitatea pentru logo-urile 2 și 3.

3. Faceți clic pe pictograma Page2 și dezactivați vizibilitatea pentru logo-urile 1 și 3. Activați vizibilitatea pentru logo-ul 2.

4. Faceți clic pe pictograma Pagina3 și dezactivați vizibilitatea pentru logo-urile 1 și 2. Activați vizibilitatea pentru logo-ul 3.

În continuare, vom crea butoanele pentru portofoliul nostru. Avem o miniatură pentru fiecare logo. Acestea vor fi butoanele.

5. Reveniți la Pagina1 făcând clic pe pictograma din panoul Pagini / State. În panoul Straturi, deschideți folderul Miniaturi. Faceți clic pe miniatura pentru logo 1. Când faceți acest lucru, veți vedea HUD-ul deschis și panoul Proprietăți se va schimba.

Să lucrăm mai întâi în HUD. Aici vom spune Catalyst că vrem să facem această imagine de bitmap într-un buton.

6. În Convertire lucrare, faceți clic pe Conversia lucrărilor în componentă și alegeți butonul din lista de componente. HUD se va schimba pentru a ne oferi noi controale pentru butonul nostru. Extindeți lista Interacții personalizate, apoi faceți clic pe pictograma Plus. Alegeți Faceți clic din listă. Veți obține un alt meniu derulant numit „Acțiune”. Din acest meniu, alegeți Play Transition to State. Din meniul derulant Alegeți stat, alegeți pagina 1, deoarece dorim ca acest buton să ducă vizualizatorul pe Pagina1.

7. Faceți clic pe miniatură pentru logo-ul 2 și repetați pasul anterior. Setați Alegeți stat pe Pagina2.

8. Faceți clic pe miniatură pentru logo-ul 3 și repetați pasul anterior. Setați Alegeți stat pe Pagina3.

Să ne testăm butoanele. Din meniu, faceți clic pe File - Run Project. Se va deschide în browserul dvs. web. Pe măsură ce faceți clic pe fiecare buton, logo-ul corect ar trebui să fie vizibil.

În tutorialul următor, vom diminua butonul pentru logo-ul vizibil și vom adăuga o tranziție între pagini.

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, Elementele Premiere, 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.

Instrucțiuni Video,: CRAZY INSTANT WATER TO ICE MAGIC TRICK!! (Aprilie 2024).