Κινούμενα σχέδια στο After Effects: Οδηγός για αρχάριους

Εύκολη δημιουργία κινουμένων σχεδίων: το Αναπηδούν Μπαλάκι - τα Καμπύλες

Όλα τα βίντεο του μαθήματος Κινούμενα σχέδια στο After Effects: το δικό σου εισαγωγικό μάθημα.

Στο τελευταίο εκπαιδευτικό βίντεο, έχουμε ήδη ορίσει τις στάσεις - κατανεμημένες ομοιόμορφα - και δεν έχουμε προσέξει ακόμη το timing. Πρέπει να δώσουμε λίγο περισσότερη προσοχή εκεί. Όταν το αναπαράγουμε, βλέπουμε ότι δεν είναι και τόσο καλό και ο Bouncing Ball δεν είναι και τόσο εύκολη ασκήση.


Βήμα 1

Πατώ B, για να ξεκινήσω τον χώρο εργασίας μου εδώ. Είναι πολύ σημαντικό να ορίζω όχι μόνο τα In- και Outpoints, αλλά πάντα να ορίζω και τον τρέχοντα χώρο εργασίας. Αλλιώς, είναι η μεγαλύτερη καταναλωτής χρόνου, όταν πρέπει να επαναυστατώνονται όλα ξανά και να πρέπει να παρακολουθώ συνεχώς από την αρχή.

Χρησιμοποιήστε λοιπόν τον χώρο εργασίας για να περικόψετε τη σύνθεσή σας κάθε φορά στον τρέχοντα χώρο εργασίας.

Κινούμενα σχέδια εύκολα φτιαγμένα: Bouncing Ball - οι καμπύλες

Βήμα 2

Για τη λεπτομέρεια και ώστε η μπάλα να μπορεί να πέσει όμορφα, χρειαζόμαστε τις καμπύλες στο Διαγράμματος. Αν έχετε δεύτερη οθόνη, τότε χρησιμοποιήστε ολόκληρη τη δεύτερη οθόνη αποκλειστικά για τις καμπύλες. Να είστε τολμηροί και δημιουργήστε διαφορετικούς χώρους εργασίας, αλλάξτε τους και προσαρμόστε τους. Πατήστε Ü και μπείτε σε πλήρη οθόνη στον χώρο εργασίας.

Εύκολη δημιουργία κινούμενων σχεδίων: Bouncing Ball - die Kurven

Βήμα 3

Προς το παρόν δεν μπορώ ακόμη να μετακινώ τις δύο καμπύλες ανεξάρτητα μεταξύ τους, καθώς το After Effects έχει τη συνήθεια να συνδυάζει τις θέσεις X και Y. Σε 95% των περιπτώσεων αυτό είναι πρακτικό, αλλά όταν θέλεις να κάνεις animation, δεν είναι χρήσιμο.

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

Έτσι λαμβάνουμε ξεχωριστά τις θέσεις X και Y. Όταν επιλέξουμε μία από αυτές, βλέπουμε επίσης στα δεξιά τις αντίστοιχες τάγκεντς, και μπορούμε να δουλέψουμε σωστά με τις καμπύλες.

Animation εύκολα δημιουργημένη: Το αναπηδούν μπάλα - die Kurven.

Βήμα 4

Η X-θέση σε ένα οριζόντιο βολή είναι μία ομοιόμορφη κίνηση. Δεν εμποδίζεται ή σταματά από κάτι. Γι' αυτό συνεχίζει με την αρχική του ταχύτητα μέχρι κάποια στιγμή που επιβραδύνει.

Όλα αυτά τα Keyframes μπορούν να διαγραφούν.

Εύκολα να φτιάξετε κινούμενα σχέδια: Bouncing Ball - οι καμπύλες

Βήμα 5

Αυτό το πρώτο μέρος το διαμορφώνουμε γραμμικά μέσω των κουμπιών ή χειροκίνητα μέσω των ταγέντων.

Κινούμενα σχέδια εύκολα φτιαγμένα: Αναπηδών μπάλα - οι καμπύλες

Βήμα 6

Στο τέλος, η μπάλα θα πρέπει να σταματήσει. Γι' αυτό δημιουργούμε ένα ευθύ τμήμα και το αφήνουμε να εξασθενήσει.

Εύκολη δημιουργία animation: Μπαλίτσα που αναπηδά - οι καμπύλες

