Κίνηση Tweens στο Flash CS6

• Απρίλιος 29, 2024

Σε αυτό το σεμινάριο, θα μάθουμε πώς να δημιουργήσετε ένα Motion Tween στο Flash^R CS6. Ίσως να θυμάστε ότι δημιουργήσαμε ένα κινούμενο σχέδιο σε ένα προηγούμενο εκπαιδευτικό πρόγραμμα που μετακόμισε έναν κύκλο σε ολόκληρο το Στάδιο. Σε αυτό το μάθημα, δημιουργήσαμε ένα κλασικό animation Tween. Το Classic Tween είναι ο αρχικός τύπος κινούμενης εικόνας για το Flash.

Τώρα θα ρίξουμε μια ματιά σε ένα νέο είδος tween animation. Αυτή τη φορά, θα δημιουργήσουμε μια κινούμενη κίνηση Tween που θα μετακινήσει ένα τετράγωνο κατά μήκος του Σταδίου. Με την πρώτη ματιά, αυτά τα δύο κινούμενα σχέδια μπορεί να φαίνονται όμοια. Αλλά καθώς προχωρούμε στα μελλοντικά μαθήματα, θα δείτε γιατί το Motion Tween είναι η αγαπημένη επιλογή animation tween. Είναι πολύ ευέλικτο και μπορεί να χρησιμοποιηθεί για τη δημιουργία πολύπλοκων κινουμένων σχεδίων.

1. Ανοίξτε το Flash CS6 και επιλέξτε το ActionScript 3.0 από τη στήλη Δημιουργία νέας στην οθόνη υποδοχής.
   
   Θα δείτε ότι έχουμε ένα κενό στάδιο και ένα στρώμα στη χρονολογική σειρά.
   
   
2. Κάντε διπλό κλικ στο όνομα του στρώματος και μετονομάστε το Layer 1 σε "Square".
   
   
3. Ρυθμίστε το χρώμα Stroke σε null.
   
   
4. Κάντε κλικ στο πλαίσιο συμπληρώματος χρώματος και επιλέξτε οποιοδήποτε χρώμα από τον επιλογέα χρωμάτων.
   
   
5. Με το εργαλείο Rectangle, σχεδιάστε ένα τετράγωνο στη σκηνή.
   
   Σε αυτό το σημείο, το τετράγωνο είναι ένα βασικό σχήμα. Για να το επιβεβαιώσετε, ας ρίξουμε μια ματιά στις πληροφορίες στον πίνακα "Ιδιότητες".
   
   
6. Με το εργαλείο επιλογής, επιλέξτε το τετράγωνο στο Στάδιο.
   
   Στον πίνακα Ιδιότητες, βλέπουμε ότι αυτό το αντικείμενο είναι σχήμα. Μπορούμε επίσης να δούμε τη θέση, το μέγεθος και το χρώμα του αντικειμένου.
   
   Το πρώτο βήμα για τη δημιουργία ενός Motion Tween είναι να μετατρέψετε το σχήμα σε ένα σύμβολο. Θα συζητήσουμε σε βάθος τα σύμβολα Flash σε ένα μελλοντικό φροντιστήριο.
   
   
7. Επιλέξτε το τετράγωνο στο Στάδιο και από τη Γραμμή Μενού, κάντε κλικ στην επιλογή Τροποποίηση - Μετατροπή σε Σύμβολο.
   
   
8. Στο παράθυρο διαλόγου Μετατροπή σε σύμβολο, ονομάστε το σύμβολο "Τετράγωνο" και ορίστε τον Τύπο στην ταινία κλιπ. Στη συνέχεια, ορίστε το Σημείο Εγγραφής στο κέντρο κάνοντας κλικ στο μικρό κεντρικό πλαίσιο της ομάδας των μικρών κουτιών. Κάντε κλικ στο κουμπί OK.
   
   Θα δείτε ότι μια λεπτή μπλε γραμμή εμφανίζεται γύρω από την πλατεία, υποδεικνύοντας ότι το αντικείμενο είναι πλέον σύμβολο.
   
   
9. Κάντε δεξί κλικ στο πλαίσιο 50 της χρονικής γραμμής και επιλέξτε Εισαγωγή πλαισίου για να επεκτείνετε τη χρονική γραμμή 50 καρέ.
   
   
10. Κάντε δεξί κλικ σε οποιοδήποτε πλαίσιο στη χρονολογική σειρά και επιλέξτε Create Motion Tween.
    
    Θα δείτε ότι το Flash έχει μετατρέψει όλα τα πλαίσια σε διαφορετικό χρώμα. Αυτά ονομάζονται Tween Span του Motion Tween.
    
    Μετακινήστε το Playhead κατά μήκος της γραμμής χρόνου πίσω στο πλαίσιο 1. Όπως και στο τελευταίο σεμινάριο, το αντικείμενο δεν κινείται. Αυτό οφείλεται στο γεγονός ότι δεν έχουμε προσθέσει ακόμη ένα δεύτερο κλειδί για να δείξει την τελική θέση της κινούμενης εικόνας.
    
    
11. Κάντε δεξί κλικ στο πλαίσιο 50 και επιλέξτε Εισαγωγή κλειδιού - Όλα από το μενού.
    
    
12. Ενώ βρίσκεστε ακόμα στο πλαίσιο 50, κάντε κλικ στο τετράγωνο και σύρετέ το στην άλλη πλευρά της σκηνής για να πείτε στο Flash ότι αυτή θα είναι η τελική θέση για το Motion Tween.
    
    

Τώρα, όταν μετακινείτε το Playhead, το τετράγωνο κινείται σταδιακά κατά μήκος του Σταδίου.

Αλλά με Motion Tweens μπορούμε εύκολα να τροποποιήσουμε το κινούμενο σχέδιο έτσι ώστε το τετράγωνο να κινείται κατά μήκος καμπύλης γραμμής αντί σε ευθεία γραμμή.

Πνευματικά δικαιώματα 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 στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: Animate CC Animation: A Step-by-Step Course to Animating with Adobe Animate (Απρίλιος 2024).