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

Θα μπορούσαμε να δημιουργήσουμε θεωρητικά μια νέα επιφάνεια, να της δώσουμε μπλε χρώμα και μετά να εφαρμόσουμε κίτρινο χρώμα στο κείμενο. Θα μπορούσαμε να το κάνουμε αυτό, αλλά τότε θα προκύψει το πρόβλημα πώς να εφαρμόσουμε έναν πινελιά επάνω από ολόκληρη την εικόνα κατά τη μέση της animatie που θα αντιστρέφει τα χρώματα.

Μπορούμε να προσπαθήσουμε, μέσω της Επίπεδα> Νέο> Επίπεδο ρυθμίσεων ή Ctrl+Alt+Y να δημιουργήσουμε ένα επίπεδο ρύθμισης και μετά να εφαρμόσουμε ένα εφέ Αντιστροφή καναλιών-. Τότε όμως βλέπουμε πως τα χρώματα μας δεν είναι εντελώς αντισταθμιστικά. Στο μπλε αντιστοιχεί το πορτοκαλί και αυτό δεν ταιριάζει εδώ, δεν καταφέρνουμε να βρούμε τα σωστά χρώματα.

Εύκολη δημιουργία animation: Τα χρώματα.


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


Βήμα 1

Το δομούμε ως εξής: Παίρνουμε τη βαθύ μπλε επιφάνεια χρώματος και πατάμε Ctrl+Shift+Y ή πηγαίνουμε στην επιλογή Επίπεδα> Ρυθμίσεις χρωμάτων και ρυθμίζουμε το χρώμα σε μαύρο.

Εύκολη δημιουργία κινούμενων σχεδίων: Τα χρώματα.

Μετά αλλάζει όμορφα και το After Effects μετονομάζει αυτόματα την επιφάνεια χρώματος.

Το κείμενο "Εύκολη δημιουργία animatie" το γράφουμε τώρα απλά σε λευκό.

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

Έχουμε μαύρο και λευκό χωρίς διαφάνεια και μπορούμε να αντιστρέψουμε εύκολα τα χρώματα.

Εύκολη δημιουργία animation: Τα χρώματα.



Τώρα όμως παραμένουν μαύρο και λευκό, αλλά εγώ θέλω μπλε και κίτρινο.

Βήμα 2

Για να τα κάνουμε αυτά, δημιουργούμε ακόμα μια επίπεδο ρύθμισης με Ctrl+Alt+Y ("Επίπεδο ρύθμισης 2") και εφαρμόζουμε το εφέ Εφέ>Χρωματική διόρθωση>Εφέ ενίσχυσης πάνω του.

Το εφέ είναι πολύ απλό και απλά προκαθορίζει τα χρώματα. Παίρνει τα μαύρο και το λευκό και αναθέτει διαφορετική τιμή χρώματος.

Εύκολα φτιαγμένο animation: Τα χρώματα.

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

Και το λευκό το προσαρμόζουμε και με το κίτρινο, η τιμή του χρώματος είναι "FFF000", ένα πραγματικά έντονο κίτρινο.

Εύκολη δημιουργία animation: Τα χρώματα

Βήμα 3

Τώρα το εφαρμόσαμε μετά το επίπεδο αναστροφής. Θα μετονομάσω και εγώ αυτό σε "Αλλαγή χρωμάτων" και "Χρωματισμός".

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

Εύκολη δημιουργία animation: Τα χρώματα

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

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



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

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

Βήμα 4

Υπάρχουν εφέ για αυτό, όπως για παράδειγμα στο Εφέ> Εφέ μετάβασης; υπάρχει το Line Sweep, που κινείται προς αυτή την κατεύθυνση, αλλά πρώτα ολοκληρώνεται μια γραμμή πριν ξεκινήσει η επόμενη.

Αυτό όμως δεν είναι αρκετά ανεπαρκές για μένα.

Κινούμενα σχέδια εύκολα φτιαγμένα: Τα χρώματα

Βήμα 5

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

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

Βήμα 6

Θέλω να χωρίσω αυτή τη μάσκα σε 20 κομμάτια, έτσι ώστε να έχουμε 20 μεμονωμένες στήλες. Αυτό δεν είναι δυνατό με τα τυπικά εργαλεία του After Effects.

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

Εκεί θα βρούμε το Layer Chainer, Mask Slicer και Sequence Strokes. Mask Slicer είναι αυτό που χρειαζόμαστε εδώ, όπως μπορείτε να φανταστείτε.

Αυτό το σύμβολο πριν το όνομα αρχείου είναι το Extendscript Toolkit, μπορώ να το ξεκινήσω εδώ. Όταν το ξεκινώ, τότε ξεκινά και αυτό το Extendscript Toolkit.

Αυτό το Toolkit πρέπει να εγκατασταθεί ξεχωριστά, επειδή δ

... μπαίνουμε στο After Effects και επιλέγουμε τη μάσκα που θέλουμε να κόψουμε. Είναι πολύ σημαντικό.

Στη συνέχεια, επιλέγουμε στην κορυφή του στόχου εφαρμογής το After Effects CC. Θα δείτε ότι υπάρχουν και άλλα προγράμματα εκεί, αυτό το εργαλείο είναι σχεδιασμένο για τη γραφή και δοκιμή σεναρίων.

Σε αυτήν την περίπτωση λοιπόν επιλέγουμε το After Effects, τότε πατάω το κουμπί Αναπαραγωγή ...