Βήμα 7

Θα πρέπει να είστε επίσης επίσης συνειδητοί για ένα πράγμα με τις καμπύλες: Η καμπύλη δείχνει την τιμή σας. Προηγουμένως αγγίξαμε καμπύλες, αυτές ήταν οι καμπύλες της ταχύτητας. Το After Effects επιλέγει αυτόματα μεταξύ αυτών των δύο.

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

Η Αυτόματη επιλογή τύπου καμπύλης είναι η προεπιλεγμένη ρύθμιση.

Η Καμπύλη ταχύτητας την παίρνω όταν επεξεργάζομαι πολλά πράγματα ταυτόχρονα.

Μου αρέσει να πηγαίνω στην Επεξεργασία τιμής καμπύλης, μόλις έχω την ευκαιρία. Τη Επεξεργασία τιμής καμπύλης τη χρησιμοποιώ όταν πρέπει να επικεντρωθώ σε μεμονωμένα πράγματα όπως το Bouncing Ball.

Animation εύκολα γίνεται: Bouncing Ball - οι καμπύλες

Βήμα 8

Όταν επηρεάζω πολλά πράγματα, όπως για παράδειγμα τα Change Colors των μάσκων, δεν υπάρχουν καθόλου σημεία τιμής, οπότε δεν μπορώ να το κάνω με την Επεξεργασία τιμής καμπύλης.

Εύκολη δημιουργία κινούμενων σχεδίων: Αναπήδηση μπάλας - οι καμπύλες

Βήμα 9

Στην Επεξεργασία τιμής καμπύλης πρέπει να είστε επίσης ενήμεροι ότι η κλίση της καμπύλης είναι η ταχύτητα· η παράγωγος της καμπύλης ονομάζεται.

Ας πάρουμε τον άξονα x, είναι αρκετά εύκολο: Αν κάνω την καμπύλη μου επίπεδη, όπως για παράδειγμα εδώ, τότε αρχικά πηγαίνει πολύ γρήγορα από μια τιμή σε μια άλλη και μετά αλλάζει τις τιμές μόνο σε πολύ μικρά βήματα.

Εύκολη δημιουργία κινούμενων σχεδίων: Bouncing Ball - οι καμπύλες



Όσο πιο επίπεδη είναι η καμπύλη, τόσο πιο αργή είναι η κίνηση. Όσο πιο κλινή είναι η καμπύλη, τόσο πιο γρήγορη είναι η κίνηση.

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

Βήμα 10

Το πράγμα γίνεται πραγματικά ενδιαφέρον με το κύμα y.

Καταλαβαίνουμε ήδη την ομοιότητα όταν συγκρίνουμε τα δύο πρότυπα (Α και Β). Όταν τραβήξω ένα σημείο προς τα κάτω (Β), το αντίστοιχο σημείο (Α) σηκώνεται προς τα επάνω.

Αυτό συμβαίνει επειδή η σύσταση των τιμών στο After Effects είναι έτσι ρυθμισμένη που τα μεγάλα τιμά στον άξονα y είναι κάτω, ενώ τα μικρά τιμά είναι πάνω. Το θυμάμαι πάντα ως βάρος: όσο περισσότερο y υπάρχει, τόσο προς τα κάτω τρέχει.

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

Εύκολη δημιουργία animation: Bouncing Ball - die Kurven

Βήμα 11

Εδώ έχουμε σκεφτεί ότι υπάρχει ισορροπία δυνάμεων σε αυτό το σημείο (1). Χρειαζόμαστε λοιπόν ένα επίπεδο κύμα.

Παρακρατώντας το κουμπί Shift μπορούμε να το πετύχουμε αυτό εύκολα.

Στο animation λέει "Όμορφα κύματα οδηγούν σε όμορφο animation." Έτσι λοιπόν, αν βλέπετε ότι το τόξο δεν είναι αρκετά όμορφο, όπως εδώ πριν, αλλάξτε το μέχρι να γίνει πραγματικά όμορφο το κύμα.

Τότε επιλέγω όλα τα αρχικά μου σημεία και πατώ Easy Ease (2)...

Εύκολη δημιουργία κινούμενων σχεδίων: Αναπηδούσα μπάλα - οι καμπύλες

Βήμα 12

Με αυτόν τον τρόπο προσέλαβα ακριβώς αυτήν την λειτουργικότητα και μπορώ να κάνω ακόμα πιο όμορφα τα κύματα εφαρμόζοντας λίγο πιο επίπεδα.

Εύκολη δημιουργία κινούμενων σχεδίων: Αναπήδηση μπάλας - οι καμπύλες.

Βήμα 13

Εδώ επάνω έρχεται μια δύναμη και παλεύει με την άλλη, εν τέλει όμως καταδικάζεται από το ένα στο άλλο δευτερόλεπτο και η μπάλα πέφτει σε αντίθετη κατεύθυνση.

Γι' αυτόν τον λόγο πρέπει να σπάσουμε την τεντώς. Δεν μπορούμε να το κάνουμε με μία συνεχή τεντώς, γιατί αυτή εξασφαλίζει μια όμορφη μετάβαση και αυτό δεν το επιθυμούμε εδώ. Θέλουμε αποτελέσματα.

Πατώντας το πλήκτρο Alt μπορώ να χωρίσω την τεντώς. Πολύ σημαντικό: Πρέπει να σπάσω μία φορά κάθε τεντώς. Ένα πάτημα Alt ανά τεντώς είναι αρκετό. Αν μετακινήσω τη δεύτερη μισή και πατώντας ξανά το πλήκτρο Alt, τότε οι δύο μισές ενώνονται ξανά. Ένα κλικ όμως είναι αρκετό.

Εύκολη δημιουργία κινούμενων σχεδίων: το αναπηδών μπάλα - οι καμπύλες

Βήμα 14

Και το επόμενο θα πρέπει να είναι έτσι. Με την πρώτη ματιά δεν φαίνεται τόσο χάλια, αλλά όταν μεγεθύνετε λίγο, είναι διαφορετικό.

Όταν σπάσω την τεντώς, είναι διαφορετική καμπύλη. Και αυτές οι μικρές διαφορές έχουν σημασία.

Γι' αυτό επιλέξτε να έχετε αρκετό χρόνο για αυτά τα πράγματα και να πλησιάζετε καλά.

Κινούμενη εικόνα εύκολα: Αναπήδηση μπάλας - οι καμπύλες

Βήμα 15

Αυτό το κουμπί είναι πολύ χρήσιμο, λέει "Προσαρμογή όλων των διαγραμμάτων στην προβολή," που σημαίνει ότι θα μεγεθυνθούν κατά την προβολή ώστε να μπορείτε να δείτε όλα καλά.

Εύκολη δημιουργία κινούμενων σχεδίων: το αναπηδητικό μπάλα - οι καμπύλες

Βήμα 16

Ένα δεύτερο σημαντικό κουμπί είναι αυτό:

Εάν επιλέξετε την περιοχή του κύματος που θέλετε να επεξεργαστείτε ειδικά, και μετά πατήσετε Προσαρμογή επιλεγμένης περιοχής στην προβολή, θα μεγεθυνθεί ακριβώς αυτή η περιοχή στη μεγαλύτερη δυνατή κλίμακα.

Δημιουργώντας εύκολα κινούμενα σχέδια: Αναπήδηση μπάλας - οι καμπύλες

Βήμα 17

Θα καταλάβετε: Ακόμα δεν έχω δει το animation μου. Γιατί όταν το παρακολουθώ, τότε πρόκειται για την ακριβή χρονοδιακόσμηση. Εδώ πρόκειται για το spacing - σκεφτόμαστε πολύ προσεκτικά πώς πρέπει να είναι τα κύματα.

Θα πρέπει λοιπόν να προσαρμόσω λίγο ακόμα αυτά τα κύματα.

Τώρα έχουμε τις πρώτες αλλαγές μέσα, και αν κοιτάξουμε τα προηγούμενα στρίματα, έχει γίνει ήδη αισθητά καλύτερο.

Εύκολη δημιουργία κινούμενων σχεδίων: Αναπηδούσα μπάλα - οι καμπύλες



Η μπάλα πηδάει αρκετά όμορφα, αλλά ακόμα δεν τα καταφέρνει εντελώς. Χρειάζεται λίγο ακόμη χρονοδιακόσμηση και προσαρμογές στα στρώματα.

Και στη συνέχεια θα φτάσουμε στη χρονοδιακόσμηση στο επόμενο μέρος της σειράς μαθημάτων "Bouncing Ball - το timing".