Πώς να Animate το δικό σας προσαρμοσμένο GIF με το Photoshop

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

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

Δημιουργία κινούμενων εικόνων με τα εργαλεία ζωγραφικής του Photoshop

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

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

Για να ξεκινήσετε, τραβήξτε προς τα πάνω τον πίνακα Animation. Βρείτε το πηγαίνοντας στο Window> Animation.

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

Αυτός ο πίνακας σας επιτρέπει επίσης να ορίσετε μια "καθυστέρηση" για κάθε μεμονωμένο πλαίσιο, που σημαίνει πόσο καιρό (ολόκληρο ή κλάσματα του δευτερολέπτου) εμφανίζεται στην οθόνη πριν προχωρήσετε στο επόμενο πλαίσιο. 25 καρέ ανά δευτερόλεπτο (0,04) είναι μια τυπική τιμή για κινούμενα σχέδια, αλλά ίσως λίγο γρήγορη για κινούμενα GIF. Για παράδειγμα, διακυβεύσαμε με καθυστέρηση 0,05, την οποία μπορείτε επίσης να χρησιμοποιήσετε. Αν θέλετε να χρησιμοποιήσετε διαφορετικό αριθμό καρέ ανά δευτερόλεπτο, διαιρέστε απλά τον αριθμό των καρέ για να πάρετε τον κατάλληλο χρόνο καθυστέρησης. (Για παράδειγμα, 1 δευτερόλεπτο διαιρούμενο με 25 καρέ είναι ίσο με 0,04 χρόνο καθυστέρησης.)

Η ιδέα είναι να μετακινήσετε το στρώμα των ματιών μέσα μικρές αυξήσεις και να τραβήξετε στιγμιότυπα κατά μήκος του δρόμου. Θα χρησιμοποιήσουμε το Εργαλείο μετακίνησης (πλήκτρο συντόμευσης "V") και σπρώχνοντας το στρώμα μας χρησιμοποιώντας το πληκτρα ΒΕΛΟΥΣ. Στο παράδειγμά μας, έχουμε τραβήξει ένα στιγμιότυπο μετά από να κτυπήσει κάθε δύο εικονοστοιχεία περίπου.

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

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

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

Μπορείτε επίσης να επεξεργαστείτε την καθυστέρηση πολλαπλών καρέ ταυτόχρονα, χρησιμοποιώντας το πλήκτρο shift και επιλέγοντας πολλά ή όλα τα καρέ σας και αλλάζοντας την καθυστέρηση. Παρατηρήστε ότι μπορείτε να ρυθμίσετε την καθυστέρηση σας στο "Άλλο ..." κοντά στο κάτω μέρος για να χρησιμοποιήσετε την προσαρμοσμένη καθυστέρηση 0,05.

Μεταβείτε στο File> Save for Web & Devices για να ανοίξετε το εργαλείο με το ίδιο όνομα.

Αυτό το εργαλείο θα σας επιτρέψει να δημιουργήσετε ένα φιλικό προς το πρόγραμμα περιήγησης κινούμενο GIF, καθώς και να το δοκιμάσετε μέσα στο εργαλείο (όπως φαίνεται παραπάνω, όπου βρίσκεται ο κέρσορας). Βεβαιωθείτε ότι έχετε ρυθμίσει τον τύπο αρχείου σας στο GIF και ότι χρησιμοποιείτε οποιαδήποτε από τις ρυθμίσεις Perceptual, Selective ή Adaptive. Αυτά μπορούν να αλλάξουν την εικόνα σας με διαφορετικούς τρόπους, αλλά για πολλούς από εσάς θα δώσετε σχεδόν ταυτόσημα αποτελέσματα. Για να μειώσετε το μέγεθος του αρχείου, μπορείτε να αλλάξετε το δικό σας Μέγεθος εικόνας (προς τα κάτω) και τον αριθμό σας Χρωματιστά (στην επάνω δεξιά πλευρά). Μπορείτε επίσης να μειώσετε το μέγεθος του αρχείου σας χωρίς να συμπεριλάβετε διαφάνεια, αν και δεν είχαμε στο παράδειγμά μας (εντάξει!).

Και, το κινούμενο GIF είναι έτοιμο να βάλει στο διαδίκτυο για να ευχαριστήσει, να σοκάρει και να δημιουργήσει δέος.

Και αυτό για να το τυλίξει για κινούμενα σχέδια. Σκέψεις ή ερωτήσεις σχετικά με τη μέθοδο μας; Έχετε μια καλύτερη μέθοδο, ή μερικές απλούστερες τεχνικές; Θέλετε να δείτε κάτι πιο προηγμένο; Ενημερώστε μας σχετικά με αυτά στα σχόλια ή στείλτε μας τις σκέψεις σας στο [email protected] και μπορούμε να τις συμπεριλάβουμε σε ένα επερχόμενο άρθρο γραφικών.