Προσθήκη διαδραστικών στοιχείων στο Flash Catalyst

• Ενδέχεται 4, 2024

Σε αυτό το σεμινάριο, θα ολοκληρώσουμε το slide-show χαρτοφυλακίου στην Adobe^R Λάμψη^R Καταλύτης^R. Εάν έχετε ακολουθήσει, έχουμε κάνει τα κουμπιά μας και είμαστε έτοιμοι να προσθέσουμε τα ειδικά εφέ. Καθώς πλοηγούμε μέσω του χαρτοφυλακίου, θέλουμε το κουμπί για το ορατό λογότυπο να είναι αχνό και τα άλλα κουμπιά να είναι ορατά. Επομένως, πρέπει να πούμε στο Catalyst ποιο κουμπί είναι για ποια σελίδα και πότε να αμβλυνθούν τα κουμπιά. Στη συνέχεια, θα προσθέσουμε ένα φαινόμενο μετάβασης μεταξύ των σελίδων.

Αρχικά θα μειώσουμε το κουμπί για το τρέχον λογότυπο. Όταν το λογότυπο 1 είναι ορατό στην κατάσταση Page1, θέλουμε το κουμπί αντιστοίχισης να είναι αχνό. Πρέπει να το κάνουμε αυτό και για τα τρία κράτη ή σελίδες του χαρτοφυλακίου μας.

1. Κάντε κλικ στο εικονίδιο Page1 στον πίνακα "Σελίδες / κράτη" για να εργαστείτε σε αυτήν τη σελίδα. Κάντε κλικ στην εικόνα μικρογραφίας που είναι τώρα το κουμπί μας για το λογότυπο 1. Στο πλαίσιο Ιδιότητες, ορίστε το Αδιαφάνεια έως 40. Επειδή το κέντρο του στρώματος κάτω από το κουμπί είναι μαύρο, αυτό θα κάνει το κουμπί να φαίνεται αχνό.

2. Κάντε κλικ στο εικονίδιο Page2 στον πίνακα σελίδων / κρατών. Επαναλάβετε το προηγούμενο βήμα για Σελίδα2, σμίκρυνση μόνο του κουμπιού που ταιριάζει με το λογότυπο. 2. Κάντε κλικ στο εικονίδιο Page3 στον πίνακα σελίδων / κρατών και επαναλάβετε αυτό το βήμα.

Κάντε κλικ στην επιλογή Αρχείο - Εκτέλεση έργου για να δοκιμάσετε το νέο μας αποτέλεσμα. Καθώς κάνετε κλικ στα κουμπιά, το αντίστοιχο λογότυπο θα πρέπει να είναι ορατό και αυτό το κουμπί θα πρέπει να είναι αχνό.

Το τελευταίο πράγμα που θα προσθέσουμε στην πλοήγησή μας είναι η μετάβαση Fade μεταξύ σελίδων, χρησιμοποιώντας τη χρονολογική σειρά. Επιστρέψτε στη σελίδα 1 κάνοντας κλικ στο εικονίδιο Page1. Ρίξτε μια ματιά στα στρώματα στη χρονολογική σειρά και θα δείτε ότι έχουμε ένα στρώμα για κάθε πιθανή μετάβαση μεταξύ των τριών σελίδων.

Σελίδα1> Σελίδα2
Σελίδα1> Σελίδα3
Σελίδα2> Σελίδα1
Σελίδα3> Σελίδα1

3. Κάντε κλικ στο στρώμα Page1> Page2. Θα δείτε ότι ο Καταλύτης μας έχει δώσει τις επιλογές μετάβασης για τα λογότυπα 1 και 2 (αχνά) και τα κουμπιά 1 και 2. Επειδή θα απομακρυνθούμε από το λογότυπο 1, έχουμε μια επιλογή Fade Out. Αλλά θα προχωρήσουμε στο λογότυπο 2. Έχουμε μια επιλογή Fade In για αυτό το λογότυπο.

