Στο σημερινό μας Quick-Tipp θα εξηγήσω μερικές μεθόδους για τη σπράιτ-κινούμενη εικόνα - με σπράιτ-κίνούμενη εικόνα εννοούμε τη δυνατότητα να κινούμαστε με πολλές μοναδικές εικόνες. Στο παράδειγμα έφτιαξα ένα Smiley με δύο ανοιχτά μάτια και μερικές κινήσεις στο στόμα.
Έχω χωρίσει το σύνολο σε πολλά επίπεδα: Ενώ τα επίπεδα του κεφαλιού και των ματιών είναι ορατά όλη την ώρα, τα επίπεδα του στόματος έχουν χωριστεί για να μπορούν να αντικατασταθούν εύκολα. Συνολικά, η σύνθεση διαρκεί 7 frames, με κάθε frame να εμφανίζει μια νέα κίνηση του στόματος.
Μπορούμε τώρα να φορτώσουμε την σύνθεση του Smiley σε μια νέα σύνθεση και με ένα Δεξί κλικ στην Σύνθεση>Χρόνος>Καρέ μπορούμε να σχεδιάσουμε την αναπαραγωγή μας έτσι ώστε να εμφανίζεται πάντα μια συγκεκριμένη επίπεδο του στόματος στην σύνθεση του Smiley.
Επίσης, μπορούμε τώρα να επεκτείνουμε τη σύνθεση του Smiley όσο θέλουμε - στο παράδειγμα αυξάνω τη νέα σύνθεση σε 20 δευτερόλεπτα.
Μπορούμε τώρα να ενεργοποιήσουμε το χρονόμετρο κατά την αρχική κίνηση του στόματος και να επιλέξουμε το επιθυμητό frame.
Καθώς συνεχίζουμε με τον διακόπτη του χρόνου, έχουμε τη δυνατότητα να επιλέξουμε άλλες κινήσεις του στόματος, απλώς να τοποθετήσουμε ένα νέο σημείο ελέγχου και να ρυθμίσουμε τον χρόνο της σύνθεσης.
Στο παράδειγμα αφήνουμε τον Smiley σε λυπημένη κατάσταση για λίγο, στη συνέχεια μιλάει και τελικά γίνεται ευτυχισμένος. Τώρα μπορούμε να αντιγράψουμε τη σύνθεση του Smiley πολλές φορές και η κινούμενη σχετική με το Smiley θα μεταφερθεί.
Μπορούμε να δημιουργήσουμε αρκετά ζωηρές κινούμενες εικόνες με αυτή τη μέθοδο, αλλά δυστυχώς δεν έχουμε πολλές επιλογές με τη μέθοδο παραμορφωμένου χρόνου. Μια άλλη μέθοδο γι' αυτό θα μπορούσε να είναι η λύση με τις εκφράσεις - όμως σε αυτήν την περίπτωση δεν μπορούμε να χρησιμοποιήσουμε τη σύνθεση του Smiley πολλές φορές όπως με τη μέθοδο παραμορφωμένου χρόνου.
Τώρα αντιγράφω τη σύνθεση του Smiley και ονομάζω τη σύνθεση "Εκφραση". Στη συνέχεια επιλέγω όλα τα επίπεδα της σύνθεσης, πηγαίνω στην αρχή με τον διακόπτη χρόνου και πατώ Alt+Ö και μετά μεταβαίνω στο τέλος της κινούμενης εικόνας και κάνω κλικ σε Alt+Ä, για να επεκτείνω τα πάντα.
Δημιουργούμε τώρα μια σύνθεση 3 και εισάγουμε εκεί τη σύνθεση "Εκφραση". Για την εκφρασή μου θέλω τώρα να δημιουργήσω ένα ρυθμιστή για τα στοιχεία του στόματος και αυτό το πετυχαίνω μέσω Ρυθμίσεις>Ρυθμίσεις για τις Εκφράσεις>Ρυθμίσεις για τον ρυθμιστή. Τον κλειδώνω προσωρινά….avif "Συμβουλές και κόλπα για την animation στο After Effects: Sprite-Animation."){kind=icon}
… και τώρα στην Διαφάνεια κάθε αντικειμένου του στόματος στην εκφρασή βάζω το παρακάτω:
sld = Math.floorΕΔΩ ΣΥΝΔΕΣΤΕ ΤΟΝ ΔΗΜΙΟΥΡΓΗΘΕΝΤΑ ΡΥΘΜΙΣΤΗ);
if(sdl == index) {
100
}else{
0
}.avif "Συμβουλές και κόλπα για την κινούμενη εικόνα στο After Effects: Animation Sprite"){kind=icon}
Με ένα Δεξί κλικ στην τιμή του ρυθμιστή μπορούμε να ορίσουμε την τελευταία τιμή σε 7 (για 7 διαφορετικές κινήσεις του στόματος).
Αν τώρα μετακινήσουμε το ρυθμιστή, βλέπουμε ότι οι κινήσεις του στόματος αλλάζουν - επιπλέον είναι τώρα πολύ πιο εύκολο να κατανοήσουμε τη σωστή τιμή.
Το πλεονέκτημα αυτής της μεθόδου είναι ότι είναι πολύ πιο εύκολο να συνδυάσουμε πολλά στοιχεία. Έτσι, μπορούμε να δημιουργήσουμε μια τροποποιημένη έκφραση για τα μάτια και να τα κάνουμε να μεικτούν για παράδειγμα να κλείνουν.
sld = Math.floorΕΔΩ ΣΥΝΔΕΤΕ ΤΟΝ ΡΥΘΜΙΣΤΗ ΓΙΑ ΤΑ ΜΑΤΙΑ+8);
if(sdl == index) {
100
}else{
0
}
Αν έχουμε ως στόχο να κινηθούμε μόνο από το 0-1 (0 για ανοιχτά μάτια, 1 για κλειστά μάτια), μπορούμε να προσθέσουμε 8 μετά την πηγή με +8.
Και έτσι μπορούμε εύκολα να ελέγξουμε τις εκφράσεις με το χρονόμετρο και να κινηθούμε το Smiley. Ένα τέτοιο σύστημα εκφράσεων είναι πιο περίπλοκο, αλλά είναι και πιο ευέλικτο στον τρόπο κίνησης.
Το μοναδικό μειονέκτημα είναι ότι πρέπει να έχουμε μια σύνθεση εκφράσεων την ίδια διάρκεια με την τελική σύνθεση, για να λειτουργήσει η έκφραση μέχρι το τέλος..avif "Συμβουλές και κόλπα για την animαtion στο After Effects: Sprite-Animation"){kind=icon}
