Motion Tween στο Photoshop Advertising Blinkie

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

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

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

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

Ανοίξτε το αρχείο έργου blinkie2.psd στο Photoshop^R και ας αρχίσουμε.

1. Το πρώτο μας βήμα είναι να μετακινήσουμε την κόκκινη πασχαλίτσα προς το κείμενο. Προσθέστε το πλαίσιο 75 και ρυθμίστε τη διάρκεια σε .1 δευτερόλεπτα. Προσθέστε το πλαίσιο 76 και κάντε κλικ στο στρώμα Κόκκινου Ladybug στην παλέτα "Επίπεδα". Τώρα, κάντε κλικ στο εργαλείο Μετακίνηση και χρησιμοποιήστε το για να μετακινήσετε την πασχαλίτσα στη θέση της στο δεξί άκρο του κειμένου. Μπορείτε επίσης να χρησιμοποιήσετε τα βέλη κατεύθυνσης στο πληκτρολόγιό σας για να τοποθετήσετε την πασχαλίτσα.
   
   
2. Επιλέξτε το πλαίσιο 75 και 76 και δημιουργήστε ένα Motion Tween με διάρκεια 15 καρέ. Θα πρέπει τώρα να έχετε 91 καρέ.
   
   
3. Τώρα θα χρησιμοποιήσουμε ένα Motion Tween των 60 καρέ για να μετακινήσουμε το σφάλμα και το κείμενο εκτός από τα μάτια. Στο πλαίσιο 91, επιλέξτε τόσο τα επίπεδα κόκκινου Ladybug όσο και τα σχέδια J 3 Designs στην παλέτα Layers. Προσθέστε ένα νέο πλαίσιο 92 και σύρετε τόσο το σφάλμα και το κείμενο προς τα αριστερά όσο και το αναβοσβήσιμο. Επιλέξτε και τα δύο πλαίσια 91 και 92 και προσθέστε ένα Tween των 60 καρέ. Θα πρέπει να έχετε 152 καρέ.
   
   Τώρα θα ήταν μια καλή στιγμή για να δοκιμάσετε το κινούμενο σχέδιο.
   
   
4. Ήρθε η ώρα να ξυπνήσετε εκείνη την χρυσή πασχαλίτσα και να την πάρετε στη δουλειά. Προσθέστε ένα νέο πλαίσιο 153 και επιλέξτε το χρυσό στρώμα Ladybug στην παλέτα στρώσεων. Προσθέστε ένα άλλο Πλαίσιο 154 και σύρετε την χρυσή πασχαλίτσα στην επάνω δεξιά πλευρά και σβήστε τη φωτεινή ένδειξη. Επιλέξτε και τα δύο πλαίσια 153 και 154 και προσθέστε ένα 20 frame Tween. Θα πρέπει να έχετε 174 καρέ.
   
   
5. Θέλουμε το blinkie να είναι κενό για το μήκος των πέντε δευτερολέπτων πλαισίων. Ας αλλάξουμε τη διάρκεια του πλαισίου 174 σε .5 sec.
   
   Τέλος, πρέπει να μεταφέρουμε την χρυσή πασχαλίτσα πίσω στην αρχική της θέση.
   
   
6. Επιστρέψτε στο Πλαίσιο 1 και κάντε κλικ στην επιλογή Αντιγραφή πλαισίου από το αναδυόμενο μενού της παλέτας Animation. Επιλέξτε το τελευταίο πλαίσιο (174) και κάντε κλικ στην επιλογή Επικόλληση πλαισίου. Στο παράθυρο διαλόγου Επικόλληση πλαισίων, επιλέξτε Επικόλληση μετά την επιλογή και κάντε κλικ στο OK. Αυτό θα προσθέσει το πλαίσιο 175.
   
   
7. Προσθέστε ένα νέο πλαίσιο 176 για να αντιγράψετε το πλαίσιο 175. Επιστρέψτε στο πλαίσιο 175 και, με το επιλεγμένο επίπεδο χρυσού Ladybug ακόμα στην παλέτα επιπέδων, σύρετε την πασχαλίτσα προς τα κάτω και αφήστε την να αναβοσβήνει.
   
   
8. Επιλέξτε και τα δύο πλαίσια 175 και 176 και προσθέστε ένα 10 καρέ Tween. Θα πρέπει να έχετε 186 καρέ.
   
   
9. Βεβαιωθείτε ότι οι επιλογές Looping έχουν οριστεί στο Forever (στο κάτω μέρος της παλέτας Animation) και αποθηκεύστε το blinkie ως AdvBlinkie.psd. Επιστρέψτε στο Πλαίσιο 1 και δοκιμάστε το ολοκληρωμένο αναβοσβήνει. Επίσης, θα θέλετε να χρησιμοποιήσετε την επιλογή Αποθήκευση για Web και συσκευές από το μενού Αρχείο για να αποθηκεύσετε το blinkie σε μορφή gif για τον ιστό.
   
   

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: How to Create an Animated GIF in Photoshop CC 2019 | Adobe tutorial | Social Media ready (Ενδέχεται 2024).