Εύκολα φτιαγμένη κινούμενη εικόνα: τα χρώματα

... και επιστρέφω στο After Effects. Εκεί έχουμε τα νέα επίπεδα, τα οποία αποτελούνται από ένα επίπεδο το καθένα.

Και τώρα που δημιουργώ ένα 4-χρωματικό gradient, ...

Εύκολη δημιουργία animation: Τα χρώματα

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

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



Αλλά δεν χρειαζόμαστε αυτό εδώ. Θέλω κάτι άλλο.

Βήμα 7

Θέλω να έχω όλες τις μάσκες σε ένα επίπεδο, και όχι 4, αλλά 20.

Και seperateLayers το βάζουμε σε χαμηλό. Αποθηκεύω, πηγαίνω πίσω στην Αναπαραγωγή, ...

Εύκολα δημιουργώντας animation: Τα χρώματα

... και τώρα έχουμε όλες τις 20 μάσκες σε ένα επίπεδο.

Τις σημειώνω από 1 έως 20 και πατάω Ctrl+C ή cmd+C. Μετά διαγράφω την αρχική μάσκα και προσθέτω όλες στη θέση της εκεί.

Τώρα όλες είναι εδώ και θέλω να τις κινήσω μετά στο επόμενο βήμα.

Εύκολη δημιουργία animation: Τα χρώματα

Βήμα 8

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

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

Animation εύκολα: Τα χρώματα.

Βήμα 9

Ας το δούμε αυτό. Η μουσική παίζει στο παρασκήνιο, ταιριάζει. Και τώρα έχουμε δύο γραμμικά Keyframes, που δεν είναι και τόσο ενδιαφέροντα.

Θα ήθελα να είναι λίγο πιο ενδιαφέροντα και να μην δουλεύω με γραμμικά Keyframes, γιατί όπως έχουμε ήδη ακούσει από τους κανόνες της Disney: Η σταθερή ταχύτητα δεν συμβαίνει στην πραγματική ζωή, οπότε δεν τη χρειαζόμαστε ούτε στις κινούμενες εικόνες.

Εύκολα animation: Τα χρώματα

Βήμα 10

Γι' αυτό κάνουμε κλικ στο Επεξεργαστή διαγραμμάτων. Εκεί θα δούμε τις καμπύλες, τις οποίες θα μάθουμε ακριβώς στο bouncing ball.

Για να το περιορίσω στα μονοπάτια μάσκας, σημειώνω όλες τις μάσκες και πατάω το U, για να δω όλες τις κινούμενες ιδιότητες.

Κινούμενα σχέδια εύκολα: Τα χρώματα

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

Θα ήθελα πρώτα να προσθέσω ένα Easy Ease, είτε με το F9 είτε με αυτό το κουμπί.

Έτσι ο γράφος έχει αλλάξει πολύ ριζικά. Η αριστερή πλευρά θα ήταν μία σταθερή ταχύτητα, ξεκινάμε από μια συγκεκριμένη ταχύτητα και τελειώνουμε απότομα.

Με το Easy Ease ανεβαίνουμε αργά από το μηδέν και μετά κατέβασε. Αυτό είναι ένα είδος παραβολικής καμπύλης.

Εύκολη δημιουργία animation: Τα χρώματα

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

Ας δούμε πώς φαίνεται αυτό...

Κινούμενα σχέδια εύκολα φτιαγμένα: Τα χρώματα



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

Βήμα 11

Έτσι θα μπορούσαμε να το κάνουμε όλο με την θέση - γιατί όμως δημιούργησαμε τα Slices;

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

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

Φαίνεται καλό.

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

Και βλέπετε, όταν ενεργοποιήσετε την προεπισκόπηση - φαίνεται καλό. Φανταστικό.

Εύκολη δημιουργία animation: Τα χρώματα

Βήμα 12

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

Το αντιγράφουμε, το μετακινούμε στον χρόνο και αλλάζουμε από κίτρινο σε μπλε και από μπλε σε κίτρινο.

Εύκολα animation: Τα χρώματα



Σε αυτήν την περίπτωση είναι προεμφανισμένο πριν και μετά εξαφανίζεται. Πρέπει να το αντιστρέψουμε, γιατί θέλω να μην έχουμε κάποιο επίπεδο στην αρχή και το επίπεδο να μετακινείται προς τα εκεί.

Έτσι διαγράφω ξανά το αντιγραμμένο επίπεδο και ενεργοποιώ το επίπεδο "Αλλαγή Χρωμάτων". Στη συνέχεια επιλέγουμε όλα τα Keyframes, σχεδιάζοντας ένα ορθογώνιο ανάρτημα πάνω τους..

Με ένα δεξί κλικ πηγαίνω στο Βοηθό Keyframe και στο κάτω μέρος βρίσκω το Αντιστροφή Σειράς Keyframe.

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

Αυτό ακριβώς πάτησα και τώρα το κίτρινο χρώμα μετακινείται από κάτω στο μπλε.

Και τώρα θα πρέπει να λειτουργεί, όταν αντιγράψω ξανά το επίπεδο και το μετακινήσω λίγο πιο πίσω.

Πηγαίνουμε τώρα από το ένα χρώμα στο άλλο και πάλι πίσω. Τέλειο.

Εύκολη δημιουργία animation: Τα χρώματα



Αυτό λειτουργεί ήδη. Το επόμενο μας καθήκον στο επόμενο τμήμα αυτής της σειράς εκπαιδευτικών οδηγιών θα είναι το κείμενο.