Το κινούμενο σχέδιο λογότυπου είναι η διαδικασία εισαγωγής κίνησης ή αλλαγών στα οπτικά στοιχεία ενός λογότυπου για να γίνει πιο δυναμικό και ελκυστικό. Μπορεί να εφαρμοστεί σε διαφορετικά μέρη ενός λογότυπου, όπως κείμενο, εικόνες, χρώματα και σχήματα, και μπορεί να έχει διάφορους βαθμούς πολυπλοκότητας, που κυμαίνονται από απλά κινούμενα σχέδια όπως το κείμενο που αναβοσβήνει ή ξεθωριάζουν τα χρώματα, έως πολύπλοκα κινούμενα σχέδια που περιλαμβάνουν αντικείμενα που κινούνται ή διαδρούν υπάρχοντα.
Η κινούμενη εικόνα με λογότυπα γίνεται πιο κοινή. Μεταξύ των smartphone και της γενικής ανάπτυξης της τεχνολογίας του Διαδικτύου, τα λογότυπα είναι πλέον πολύ πιο κοινά στους ψηφιακούς χώρους και αυτό ανοίγει την πόρτα σε οπτικά εφέ όπως κινούμενα σχέδια που δεν είναι δυνατά με φυσικά προϊόντα. Φυσικά, η αυξανόμενη δημοτικότητα των κινούμενων εικόνων λογότυπων σημαίνει ότι όλο και περισσότερες μάρκες θα το χρειάζονται για να παραμείνουν ανταγωνιστικές. Έτσι, η εκμάθηση του τρόπου δημιουργίας κινούμενων εικόνων ενός λογότυπου μπορεί να είναι μια πολύτιμη δεξιότητα που θα οδηγήσει το λογότυπό σας στο επόμενο επίπεδο.
Ταυτόχρονα, το λογισμικό κινούμενων εικόνων έχει γίνει επίσης πιο πανταχού παρόν, βελτιωμένο και διαισθητικό για την υποστήριξη αυτής της αυξανόμενης βάσης χρηστών. Έτσι, ανεξάρτητα από το πόσο τεχνικό και πολύπλοκο μπορεί να ακούγεται το animation με το λογότυπο, ακόμη και οι αρχάριοι μπορούν τώρα να δημιουργήσουν απλά αλλά αποτελεσματικά κινούμενα σχέδια.
Κινούμενη εικόνα λογότυπου στο After Effects -
Βήμα 1. Προετοιμάστε το αρχείο με το λογότυπό σας.
Στην πραγματικότητα, θα ξεκινήσουμε το σεμινάριο μας σχετικά με τον τρόπο δημιουργίας κινούμενων εικόνων σε ένα λογότυπο στο Adobe Illustrator (ή σε παρόμοιο λογισμικό σχεδίασης λογότυπου). Αυτό είναι απαραίτητο για να διασφαλίσουμε ότι το αρχείο μας λογότυπο που έχει ρυθμιστεί για κινούμενα σχέδια.
Αν και το ίδιο το λογισμικό κινούμενων σχεδίων είναι ράστερ, τα αρχικά αρχεία λογότυπου πρέπει να είναι σε διανυσματική μορφή. Αυτό σας επιτρέπει να τα αλλάξετε χωρίς βλάβη για ποιότητα εικόνας (για παράδειγμα, η μεγέθυνση σε ένα λογότυπο ράστερ έχει ως αποτέλεσμα pixelation) και αυτό θα είναι χρήσιμο αργότερα όταν εργάζεστε με επίπεδα σχήματος.
Βεβαιωθείτε ότι το λογότυπό σας είναι χωρισμένο σε επίπεδα χρησιμοποιώντας τον πίνακα Επίπεδα.
Το λογότυπο θα πρέπει επίσης να είναι πολυεπίπεδο αντί να ομαδοποιείται σε ένα αντικείμενο. Αυτό καθιστά εύκολη τη δημιουργία πιο σύνθετων κινούμενων εικόνων με την κίνηση μεμονωμένων τμημάτων του λογότυπου. Μπορείτε να δημιουργήσετε νέα επίπεδα χρησιμοποιώντας το " Προσθήκη νέου επιπέδου" στο κάτω μέρος του πίνακα Επίπεδα και, στη συνέχεια, αντιγράψτε και επικολλήστε τμήματα του λογότυπού σας σε αυτά.
Τέλος, δεδομένου ότι τα κινούμενα σχέδια είναι ψηφιακής φύσης, δουλεύουμε και με χρώματα RGB. Εάν το αρχείο Illustrator έχει οριστεί σε CMYK, μπορείτε να το αλλάξετε επιλέγοντας το λογότυπό σας και μεταβαίνοντας στις επιλογές Επεξεργασία > Επεξεργασία χρωμάτων > Μετατροπή σε RGB.
Όταν είστε έτοιμοι, εξάγετε το λογότυπό σας ως διανυσματικό αρχείο με πλήρη στρώση. Επειδή οι τύποι αρχείων After Effects αποτελούν μέρος της οικογένειας λογισμικού Adobe, θα αποθηκεύσω το λογότυπο που δημιούργησα ως αρχείο AI (Adobe Illustrator), αλλά υπάρχουν αρκετοί διαφορετικοί τύποι διανυσματικών αρχείων για να διαλέξετε εάν χρησιμοποιείτε άλλο λογισμικό.
Βήμα 2: Εισαγάγετε το λογότυπό σας στο After Effects. Κινούμενα σχέδια λογότυπων
Ανοίξτε το After Effects. Η διεπαφή μπορεί να φαίνεται περίπλοκη με την πρώτη ματιά, οπότε ας αναλύσουμε τα βασικά:
- Γραμμή εργαλείων : εδώ μπορείτε να έχετε πρόσβαση στο κύριο εργαλεία γραφικώνόπως το εργαλείο στυλό, το εργαλείο τύπου κ.λπ.
- Πίνακας έργου : Εδώ διαχειρίζεστε και οργανώνετε αρχεία πολυμέσων για ολόκληρο το έργο.
- Παράθυρο σύνθεσης : Αυτό είναι ένα παράθυρο προεπισκόπησης βίντεο όπου μπορείτε να κάνετε προεπισκόπηση της κινούμενης εικόνας για την τρέχουσα σύνθεση (συχνά ονομάζεται σύνθεση) στην οποία εργάζεστε. Οι συνθέσεις είναι ουσιαστικά σκηνές, η καθεμία με τα δικά της χρονοδιαγράμματα κινουμένων σχεδίων. Θα συζητήσουμε τις συνθέσεις με περισσότερες λεπτομέρειες στην επόμενη ενότητα.
- Χρονοδιάγραμμα : Εδώ θα δημιουργήσετε το κινούμενο σχέδιο σας. Αποτελείται από μια κυριολεκτική γραμμή χρόνου στα δεξιά (όπου θα ρυθμίσετε συμβάντα κινούμενων εικόνων για να εκτελούνται στη γραμμή χρόνου) και μια περιοχή διάταξης στα αριστερά (όπου θα επικαλύψετε και θα επεξεργαστείτε τα χαρακτηριστικά των στοιχείων πολυμέσων σας).
- Πίνακας ελέγχου : Εδώ μπορείτε να αποκτήσετε πρόσβαση σε διάφορες υποστηρικτικές λειτουργίες, όπως πληροφορίες πολυμέσων, επιλογές παραγράφου και ευθυγράμμισης και προ-ενσωματωμένες βιβλιοθήκες κινούμενων εικόνων και οπτικών εφέ που είναι ενσωματωμένες στο After Effects.
Εάν δεν είστε σίγουροι για ένα εργαλείο ή κουμπί, αν τοποθετήσετε το ποντίκι σας πάνω του, θα σας δώσει μια περιγραφή.
Για να εισαγάγετε ένα αρχείο λογότυπου, απλώς σύρετέ το στον πίνακα Project ή επιλέξτε Αρχείο" > " Εισαγωγή" > " Αρχείο" . Στο επόμενο παράθυρο διαλόγου, επιλέξτε Εισαγωγή πολυμέσων ως πλάνα και συγχωνευμένα επίπεδα .
Βήμα 3: Ρυθμίστε τη σύνθεσή σας. Κινούμενα σχέδια λογότυπων.
Μια σύνθεση (comp) είναι ένα κοντέινερ που σας επιτρέπει να συνθέσετε, να επεξεργαστείτε και να εφαρμόσετε κινούμενα σχέδια σε αρχεία πολυμέσων. Μια μεγαλύτερη παραγωγή, όπως μια ταινία, θα περιέχει πολλά κομμάτια οργανωμένα σε ένα πάνελ έργου. Έτσι, μπορείτε να σκεφτείτε τα κομμάτια ως μια ενιαία σκηνή σε αυτήν την ταινία και κάθε κομμάτι θα έχει το δικό του ξεχωριστό χρονοδιάγραμμα. Στην περίπτωσή μας, ένα κινούμενο σχέδιο με λογότυπο που διαρκεί λιγότερο από πέντε δευτερόλεπτα απαιτεί πολύ λίγες συνθέσεις.
Για να προσαρμόσετε τη σύνθεσή σας, σύρετε τα αρχεία πολυμέσων στην αριστερή πλευρά του πλαισίου της γραμμής χρόνου.
Ας ξεκινήσουμε με ένα απλό υπόβαθρο. Κάντε δεξί κλικ στον πίνακα διάταξης και επιλέξτε " Δημιουργώ" > " Στερεός" . Επειδή το λογότυπό μου είναι λευκό, επέλεξα στερεό μαύρο χρώμα, αλλά μπορείτε να επιλέξετε οποιοδήποτε χρώμα. Στο επόμενο παράθυρο, ονομάστε το στερεό (στην περίπτωσή μου "BG"), κάντε κλικ στο " Κάντε μέγεθος υπολογιστή" και επιλέξτε " ΕΝΤΑΞΕΙ" . Τώρα σύρετε το αρχείο με το λογότυπό σας από τον πίνακα Project στον πίνακα Timeline και θα δείτε το λογότυπό σας σε προεπισκόπηση στο παράθυρο σύνθεσης. Εάν όχι, φροντίστε να αναδιατάξετε τα επίπεδα σύροντας το συμπαγές φόντο κάτω από το αρχείο λογότυπου.
Κάντε δεξί κλικ στο αρχείο λογότυπου στον πίνακα διάταξης και επιλέξτε Δημιουργώ" > " Μετατροπή σε σύνθεση πολλαπλών επιπέδων" . Αυτό θα μετατρέψει το αρχείο με το λογότυπό σας σε διαφορετική σύνθεση (θα δείτε ότι το εικονίδιο έχει αλλάξει). Κάνοντας διπλό κλικ στο αρχείο λογότυπου θα ανοίξει τώρα μια νέα καρτέλα και θα μεταφερθείτε σε αυτήν τη νέα σύνθεση που περιέχει όλα τα μεμονωμένα επίπεδα που έχετε ρυθμίσει στο Illustrator. Τώρα μπορείτε να δείτε πώς λειτουργούν τα comps: είναι ουσιαστικά σαν υποφάκελοι.
Κινούμενα σχέδια λογότυπων
Εάν θέλετε, μπορείτε να μετατρέψετε καθένα από αυτά τα επίπεδα σε ξεχωριστές συνθέσεις κάνοντας δεξί κλικ και επιλέγοντας Προκαταρκτική σύνθεση" . Αυτό θα δώσει σε αυτό το επίπεδο το δικό του χρονοδιάγραμμα κινούμενων εικόνων, ενσωματωμένο στην προηγούμενη σύνθεση. Και αν θέλετε να ζωντανέψετε ολόκληρο το λογότυπο ταυτόχρονα, θα πρέπει να χρησιμοποιήσετε μια γραμμή χρόνου που σχετίζεται με την κύρια σύνθεση.
Με αυτό το πρόβλημα, ας καταλάβουμε πώς λειτουργούν αυτά τα χρονοδιαγράμματα για κινούμενα σχέδια.
Βήμα 4: Δημιουργήστε κίνηση στο λογότυπο χρησιμοποιώντας βασικά καρέ
Το After Effects (και τα περισσότερα λογισμικά κινούμενων εικόνων) λειτουργεί χρησιμοποιώντας βασικά καρέ. Τα βασικά καρέ είναι ουσιαστικά δείκτες που μπορείτε να ορίσετε στη γραμμή χρόνου για να προσδιορίσετε πότε πρέπει να εμφανίζονται οι καταστάσεις έναρξης και λήξης για την κινούμενη εικόνα σας.
Για παράδειγμα, ας ξεκινήσουμε με ένα πολύ απλό κινούμενο σχέδιο: το fading in. Ένα αντικείμενο έχει διαφορετικά χαρακτηριστικά που συνδέονται με αυτό και τα χαρακτηριστικά που αλλάζουν σε μια δεδομένη χρονική περίοδο είναι ουσιαστικά κινούμενα σχέδια. Για να δείτε αυτά τα χαρακτηριστικά, κάντε κλικ στο εικονίδιο Ανάπτυξη δίπλα στο λογότυπο και στη συνέχεια ιδιοκτησία "Μετατροπή" .
Δημιουργήστε βασικά καρέ κάνοντας κλικ στο εικονίδιο του χρονόμετρου δίπλα στις Ιδιότητες στον πίνακα Χρονολόγιο.
Για ένα κινούμενο σχέδιο που ξεθωριάζει, θέλετε να εργαστείτε με το χαρακτηριστικό που μετρά την ορατότητα ενός αντικειμένου: αδιαφάνεια. Η αδιαφάνεια έχει οριστεί στο 100% επειδή από προεπιλογή το λογότυπο είναι πλήρως ορατό.
Κάντε κλικ στο εικονίδιο του χρονόμετρου δίπλα στην επιλογή Αδιαφάνεια και θα δείτε ένα διαμάντι όπου έχει οριστεί ο δείκτης της κεφαλής αναπαραγωγής (η αμυδρή μπλε γραμμή που διασχίζει τη γραμμή χρόνου). Αυτό είναι ένα βασικό καρέ, βασικά ένα στιγμιότυπο της τρέχουσας τιμής ενός καθορισμένου χαρακτηριστικού. Μετακινήστε το βασικό καρέ κάνοντας κλικ και σύροντάς το στην ένδειξη 2 δευτερολέπτων στη γραμμή χρόνου. Σύρετε το ρυθμιστικό πίσω στο σημάδι 0 δευτερολέπτων και, στη συνέχεια, δημιουργήστε ένα άλλο βασικό καρέ και ορίστε την αδιαφάνεια στο 0%. Πατήστε το πλήκτρο διαστήματος για να προβάλετε την κινούμενη εικόνα στο παράθυρο σύνθεσης.
Συνέπειες
Θα δείτε ότι έχετε δημιουργήσει ένα ομαλό fade-in animation αλλάζοντας την αδιαφάνεια από 0% σε 100% σε 2 δευτερόλεπτα με μόνο δύο βασικά καρέ. Έτσι γίνονται όλα τα κινούμενα σχέδια στο After Effects. Μπορείτε να δημιουργήσετε ένα βασικό καρέ έναρξης και ένα βασικό καρέ τέλους σε διαφορετικά διαστήματα κατά μήκος της γραμμής χρόνου και το After Effects υπολογίζει αυτόματα τις απαραίτητες μεταβάσεις καρέ για να φτάσετε από το σημείο Α στο σημείο Β (παραδοσιακά ονομάζεται tween frames στην επιχείρηση κινούμενων σχεδίων).
Δημιουργείται μια απλή ομαλή κινούμενη εικόνα χρησιμοποιώντας δύο βασικά καρέ για την ιδιότητα Opacity.
Μπορείτε να δείτε ότι υπάρχουν πολλά χαρακτηριστικά με τα οποία μπορείτε να εργαστείτε Μεταμόρφωση ιδιοκτησίας, που θα εξηγήσουμε συνοπτικά εδώ. Μη διστάσετε να πειραματιστείτε με βασικά καρέ και να τροποποιήσετε το καθένα για να αποκτήσετε μια αίσθηση των δυνατοτήτων κινούμενων εικόνων:
- Θέση : Αυτό το χαρακτηριστικό περιγράφει τη θέση του λογότυπου στο χώρο X, Y στην οθόνη διάταξης και επιτρέπει την κινούμενη γραμμική κίνηση.
- Κλίμακα : Αυτό το χαρακτηριστικό περιγράφει το μέγεθος του λογότυπου (ως ποσοστό του πλήρους μεγέθους του αρχικού αρχείου) και σας επιτρέπει να δημιουργήσετε κινούμενα σχέδια μεγέθυνσης ή συρρίκνωσης.
- Περιστροφή : Αυτό το χαρακτηριστικό περιγράφει τον προσανατολισμό σε μοίρες και σας επιτρέπει να δημιουργήσετε κινούμενα σχέδια περιστροφής.
Συμβουλή από επαγγελματία :
Όταν πρόκειται για κινούμενη εικόνα ενός λογότυπου, είναι λογικό να εργάζεστε προς τα πίσω (όπως κάναμε με το fade-in), καθώς το animation θα πρέπει να τελειώνει στο ολοκληρωμένο, πλήρες λογότυπο. Αυτό σημαίνει ότι πρέπει να δημιουργήσετε βασικά καρέ προτού αλλάξετε οτιδήποτε, ώστε να έχετε στιγμιότυπα των τιμών των χαρακτηριστικών στην προεπιλεγμένη τους κατάσταση. Στη συνέχεια, μπορείτε να μετακινήσετε αυτά τα βασικά καρέ στο επιθυμητό τελικό σημείο στη γραμμή χρόνου (όσο καιρό θέλετε να διαρκέσει η κινούμενη εικόνα) και να δημιουργήσετε νέα βασικά καρέ για τις αλλαγές στην αρχή της γραμμής χρόνου.
Βήμα 5. Κάντε κίνηση στο λογότυπο χρησιμοποιώντας στρώματα σχήματος.
Τώρα ας προχωρήσουμε σε πιο ενδιαφέρουσες τεχνικές κινούμενων σχεδίων χρησιμοποιώντας στρώματα σχήματος. Τα επίπεδα σχήματος είναι αντικείμενα που περιέχουν πληροφορίες διαδρομής, όπως σημεία αγκύρωσης και γραμμές σύνδεσης (παρόμοια με εκείνα στα διανυσματικά προγράμματα) και ο χειρισμός τους ανοίγει την πόρτα σε μια ολόκληρη σειρά δυνατοτήτων κινούμενης εικόνας πέρα από Μετασχηματισμός ιδιοτήτων .
Πώς να επιλέξετε το σωστό χρώμα για το λογότυπό σας;
Πρώτα θα μετατρέψουμε το λογότυπο σε στρώμα σχήματος. Στον πίνακα Σύνθεση σε επίπεδα (τα επίπεδα που δημιουργήθηκαν στο βήμα 3), επιλέξτε όλα τα επίπεδα, κάντε δεξί κλικ και επιλέξτε " Δημιουργώ" > " Δημιουργία σχημάτων από διανυσματικό επίπεδο" . Θα δείτε ότι κάθε στρώμα είναι διπλό με ένα αστέρι δίπλα του - αυτό είναι ένα στρώμα σχήματος. Φωλιασμένο κάτω από το στρώμα σχήματος, θα βρείτε Ιδιότητα περιεχομένου Επιπρόσθετα Μεταμόρφωση ιδιοκτησίας . Στα δεξιά του Ιδιότητες περιεχομένου θα δείτε επίσης ένα κουμπί " Προσθήκη" , το οποίο θα σας επιτρέψει να επιλέξετε ακόμη περισσότερα χαρακτηριστικά για κίνηση.
Τα επίπεδα σχήματος περιέχουν ένα κουμπί Προσθήκη (στα δεξιά της ιδιότητας Περιεχόμενα) που σας επιτρέπει να προσθέσετε όλα τα είδη κινούμενων ιδιοτήτων, όπως διαδρομές αποκοπής.
Κλιμάκωση ενός αντικειμένου στο Adobe Illustrator
Διαδρομές περικοπής
Για το λογότυπό μου, χρησιμοποίησα ένα αρκετά κοινό και χρήσιμο κινούμενο σχέδιο χρησιμοποιώντας την ιδιότητα Trim Paths. Για να το κάνω αυτό πρόσθεσα "Διαδρομές περικοπής" χρησιμοποιώντας το κουμπί " Προσθήκη" στα επίπεδα σχήματος για κάθε γράμμα, ορίστε το βασικό καρέ του χαρακτηριστικού End στο 0% στην αρχή της γραμμής χρόνου και στο 100% μετά από περίπου 1 δευτερόλεπτο. Όπως μπορείτε να δείτε, το περίγραμμα των γραμμάτων φαίνεται να σχεδιάζεται από ένα αόρατο χέρι σε πραγματικό χρόνο.
Η χρήση της ιδιότητας Trim Paths σάς επιτρέπει να κάνετε κίνηση γραμμών έτσι ώστε να σχεδιάζονται σε πραγματικό χρόνο.
Επιπλέον, ήθελα να προσθέσω κάποια κινούμενη εικόνα με έμφαση στο φόντο. Δεδομένου ότι δουλεύω σε ασπρόμαυρο, επέλεξα ένα εφέ looping tunnel που θυμίζει το Twilight Zone. Για να το κάνω αυτό, χρησιμοποίησα το εργαλείο πολυγώνου στον πίνακα Εργαλεία για να σχεδιάσω ένα σχήμα στο κέντρο της σύνθεσής μου, δημιουργώντας ένα νέο στρώμα σχήματος.
Στη συνέχεια πρόσθεσα μια ιδιότητα Repeater, κεντράρωσα τη θέση και αύξησα τον αριθμό των αντιγράφων. Αυτό αντιγράφει το σχήμα, δημιουργώντας ένα φαινομενικά ατελείωτο τούνελ. Η προσαρμογή της κλίμακας αυξάνει τον χώρο μεταξύ κάθε αντιγράφου και η αλλαγή της περιστροφής προσανατολίζει τα αντίγραφα σε διαφορετικές κατευθύνσεις για οπτικό ενδιαφέρον.
Τέλος, για να το ωραιοποιήσω, έκανα keyframe μια μετατόπιση 0 στην αρχή της γραμμής χρόνου και αργότερα την έθεσα σε μια αρνητική τιμή στη γραμμή χρόνου.
Χρησιμοποιώντας ένα στρώμα πολυγωνικού σχήματος και την ιδιότητα Repeater, μπόρεσα να δημιουργήσω ένα κινούμενο φόντο.
Μάλλον έχετε μαντέψει ότι υπάρχουν πολλές επιλογές για στρώματα σχήματος. Είναι αλήθεια: υπάρχουν πλήρη διαδικτυακά μαθήματα για το θέμα στο Διαδίκτυο και θα πρέπει να αφιερώσετε χρόνο για να πειραματιστείτε, να εξασκηθείτε και να μάθετε.
Επίσης, δεν μπορώ να σας πω ποιο στυλ κινουμένων σχεδίων θα σας ταιριάζει λογότυπο ή ποια συγκεκριμένα εργαλεία κινούμενα σχέδια που θα χρειαστείτε για να πετύχετε αυτό το στυλ. Ωστόσο, μπορώ να σας δώσω συμβουλές για το πώς να το ανακαλύψετε μόνοι σας. Αναζητήστε έμπνευση από άλλα κινούμενα λογότυπα, όπως τους ανταγωνιστές σας, τις επωνυμίες που θαυμάζετε ή/και ιστότοπους όπως το Pinterest ή το Dribbble - όπως ακριβώς κάνατε όταν δημιουργήσατε αρχικά το λογότυπο.
Θα διαπιστώσετε ότι μόλις αρχίσετε να τα αναλύετε χρησιμοποιώντας τις νέες γνώσεις σας για το πώς να δημιουργήσετε ένα λογότυπο, πολλά από αυτά βασίζονται σε απλές χειρισμούς με σχήματα και μεταμορφώσεις (ακόμα και εκείνα που είναι ξεκάθαρα στρωμένα με προηγμένα στυλιζαρισμένα εφέ). Μόλις βρείτε μερικά που σας αρέσουν, μπορείτε να εργαστείτε προς τα πίσω στο After Effects για να προσπαθήσετε να αναστρέψεις αυτά τα κινούμενα σχέδια για εξάσκηση.
Βήμα 6: Ρυθμίστε την ώρα.
Ας μιλήσουμε για τον χρόνο, ο οποίος περιγράφει τον ρυθμό των καρέ κινουμένων σχεδίων σε όλο το animation. Μπορείτε να δείτε μια οπτική αναπαράσταση του χρόνου μεταβαίνοντας στο Graph Editor. Για να το κάνετε αυτό, κάντε κλικ στο εικονίδιο γραφήματος (με την ετικέτα Επεξεργαστής γραφήματος όταν τοποθετείτε το δείκτη του ποντικιού πάνω του) στο επάνω μέρος του πλαισίου της γραμμής χρόνου και αυτό θα αλλάξει τη γραμμή χρόνου σε γράφημα γραμμής.
Εάν κάνετε κλικ σε ένα από τα χαρακτηριστικά του βασικού καρέ, θα δείτε μια ευθεία γραμμή από το ένα βασικό καρέ στο άλλο. Αυτήν τη στιγμή, καθώς κάναμε βασικό καρέ μόνο στα σημεία έναρξης και λήξης, αφήσαμε το After Effects για να κάνουμε τον χρονισμό. Χωρίς κατεύθυνση, το After Effects μετακινεί κάθε καρέ του animation ομοιόμορφα, με αποτέλεσμα μια τέλεια ευθεία γραμμή.
Το πρόγραμμα επεξεργασίας γραφήματος εμφανίζει το χρονισμό του βασικού πλαισίου όπως φαίνεται στο γράφημα γραμμής.
Ωστόσο, η σκόπιμη αλλαγή στο χρόνο είναι αυτή που δίνει στο animation μια αίσθηση ρεαλισμού. Για παράδειγμα, σε ένα κινούμενο σχέδιο με μπάλα που αναπηδά, η μπάλα κινείται πιο αργά στο ύψος της αναπήδησης και πιο γρήγορα καθώς πλησιάζει το έδαφος λόγω της ορμής και της βαρύτητας. Με άλλα λόγια, δεν κινείται με την ίδια ταχύτητα σε όλο το animation, και αν το έκανε, θα ξεχώριζε ως ρομπότ.
Τα εργαλεία Bezier, που βρίσκονται στο κάτω μέρος του επεξεργαστή γραφήματος, σας επιτρέπουν να προσαρμόσετε την καμπυλότητα της γραμμής του γραφήματος.
Μετατροπή βασικών καρέ σε Auto Bezier
Το Graph Editor σάς επιτρέπει να προσαρμόσετε το χρόνο της δικής σας κινούμενης εικόνας χρησιμοποιώντας τις λεγόμενες λαβές Bezier για να μετατρέψετε μια γραμμή γραφήματος σε καμπύλη. Στην κάτω δεξιά γωνία του προγράμματος επεξεργασίας γραφήματος, θα δείτε μερικά εικονίδια τετράγωνης κουκκίδας προσαρτημένα σε γραμμές—αυτά είναι εργαλεία Bezier.
Κάντε κλικ σε ένα από τα βασικά καρέ και τοποθετήστε το δείκτη του ποντικιού πάνω από τα εργαλεία Bezier μέχρι να βρείτε αυτό με την ετικέτα " Μετατροπή βασικών καρέ σε Auto Bezier" . Όταν κάνετε κλικ σε αυτό, θα δείτε έναν κίτρινο δείκτη να εμφανίζεται στο γράφημα. Εάν σύρετε αυτήν τη λαβή, η γραμμή θα λυγίσει και αυτό θα αλλάξει το χρόνο της κινούμενης εικόνας σας. Όπου η καμπύλη είναι πιο έντονη, τα καρέ θα αναπαράγονται πιο γρήγορα και όπου η καμπύλη είναι πιο ομαλή, τα καρέ θα αναπαράγονται πιο αργά.
Μια πιο ευκρινής καμπύλη αντιστοιχεί σε ταχύτερο συγχρονισμό και μια πιο ομαλή καμπύλη αντιστοιχεί σε πιο αργό συγχρονισμό.
Για να κατανοήσετε πραγματικά τις αποχρώσεις της προσαρμογής του χρονισμού σας απαιτεί εμπειρία κινουμένων σχεδίων, γι' αυτό και η χειροκίνητη προσαρμογή των καμπυλών Bezier είναι ένα πιο προηγμένο θέμα. Σε αυτόν τον οδηγό για αρχάριους, προτείνω να χρησιμοποιήσετε το εργαλείο Bezier Εύκολη Ευκολία (το οποίο εφαρμόζει μια αυτόματη καμπύλη στο βασικό καρέ που επιλέγετε) για όλα τα χρονικά διαστήματα κινούμενων εικόνων. Μπορείτε να κάνετε αίτηση Εύκολη Ευκολία σε ένα βασικό καρέ εκτός του επεξεργαστή διαγράμματος επιλέγοντας το βασικό καρέ και κάνοντας δεξί κλικ.
Βήμα 7: Εξαγάγετε το λογότυπό σας.
Όταν είστε έτοιμοι να εξαγάγετε το έτοιμο λογότυπο κινουμένων σχεδίων, επιλέξτε " Αρχείο" > " Εξαγωγή" > " Προσθήκη Adobe Media Encoder στην ουρά" . Το After Effects εξάγει από προεπιλογή αρχείο σε μορφή mp4, που είναι κατάλληλο για βίντεο. Εφόσον θέλουμε να δημιουργήσουμε ένα αρχείο εικόνας με δυνατότητα κοινής χρήσης του λογότυπου μας, θα το εξαγάγουμε ως κινούμενο GIF. Στο παράθυρο Media Encoder, κάντε κλικ στο βέλος δίπλα στην επισημασμένη μπλε γραμμή κειμένου κάτω από τη λέξη "Format" και επιλέξτε " Κινούμενο GIF" . Μπορείτε επίσης να ορίσετε τον φάκελο προορισμού για το τελικό αρχείο σας κάνοντας κλικ στο μπλε κείμενο κάτω από τις λέξεις "Αρχείο εξόδου".
Για να εξαγάγετε ένα αρχείο, μεταβείτε στο File > Export > Add to Adobe Media Encoder Queue και επιλέξτε Animated Gif από την αναπτυσσόμενη λίστα στη στήλη Format.
Κάντε διπλό κλικ στο επισημασμένο μπλε κείμενο κάτω από την προεπιλογή για να ανοίξετε το παράθυρο Επιλογές εξαγωγής. Υπάρχουν μερικές επιλογές που θα θελήσετε να εξετάσετε για να μειώσετε το μέγεθος του αρχείου σας: Ποιότητα (το έβαλα στο 20), Ρυθμός καρέ (το έβαλα στο 10, αν και συνιστώνται υψηλότεροι ρυθμοί καρέ (fps) για βίντεο) και Διάρκεια, η οποία είναι η μπλε γραμμή στην προεπισκόπηση (περιέκοψα τη δική μου στα 4 δευτερόλεπτα). Επιλέγω ΕΝΤΑΞΕΙ, για να κλείσετε αυτό το παράθυρο.
Όταν τελειώσετε, επιλέξτε το πράσινο εικονίδιο Αναπαραγωγή στην επάνω δεξιά γωνία του Media Encoder και το αρχείο σας θα εμφανιστεί στον επιλεγμένο φάκελο προορισμού. Αυτό είναι όλο: ολοκληρωμένη κινούμενη εικόνα με λογότυπο!
Δώστε ζωή στην επωνυμία σας με κινούμενα σχέδια με λογότυπο.
-
Το animation λογότυπων είναι κάτι περισσότερο από μια δημοφιλής τάση που οι επωνυμίες αναγκάζονται να ακολουθήσουν. Υπάρχει επίσης μια αναμφισβήτητη μαγεία στα κινούμενα σχέδια με λογότυπο και είναι ένας πολύ καλός τρόπος για να δημιουργήσετε μια στιγμή οπτικής απόλαυσης για όλους όσους αλληλεπιδρούν με την επωνυμία σας. Και ευτυχώς, το λογισμικό κινούμενων σχεδίων έχει εξελιχθεί έτσι ώστε σχεδόν οποιοσδήποτε, ανεξαρτήτως δεξιοτήτων, μπορεί να προσθέσει λίγη από αυτή τη μαγεία στο δικό του λογότυπο.
Τούτου λεχθέντος, ενώ αυτό το σεμινάριο έχει σκοπό να σας κάνει να ξεκινήσετε με τα βασικά της κινούμενης εικόνας με λογότυπο, χρειάζεται πολλή δοκιμή και λάθος, εξάσκηση και πειραματισμός για να πετύχετε οτιδήποτε πέρα από το βασικό κινούμενο σχέδιο. Εάν θέλετε ένα πραγματικά ιδιαίτερο κινούμενο σχέδιο λογότυπων, ένας επαγγελματίας εμψυχωτής λογότυπων αξίζει την επένδυση.
Αφήστε ένα σχόλιο