Πώς οι εικόνες γίνονται Tween Animations

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

Στο προηγούμενο σεμινάριο, συζητήσαμε πώς οι κινούμενες εικόνες αποτελούνται από διαδοχικά πλαίσια που τρέχουν κατά μήκος του Flash^R Χρονοδιάγραμμα. Όταν σχεδιάζετε τις μεμονωμένες εικόνες που θα τοποθετηθούν σε αυτά τα πλαίσια και την ακολουθία τους, πρέπει να λάβουμε υπόψη την πολυπλοκότητα της κινούμενης εικόνας που θέλετε να δημιουργήσετε.


Απλή κίνηση

Το πιο βασικό κινούμενο σχέδιο που δημιουργείται στο Flash είναι να μετακινήσετε ένα στατικό (στατικό) αντικείμενο σε όλη τη σκηνή. Το ίδιο το αντικείμενο, για παράδειγμα ένα πουλί, δεν κινείται πραγματικά, είναι η αλλαγή στη θέση του στη σκηνή που δημιουργεί το κινούμενο σχέδιο. Για αυτόν τον τύπο κινούμενων εικόνων, θα χρειαστείτε μόνο μία εικόνα του αντικειμένου. Για κάθε πλαίσιο κατά μήκος του Χρονοδιαγράμματος Flash, θα αλλάξετε τις θέσεις X και Y καθώς μετακινείτε την εικόνα λίγο πιο κοντά στον προορισμό σας. Όταν το playhead κινείται πάνω από το χρονοδιάγραμμα, το πουλί θα κινηθεί.


Περιορισμένη κίνηση

Ο επόμενος τύπος κινούμενης εικόνας δημιουργείται με την αλλαγή του μεγέθους, της κλίμακας, της εμφάνισης ή της θέσης ενός ή περισσότερων τμημάτων ενός αντικειμένου, ενώ το υπόλοιπο αντικείμενο παραμένει στατικό. Για το παράδειγμα πουλιών μας, πρέπει να εξετάσουμε ποια κίνηση βλέπετε όταν ένα πουλί πετάει. Η πιο προφανής κίνηση είναι στα φτερά που κινούνται προς τα πάνω και προς τα κάτω.

Για να δημιουργήσετε μια κινούμενη εικόνα πουλιών, θα θελήσετε να δημιουργήσετε τρία μέρη στο πουλί σας, στο σώμα και στα δύο φτερά. Μπορείτε είτε να σχεδιάσετε αυτά τα μέρη απευθείας στη σκηνή με τα εργαλεία σχεδίασης Flash είτε να τα σχεδιάσετε σε ένα πρόγραμμα γραφικών όπως το Photoshop^R και να τα εισαγάγετε στο Flash. Ανεξάρτητα από τη μέθοδο, θα τοποθετήσουμε κάθε μεμονωμένο μέρος του πουλιού στο δικό του στρώμα στο Flash Timeline.

Σε αυτό το σημείο, έχουμε το πουλί στη σκηνή που χτυπά τα φτερά του, αλλά πραγματικά δεν πηγαίνει πουθενά γιατί τα απομεινάρια του βρίσκονται στην ίδια θέση στη σκηνή. Το επόμενο βήμα θα είναι να προσθέσουμε ένα απλό κινούμενο σχέδιο που θα μεταφέρει το πουλί σε όλη τη σκηνή.


Πολύπλοκη κίνηση

Όπως θα περιμένατε, μπορείτε να δημιουργήσετε πολύπλοκες κινήσεις στο Flash βασικά συνδυάζοντας πολλά απλά και περιορισμένα κινούμενα σχέδια, ActionScript, ήχο, φίλτρα, μάσκες και πολλά άλλα σε ένα κύριο animation.

ΣΗΜΑΝΤΙΚΟ: Αυτά τα σεμινάρια ανάπτυξης εφαρμογών γράφονται με τον αρχάριο Flash. Θα χρειαστεί να βελτιστοποιήσετε την εφαρμογή σας πέραν αυτών που καλύπτονται σε αυτά τα μαθήματα πριν τελειώσετε την εφαρμογή σας για το κατάστημα εφαρμογών.

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

Οδηγίες Βίντεο: Πως γινονται βιντεο [ft. Kelly που πεταει] (Ενδέχεται 2024).