Πώς να φτιάξετε ένα απλό κινούμενο σχέδιο χρησιμοποιώντας το Adobe Illustrator και το After Effects

Έχετε κάνει ποτέ μια καταπληκτική εικονογράφηση με το Adobe Illustrator και αναρωτηθήκατε τι άλλο μπορείτε να κάνετε με αυτό; Μπορείτε να το εισαγάγετε στο After Effects και να το μετατρέψετε σε ένα φανταστικό animation. Ακολουθήστε για να δείτε πόσο εύκολο μπορεί να είναι.

Δημιουργήστε μια εικόνα στο Adobe Illustrator

Υπάρχουν διάφοροι τρόποι για να δημιουργήσετε μια εικονογράφηση για ένα μελλοντικό animation. Η χρήση του Adobe Illustrator σάς προσφέρει έξυπνες λύσεις εικονογράφησης που μπορούν εύκολα να εισαχθούν και να κατανοηθούν στο After Effects. Θα μπορούσατε επίσης χρησιμοποιήστε το Photoshop για να δημιουργήσετε μια σύνθεση για After Effects, αλλά θα επικεντρωθούμε στη συνεργασία με το Illustrator.

Κατά τη δημιουργία του εγγράφου σας στο Illustrator, ορίστε το για το μέγεθος του προβλεπόμενου βίντεο (χρησιμοποιούμε 1920 x 1080). Για να ξεκινήσετε ένα νέο έγγραφο, κάντε κλικ Νέο αρχείο και επιλέξτε τις διαστάσεις σας. Κάντε κλικ Εντάξει και είστε έτοιμοι να ξεκινήσετε να σχεδιάζετε.

Χρησιμοποιήστε απλά σχήματα

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

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

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

Εργασία σε ξεχωριστά επίπεδα

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

Κάθε στοιχείο του σχεδίου σας που θέλετε να ζωντανέψετε—ή όχι—πρέπει να βρίσκεται σε ξεχωριστό επίπεδο. Εάν ένα στοιχείο είναι πολύπλοκο αλλά δεν έχει μεμονωμένα μέρη που μπορούν να κινηθούν, ολόκληρο το τμήμα θα πρέπει να βρίσκεται στο ίδιο επίπεδο μαζί. Κάθε επίπεδο πρέπει να μετονομαστεί, ώστε να μπορείτε να τα παρακολουθείτε όλα στο AE. Για να μετονομάσετε ένα επίπεδο, κάντε διπλό κλικ στο τρέχον όνομά του.

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

Αποθήκευση του αρχείου Illustrator

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

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

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

Εισαγωγή του σχεδίου σας στο Adobe After Effects

Με το αρχείο AI σας αποθηκευμένο, ήρθε η ώρα να εισαγάγετε την εικόνα στο After Effects. Η AE έχει τρεις βασικούς τομείς: Πίνακας έργου, Χρονοδιάγραμμα και Σύνθεση. Κάντε διπλό κλικ στον πίνακα Project και θα εμφανιστεί ένα αναδυόμενο παράθυρο. Βρείτε το αρχείο Illustrator, επιλέξτε Εισαγωγή ως > Σύνθεση – Διατήρηση μεγεθών επιπέδωνκαι κάντε κλικ Εισαγωγή. Συγουρεύομαι Δημιουργία σύνθεσης ελέγχεται.

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

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

Μεταμόρφωση σε After Effects

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

Θα δείτε αυτές τις επιλογές Μετασχηματισμού:

• Αγκυροβόλι
• Θέση
• Κλίμακα
• Περιστροφή
• Αδιαφάνεια

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

Η αλλαγή των επιλογών Transform δεν θα κάνει τίποτα χωρίς τη χρήση βασικών καρέ. Είναι το πιο σημαντικό μέρος του animation στο After Effects.

Εργασία με βασικά καρέ

Τα βασικά καρέ είναι εικονίδια σε σχήμα ρόμβου που αντιπροσωπεύουν ένα στοιχείο Μετασχηματισμού για την ένδειξη χρόνου. Για να μπορέσετε να χρησιμοποιήσετε τα βασικά καρέ, πρέπει να πατήσετε το εικονίδιο του χρονόμετρου δίπλα στην επιλογή Μετασχηματισμού που έχετε επιλέξει — λειτουργεί ως διακόπτης και αναγνωρίζει ότι χρησιμοποιείται η επιλογή Μετασχηματισμός.

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

Κάθε φορά που μετακινείτε την ένδειξη ώρας και μετά αλλάζετε μια παράμετρο Transform, θα προσθέτει ένα βασικό καρέ. Μπορείτε να μετακινήσετε τα βασικά καρέ από τις θέσεις τους και η παράμετρος θα μετακινηθεί στο σημείο όπου τοποθετείτε το βασικό καρέ.

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

Χρήση Easy Ease

Η λειτουργία Easy Ease χρησιμοποιείται συνήθως, αλλά τι κάνει; Η ιδέα είναι κάπως στο όνομα - διευκολύνει τα στοιχεία κινούμενων σχεδίων.

Η προσθήκη Easy Ease σε ένα βασικό καρέ δίνει στην επιλογή Transform μια πιο φυσική ευκολία, αντί για ένα ξαφνικό τέλος (ή αρχή). Είναι μια πολύ λεπτή διαφορά, αλλά είναι μια που, αναμφισβήτητα, προσθέτει ένα επίπεδο τεχνογνωσίας στα κινούμενα σχέδια σας.

Για να χρησιμοποιήσετε το Easy Ease, κάντε δεξί κλικ σε οποιοδήποτε διαμάντι βασικού καρέ και μεταβείτε στο Βοηθός Keyframe > Easy Ease. Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση F9 για την εφαρμογή Easy Ease. Το διαμάντι του πλαισίου κλειδιού θα μετατραπεί σε σχήμα κλεψύδρας για να αντιπροσωπεύει την Easy Ease.

Εξαγωγή της κινούμενης εικόνας σας

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

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

Μεταμορφώστε το Illustrator Art σας σε After Effects

Μπορείτε να μεγιστοποιήσετε τις δεξιότητές σας στο Adobe Illustrator μετατρέποντας μια απλή απεικόνιση σε ένα εντυπωσιακό κινούμενο σχέδιο. Χρησιμοποιώντας το εργαλείο εντοπισμού διαδρομής και τα επίπεδα του Illustrator, θα εκτιμήσετε το εργαλείο αφού το εισαγάγετε στο After Effects. Ακολουθήστε αυτόν τον οδηγό και φτιάξτε ένα ωραίο κινούμενο σχέδιο.

75+ συντομεύσεις πληκτρολογίου Adobe After Effects για να κάνετε τη ζωή σας πιο εύκολη

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα