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

Αλλά, νομίζεις, Δεν ξέρω πώς να φτιάξω ένα κινούμενο βίντεο εξηγητή.

Δεν είναι να ανησυχείτε. Είναι στην πραγματικότητα πολύ πιο εύκολο από ό, τι νομίζετε. Χρησιμοποιώντας το Adobe After Effects, θα σας δώσω τον πλήρη οδηγό που χρειάζεστε για να δημιουργήσετε το δικό σας κινούμενο βίντεο.

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

Σε τι σκοπεύω να εστιάσω:

Πώς να επαναχρησιμοποιήσετε τα τρέχοντα στοιχεία και τα έργα τέχνης σας για να δημιουργήσετε κινούμενα στοιχεία για βίντεο προϊόντων χρησιμοποιώντας το Adobe After Effects. Θα σας δείξω τις βασικές έννοιες της κινούμενης εικόνας και τα απλά κόλπα για να δώσετε στα βίντεό σας την επαγγελματική επαφή που χρειάζεστε.

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

Τι δεν θα καλύψω:

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

Θα χρησιμοποιήσουμε ένα φανταστικό προϊόν Slack-style (ας το ονομάσουμε Quack) για αυτό το σεμινάριο. Μπορείτε να κατεβάσετε τα αρχεία για να με ακολουθήσετε εδώ . Ας αρχίσουμε…

1. Εξαγωγή από το Photoshop

Προσπαθήστε να διπλασιάσετε τα πάντα και βάλτε κάθε μέρος που θέλετε να κινούσετε σε ξεχωριστό επίπεδο. Τα επίπεδα στους φακέλους προκαλούν προβλήματα (τουλάχιστον για αυτό το σεμινάριο). Φροντίστε να ονομάσετε τα επίπεδα σας - κάτι τέτοιο θα βοηθήσει πραγματικά αργότερα.

Το μέγεθος του εγγράφου μου είναι 3840 εικονοστοιχεία x 2160 εικονοστοιχεία. Κατά την αποθήκευση, βεβαιωθείτε ότι η μορφή αρχείου είναι PSD με ενεργοποιημένη την εξαγωγή επιπέδου.

2. Εισαγωγή αρχείων σε After Effects

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

Τώρα πηγαίνετε στο Αρχείο> Εισαγωγή> Αρχείο .

Επιλέξτε το αρχείο Photoshop και πατήστε το κουμπί Άνοιγμα. Βεβαιωθείτε ότι το κουμπί Επεξεργάσιμα στυλ επιπέδου επιλέγεται και το Τύπος εισαγωγής είναι Σύνθεση ** ( ΟΧΙ ** Βίντεο - Πλάνα ).

Τώρα θα πρέπει να δείτε ένα Σύνθεση νέο και ένα φάκελο στον πίνακα προγράμματος περιήγησης του έργου (το αριστερό πλαίσιο του χώρου εργασίας After Effects.) Πατήστε cmd + 0 σε Mac ή ctrl + 0 Στα Windows για να δείτε το ταμπλό εάν δεν μπορείτε να το δείτε).

Κάντε διπλό κλικ στη σύνθεση που εισήχθη πρόσφατα για να την ανοίξετε στο παράθυρο προεπισκόπησης.

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

Είμαστε σχεδόν έτοιμοι να κάνουμε κινούμενα σχέδια! Μερικά τελευταία πράγματα πριν φτάσουμε στα διασκεδαστικά πράγματα.

3. Έλεγχος των ρυθμίσεων βίντεο

Επιλέγω Σύνθεση από το κύριο μενού και μετά Ρυθμίσεις σύνθεσης . Θέλουμε να βεβαιωθούμε ότι έχουμε αρκετό χρόνο για να κινούμε τα πάντα, οπότε βρείτε το πλαίσιο διάρκειας και ορίστε το σε 0: 00: 30: 00 (αυτή είναι η κανονική μορφή κωδικού χρόνου - ώρες, λεπτά, δευτερόλεπτα και διαιρεμένα δευτερόλεπτα).

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

(Ένας γρήγορος οδηγός για το χρονοδιάγραμμα)

Δεδομένου ότι αυτό είναι για αρχάριους κινούμενων σχεδίων και άτομα με λίγη γνώση του After Effects, εδώ είναι αυτό που πρέπει να δείτε στο χρονοδιάγραμμα:

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

4. Πλαίσια και μετασχηματισμοί

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

Κάντε κλικ στο πρώτο (πάνω) επίπεδο του χρονοδιαγράμματος και επιλέξτε Όλα ( cmd + α o Μενού: Επεξεργασία> Επιλογή όλων ). Στη συνέχεια, στο πρώτο επίπεδο, κάντε κλικ στο δεξί τρίγωνο που ανέφερα νωρίτερα. Η επιλογή μετασχηματισμού πρέπει να αναπτυχθεί. Κάντε κλικ στο τρίγωνο δίπλα στην επιλογή μετασχηματισμού.

Τώρα θα πρέπει να έχετε όλες τις επιλογές μετασχηματισμού διαθέσιμες.

Με την κεφαλή αναπαραγωγής (το μεγαλύτερο μπλε βέλος προς τα κάτω, μπορείτε να σύρετε αριστερά προς τα δεξιά μέσω των δεύτερων μαρκαδόρων, όπως σε ένα βίντεο) στο μηδέν, κάντε κλικ στο χρονόμετρο στα αριστερά του Opacity και, στη συνέχεια, ορίστε την τιμή στο 0% πληκτρολογώντας Ή κάνοντας κλικ και σύροντας το δείκτη μέχρι να φτάσει στο μηδέν.

Η κεφαλή αναπαραγωγής μπορεί να σύρεται από αριστερά προς τα δεξιά

Μετακινήστε την κεφαλή αναπαραγωγής στο ένα δευτερόλεπτο και μετά επαναφέρετε την αδιαφάνεια στο 100%. Ένα βασικό καρέ θα προστεθεί αυτόματα.

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

Τώρα θέλουμε να τα αντισταθμίσουμε ελαφρώς έτσι ώστε όλα να ξεθωριάζουν ξεχωριστά.

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

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

Ή, μπορείτε να χρησιμοποιήσετε ένα μικρό τέχνασμα (αυτό προϋποθέτει ότι η σύνθεσή σας έχει ρυθμιστεί όπως η δική μου). Επιλέξτε το κάτω επίπεδο, κρατήστε πατημένο το πλήκτρο Shift και, στη συνέχεια, επιλέξτε το ανώτερο επίπεδο (η σειρά επιλογής έχει μεγάλη σημασία εδώ).

Στη συνέχεια, από το μενού, επιλέξτε Κινούμενη εικόνα> Βοηθός καρέ πλαισίου> Επίπεδα ακολουθιών .

Επιλέξτε το πλαίσιο που λέει Επικάλυψη και εισαγάγετε 00: 00: 29: 20. Αυτό θα αντισταθμίσει κάθε στρώμα από πέντε καρέ. (Τριάντα δευτερόλεπτα κινούμενης εικόνας στα 25 καρέ ανά δευτερόλεπτο μείον 29 δευτερόλεπτα και είκοσι καρέ).

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

5. Σημεία αγκύρωσης και σκάλα

Σε αυτό το βήμα, θα εισαγάγουμε έναν δρομέα ποντικιού με τη μορφή ενός διαφανούς PNG και θα τον κάνουμε να κινείται πέρα ​​από την οθόνη.

Χρησιμοποιώντας το ** cursor.png ** από τα αρχεία προέλευσης που κατεβάσατε στην κορυφή, εισαγάγετε το αρχείο με τον ίδιο τρόπο που εισαγάγατε το αρχείο Photoshop. Στη συνέχεια, μεταφέρετε και αποθέστε από τον πίνακα έργου στο παράθυρο προεπισκόπησης (ή στο χρονοδιάγραμμα, αν θέλετε).

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

Το σημείο άγκυρας

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

Για το σημείο αγκύρωσης, έχετε δύο επιλογές - το εργαλείο Δημοσιεύστε τηγάνι (συντόμευση πληκτρολογίου Υ ) ή την ιδιότητα αγκύρωσης.

Το πίσω εργαλείο (συντόμευση Y) .

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

Ιδιότητες

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

Εκμάθηση διακομιστή web raspberry pi

έχετε και εδώ δύο επιλογές. Μπορείτε να χρησιμοποιήσετε τις λαβές μετασχηματισμού - κρατήστε πατημένο το κύλιση, κάντε κλικ και σύρετε την κάτω δεξιά γωνία του πλαισίου οριοθέτησης σε μια κλίμακα που φαίνεται σωστή. Η δεύτερη επιλογή είναι να χρησιμοποιήσετε την ιδιότητα Κλίμακα στο πρόγραμμα μετασχηματισμού του χρονολογίου και ορίστε την τιμή σε περίπου 25%. (Οι τιμές πλάτους και ύψους είναι συνδεδεμένες.) Κάντε κλικ στο εικονίδιο συνδέσμου μικρής αλυσίδας στα αριστερά, εάν θέλετε να ορίσετε τις τιμές ξεχωριστά.

6. Κινούμενα πράγματα!

Σύρετε το στοιχείο του δρομέα έξω από τα όρια της σύνθεσης (ώστε να το μετακινήσουμε αργότερα).

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

Ενώ βρίσκεστε εδώ, πατήστε το χρονόμετρο δίπλα Κλίμακα , μετακινήστε μερικά καρέ στο χρονοδιάγραμμα και μειώστε κατά 5%. Στη συνέχεια, προχωρήστε μερικά ακόμη καρέ και επαναφέρετε την κλίμακα σε αυτό που ήταν.

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

Όταν βλέπετε τι έχει, θα πρέπει να μοιάζει με αυτό:

7. Κείμενο και προεπιλογές

Ας προσθέσουμε λίγο κείμενο σε αυτό - κινούμενο κείμενο, προφανώς.

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

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

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

Κάντε προεπισκόπηση της κινούμενης εικόνας. Θα πρέπει να δείτε το κείμενο να γράφεται αργά στην οθόνη.

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

8. Συνθέσεις ένθεσης

Τώρα πρόκειται να δούμε τις συνθέσεις ένθεσης. Στο κύριο μενού, κάντε κλικ στο Σύνθεση> Νέα σύνθεση . Χρησιμοποιήστε τις ακόλουθες ρυθμίσεις:

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

Σύρετε και αποθέστε τη σύνθεση του παραθύρου συνομιλίας στη νέα κενή σας σύνθεση. Ενώ είμαστε σε αυτό, πατήστε εντολή + επιλογή + F (ή ctrl + alt + F ) για να προσαρμόσετε την κινούμενη εικόνα σας στο νέο μέγεθος. Προεπισκόπηση όσων έχετε. Θα πρέπει να φαίνεται το ίδιο με πριν, μόλις μειώθηκε.

Παίξτε με το κλειδί στο μέγεθος και τη θέση. Μπορείτε να μεγεθύνετε τα διαφορετικά στοιχεία, το πλαίσιο κειμένου κ.λπ. Γιατί κάναμε το PSD τόσο μεγάλο;

Τώρα μπορείτε να αντιγράψετε και να επικολλήσετε τα επίπεδα σας στον πίνακα χρονολογιών και να κλιμακώσετε κάθε επίπεδο σε μια νέα θέση για να εμφανίσετε πολλά παράθυρα. (Επαγγελματική συμβουλή: Χρησιμοποιήστε τα J και K στο πληκτρολόγιο για να μετακινηθείτε εμπρός-πίσω μεταξύ των βασικών καρέ σε ένα επίπεδο.)

9. Μεταβάσεις

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

Έχει σημασία το logo.psd πώς μάθατε να κάνετε πριν, και να το βάλετε στη σύνθεσή μας. Σύρετε την οθόνη και δημιουργήστε ένα βασικό καρέ θέσης κάπου στο χρονοδιάγραμμα μετά την έξοδο των άλλων στοιχείων από την οθόνη. Προχωρήστε μισό δευτερόλεπτο και μετακινήστε το λογότυπο στο κέντρο της οθόνης (cmd + επιλογή + F).

Κάντε προεπισκόπηση της κίνησης για να δείτε τη μετάβαση του λογότυπου.

Ο επεξεργαστής γραφικών

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

Επιλέξτε τα βασικά καρέ δύο θέσεων στο λογότυπο και πατήστε το κουμπί που μοιάζει με γραφικό (δείτε το επισημασμένο μπλε κουμπί παρακάτω):

Για θέσεις, πρέπει να διαιρέσουμε τις τιμές των X και Y. Πατήστε το κουμπί Ξεχωριστές διαστάσεις (κάτω δεξιά από την παραπάνω εικόνα).

Επιλέξτε το τελευταίο κόκκινο καρέ (X) και σύρετε τη λαβή bezier (κίτρινο) μέχρι να φτάσετε σε μια ωραία κορυφή.

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

10. Πατώντας όλα

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

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

11. Renderizando

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

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

Αυτό είναι! Μόλις δημιουργήσατε το πρώτο σας κινούμενο βίντεο εξηγητή στο After Effects. Θα γίνει πιο εύκολο από τώρα και στο εξής.