Θα προσθέσουμε μόνο το φαινόμενο Fade Out στο λογότυπο 1 και το Fade In στο λογότυπο 2. Δεν χρειαζόμαστε το φαινόμενο Fade που εφαρμόζεται στα κουμπιά μας. Ωστόσο, μπορεί να θέλετε να χρησιμοποιήσετε αυτό το αποτέλεσμα σε άλλο έργο.

Κάντε κλικ στο κουμπί Smooth Transition στο κάτω μέρος της χρονολογικής γραμμής. Θα δείτε ότι τα χειριστήρια Fade Out / In έχουν επεκταθεί στο μισό δευτερόλεπτο σε όλα τα επίπεδα. Ακόμη στο επίπεδο Page1> Page2, πρέπει να απενεργοποιήσουμε το εφέ για τα δύο κουμπιά. Πιέστε το ρυθμιστικό ολισθητήρα προς τα αριστερά για κάθε κουμπί.

Κάντε κλικ στο στρώμα Page1> Page3. Επαναλάβετε το προηγούμενο βήμα για τα δύο κουμπιά και τα λογότυπα. Επαναλάβετε ξανά για το Page2> Page1 και το επίπεδο Page3> Page1.

Αυτό φροντίζει για όλες τις μεταβάσεις για την κατάσταση της σελίδας. Αλλά έχουμε τρεις χώρες στο χαρτοφυλάκιό μας. Πρέπει να το κάνουμε και πάλι για τα άλλα δύο κράτη. Κάντε κλικ στο εικονίδιο Page2 στον πίνακα "Σελίδες / κράτη".

Ρίξτε μια ματιά στα στρώματα στη χρονολογική σειρά. Θα παρατηρήσετε ότι οι ρυθμίσεις που μόλις ρυθμίσαμε για την κατάσταση Page1 μεταφέρονται στην κατάσταση Page2 για τις μεταβάσεις μεταξύ Page1> Page2 και Page2> Page3. Απλά πρέπει να προσθέσουμε τη μετάβαση μεταξύ Page2> Page3 και Page3> Page2.

4. Επαναλάβετε τα προηγούμενα βήματα για να εφαρμόσετε τις μεταβάσεις στα λογότυπα για την κατάσταση Page2. Πρέπει να το κάνετε αυτό για κάθε στρώμα στη χρονολογική σειρά.

5. Κάντε κλικ στο εικονίδιο Page3 στον πίνακα "Σελίδες / κράτη". Θα παρατηρήσετε ότι οι ρυθμίσεις μετάβασης έχουν μεταφερθεί από τα άλλα δύο κράτη. Εάν είχαμε περισσότερες σελίδες, θα χρειαζόταν να δουλέψουμε στα στρώματα για αυτήν την κατάσταση. Επειδή όμως είναι το τελευταίο από τα τρία κράτη, είμαστε όλοι έτοιμοι.

Δοκιμάστε ξανά το έργο σας. Αν όλα λειτουργούν, είμαστε έτοιμοι να αποθηκεύσουμε το αρχείο μας ως LogoPortfolio.fxp.

6. Πρέπει να πούμε στο Catalyst να δημιουργήσει τα αρχεία που θα εμφανίσουν το χαρτοφυλάκιό μας Flash. Κάντε κλικ στην επιλογή Αρχείο - Δημοσίευση σε αρχείο SWF. Πραγματοποιήστε αναζήτηση στη σωστή θέση στο σκληρό σας δίσκο και αποθηκεύστε το έργο σας. Θα δείτε ότι ο Καταλύτης σας δίνει δύο φακέλους. Στον φάκελο ανάπτυξης σε web, έχουμε τα αρχεία που απαιτούνται για την εκτέλεση του χαρτοφυλακίου σε έναν διακομιστή ιστού. Στο run-local, έχουμε τα αρχεία για τη λειτουργία του χαρτοφυλακίου στην επιφάνεια εργασίας μας.

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: So You Wanna Make Games?? | Episode 7: Game VFX (Ενδέχεται 2024).