Photoshop Animation - Κινούμενα γραφικά

• Ενδέχεται 2, 2024

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

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

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

Σκηνή 2 Πλαίσιο ανά πλαίσιο

Timecode (0: 00: 05: 00) Σε πέντε δευτερόλεπτα στη χρονολογική γραμμή, το δεύτερο γραφικό σύμβολο θα τοποθετηθεί στην οθόνη. (διάρκεια: .5 sec)

Timecode (0: 00: 07: 00) Σε επτά δευτερόλεπτα στη χρονολογική σειρά, οι δύο γραμμές του κειμένου θα εξασθενίσουν. (διάρκεια: .5 sec)

Ανοίξτε το έργο σας στο Photoshop και μεταβείτε στη χρονολογική σειρά. Όπως μπορείτε να δείτε, το δεύτερο σύμβολο κράτησης θέσης βρίσκεται στη στρώση πάνω από το πρώτο γραφικό. Σε αυτό το σημείο, η οδός επεκτείνει τη συνολική διάρκεια της χρονικής γραμμής. Αλλά δεν χρειαζόμαστε αυτήν την εικόνα ορατή έως πέντε δευτερόλεπτα στη χρονολογική σειρά. Ας αφηγηθούμε λοιπόν το κομμάτι στο Timecode (0: 00: 05: 00). Αυτή θα είναι η θέση εκκίνησης για το slide in animation.

1. Αν χρειάζεται, ενεργοποιήστε την ορατότητα του [Εικόνα φόντου εδώ - 2] στρώμα στον πίνακα "Επίπεδα".
   
   
2. Μετακινήστε το Playhead στο Timecode 0: 00: 05: 00 (δείτε screenshot).
   
   
3. Κάντε κλικ στο αριστερό άκρο του γραφικού κομματιού παραλλαγής και σύρετε προς τα δεξιά προς τα πέντε δευτερόλεπτα στο Timeline.
   
   Πρέπει να μετακινήσουμε τη φωτογραφία εντελώς από το δεξί άκρο της οθόνης. Αυτή θα είναι η αρχική θέση για την κίνηση της φωτογραφίας στην οθόνη (δείτε screenshot).
   
   
4. Για να μετακινήσετε το γραφικό στην αρχική θέση της κινούμενης εικόνας, επιλέξτε το στρώμα, κάντε κλικ στην επιλογή Επεξεργασία - Ελεύθερη μετασχηματισμός και σύρετε το γραφικό μέχρι να τελειώσει τελείως η οθόνη.
   
   
5. Αναπτύξτε το [Εικόνα φόντου εδώ - 2] layer και κάντε κλικ στην ιδιότητα Stop Watch for the Transform για να ορίσετε το βασικό πλαίσιο θέσης εκκίνησης (δείτε screenshot).
   
   Τώρα ας animate το δεύτερο γραφικό πίσω στην οθόνη.
   
   
6. Μετακινήστε το Playhead στο Timecode 0: 00: 05: 15. Μετακινήστε το γραφικό πίσω στην οθόνη, που ταιριάζει με τα δεξιά άκρα.
   
   Θα πρέπει να δείτε το δεύτερο βασικό πλαίσιο που προστέθηκε στην ιδιότητα Μετασχηματισμός.
   
   
7. Τέλος, ας συντομεύσουμε τη διάρκεια του κομματιού του πρωτοτύπου [Εικόνα φόντου εδώ] κάτω στρώμα. Σύρετε το δεξί άκρο του κομματιού στο Timecode 0: 00: 07: 00.
   
   Εντάξει, τώρα ας ξεθωριάσουμε το κείμενο. Σε αυτό το σημείο, τα στρώματα κειμένου εξακολουθούν να τελειώνουν στα προεπιλεγμένα πέντε δευτερόλεπτα. Το πρώτο μας βήμα είναι να επεκτείνουμε τα κομμάτια.
   
   
8. Μετακινήστε το Playhead στο Timecode (0: 00: 07: 15), το οποίο είναι το τέλος του κινούμενου animation (δείτε screenshot).
   
   
9. Σύρετε το δεξί άκρο κάθε κομματιού κειμένου για να αναπτύξετε τα κομμάτια στο Timecode (0: 00: 07: 15).
   
   Αυτό θα είναι το τελικό πλαίσιο για το ξεθωριασμένο κινούμενο σχέδιο. Αλλά πρώτα πρέπει να ορίσουμε το αρχικό πλαίσιο.
   
   
10. Μετακινήστε το Playhead στο Timecode (0: 00: 07: 00).
    
    
11. Ανοίξτε τη λίστα Ιδιότητες για το Επωνυμία Επιχείρησης και Είδος επιχείρησης στρώματα κειμένου.
    
    
12. Και για τα δύο επίπεδα κειμένου, κάντε κλικ στο εικονίδιο Stop Watch για την ιδιότητα Opacity, για να ρυθμίσετε την αδιαφάνεια εκκίνησης για την κινούμενη εικόνα, η οποία σε αυτό το σημείο είναι 100% (δείτε screenshot).
    
    
13. Μετακινήστε το Playhead πίσω στο Timecode (0: 00: 07: 15) και μειώστε την αδιαφάνεια των δύο στρωμάτων κειμένου στον πίνακα "Επίπεδα" στο 0%.
    
    Θα πρέπει να δείτε τα δύο βασικά καρέ που τελειώνουν να προστεθούν στη χρονολογική σειρά (δείτε screenshot).
    
    

Δοκιμάστε την κινούμενη εικόνα και αποθηκεύστε το αρχείο σας.

Επιστροφή | Επόμενο

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe, το Photoshop είναι είτε ένα καταχωρημένο εμπορικό σήμα ή ένα εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: κινούμενα γραφικά, animated gif με το Photoshop (Ενδέχεται 2024).