Πώς να χρησιμοποιήσετε το Photoshop και το After Effects για να δημιουργήσετε κινούμενα γραφικά

Πώς να χρησιμοποιήσετε το Photoshop και το After Effects για να δημιουργήσετε κινούμενα γραφικά

Το λογισμικό της Adobe σάς επιτρέπει να μεταφέρετε ροές εργασίας και περιουσιακά στοιχεία από το ένα πρόγραμμα στο άλλο. Ενώ η πιο συνηθισμένη χρήση αυτού του cross-work είναι μέσω του Adobe Dynamic Link μεταξύ Premiere Pro και After Effects, το After Effects υποστηρίζει επίσης πολυεπίπεδα αρχεία Photoshop.





Αυτό είναι σημαντικό γιατί το After Effects είναι λιγότερο επικεντρωμένο στο σχεδιασμό και τον χειρισμό εικόνας. Έτσι, με την εισαγωγή τους μέσω Photoshop, μπορείτε να τελειοποιήσετε τα επίπεδα των κινούμενων γραφικών σας πριν από την εμψύχωση.





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





ωραία πράγματα να κάνετε σε διχόνοια

Προετοιμασία των εικόνων σας στο Photoshop

Ας ξεκινήσουμε βρίσκοντας εικόνες για το τελευταίο κινούμενο γραφικό.

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



Αφού βρείτε τις εικόνες που θέλετε, δημιουργήστε μια νέα εικόνα στο Photoshop. Στην ιδανική περίπτωση, θέλετε οι διαστάσεις του αρχείου Photoshop να ταιριάζουν με την έξοδο βίντεο. Έτσι, εάν παράγετε μια κινούμενη εικόνα σε HD, θα θέλετε οι διαστάσεις του καμβά να έχουν πλάτος 1.920 εικονοστοιχεία και ύψος 1.080 εικονοστοιχεία.

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





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

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





Προετοιμασία των στρωμάτων σας

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

Μόλις επιλεγεί, κάντε δεξί κλικ στο πληκτρολόγιό σας και επιλέξτε Layer Via Cut Το Η επιλογή, που σε αυτή την περίπτωση είναι το πόδι, θα γίνει τώρα ένα νέο στρώμα.

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

Τέλος, θέλετε η γάτα να αντιδράσει όταν χτυπηθεί στο κεφάλι από το πόδι του σκύλου. Ας αντιγράψουμε το επίπεδο που ονομάζεται Cat, με τίτλο ένα Cat_Normal και το διπλό Cat_Bonked.

Για το στρώμα Cat_Bonked, τα googly μάτια έχουν τραβηχτεί για να προσθέσουν ένα επιπλέον εφέ.

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

Φέρνοντας το αρχείο Photoshop σε After Effects

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

Σε αυτό το παράδειγμα, το αρχείο θα ονομάζεται Dog_Cat_Animation.PSD.

Στη συνέχεια, ανοίξτε το After Effects. Κτύπημα Αρχείο> Εισαγωγή> Αρχείο Το Μεταβείτε στο νέο σας αρχείο .PSD, όπου θα δείτε στη συνέχεια ένα παράθυρο διαλόγου. Στο Είδος εισαγωγής αναπτυσσόμενο μενού, επιλέξτε Σύνθεση - Διατήρηση μεγεθών στρώματος Το

Αυτό θα εισαγάγει όλα τα μεμονωμένα επίπεδα του αρχείου Photoshop, διατηρώντας παράλληλα τα μεγέθη σύμφωνα με τις διαστάσεις (γι 'αυτό επιλέξατε ανάλυση HD στην αρχή). Κτύπημα Εντάξει Το

Θα πρέπει τώρα να έχετε μια νέα σύνθεση με το ίδιο όνομα με το αρχείο .PSD. Κάντε διπλό κλικ για να το ανοίξετε. Κάθε ένα από τα επίπεδα σας από το Photoshop είναι πλέον ένα επίπεδο στο χρονοδιάγραμμα σύνθεσης.

Τώρα, η εμψύχωση μπορεί να ξεκινήσει. Ξεκινήστε μετακινώντας το κείμενο του τίτλου εκτός οθόνης --- θα κινείται για να «πέσει» στην οθόνη.

διασκεδαστικά πράγματα να κάνετε στο διαδίκτυο όταν βαριέστε

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

Για εξοικονόμηση χρόνου, πατήστε Layer> New> Null Object , και γονείς τα στρώματα Dog, Dog Paw, Cat_Normal και Cat_Bonk σε αυτό.

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

Ας πλαισιώσουμε την κίνηση στο κάτω μέρος της σύνθεσης στο καρέ 0 και έχουμε μια σταδιακή άνοδο σε διάστημα πέντε δευτερολέπτων.

Μην ξεχνάτε ότι μπορείτε να προσθέσετε keyframes σε Κίνηση παραμέτρους κάνοντας κλικ στο Χρονόμετρο εικονίδια επίσης.

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

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

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

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

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

Ζωντανέψτε στο κείμενο και ορίστε, έχετε το κινούμενο γραφικό σας! Τώρα μπορείτε να το χρησιμοποιήσετε όπου θέλετε.

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

Χρησιμοποιώντας Photoshop και After Effects Together

Αυτό ήταν ένα γρήγορο βήμα-βήμα για το πώς να δημιουργήσετε μια πολυεπίπεδη εικόνα στο Adobe Photoshop και αργότερα να ζωντανέψετε τα μεμονωμένα επίπεδα και στοιχεία στο After Effects. Παρόλο που η μελέτη περίπτωσης που εξετάστηκε ήταν βασική, μπορείτε να χρησιμοποιήσετε τα ίδια βήματα για να δημιουργήσετε πολύπλοκα πολυεπίπεδα αρχεία που μπορούν να εμψυχωθούν στο After Effects.

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

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Εισαγάγετε την τρίτη διάσταση: Εργασία με ροές εργασίας 3D στο Adobe After Effects

Εάν θέλετε να εργαστείτε με επίπεδα 3D στο Adobe After Effects, θα σας δείξουμε πώς να ξεκινήσετε.

Διαβάστε Επόμενο
Σχετικά θέματα
  • Δημιουργικός
  • Κινούμενα σχέδια υπολογιστών
  • Adobe Photoshop
  • Γραφικό σχέδιο
Σχετικά με τον Συγγραφέα Λόρι Τζόουνς(20 άρθρα δημοσιεύθηκαν)

Η Laurie είναι συντάκτης βίντεο και συγγραφέας, η οποία έχει εργαστεί για τηλεοπτική μετάδοση και κινηματογράφο. Ζει στη Νοτιοδυτική Αγγλία.

Περισσότερα από τη Laurie Jones

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή