Κινούμενο GIF στο Photoshop CS5

Το Adobe Photoshop CS5 είναι ένα ισχυρό πρόγραμμα επεξεργασίας εικόνων που μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε ή να επεξεργαστείτε σχεδόν κάθε τύπο εικόνας για τον οποίο μπορεί να χρειάζεστε. Ωστόσο, το Photoshop CS5 είναι ιδιαίτερα ικανό στη δημιουργία εικόνων που προορίζονται να τοποθετηθούν στο διαδίκτυο, όπως μια εικόνα που μπορεί να τοποθετήσετε στον ιστότοπό σας ή που ίσως θέλετε να μοιραστείτε με τους φίλους σας. Μια δημοφιλής επιλογή εικόνας είναι ένα κινούμενο GIF, επειδή είναι απλό στην κατασκευή, έχει κίνηση, αλλά μπορεί να αναρτηθεί σαν μια κανονική στατική εικόνα. Το Photoshop διαθέτει μερικά χρήσιμα εργαλεία που σας επιτρέπουν να δημιουργήσετε ένα κινούμενο GIF στο Photoshop CS5 και μπορείτε ακόμη και να προσαρμόσετε το κινούμενο GIF στο Photoshop CS5 ώστε να τηρείτε τις προδιαγραφές που χρειάζεστε.

Προετοιμασία των πλαισίων για το κινούμενο GIF σας στο Photoshop CS5

Ένα κινούμενο GIF στο Photoshop CS5 είναι στην πραγματικότητα πέντε ξεχωριστές εικόνες που πρόκειται να τακτοποιήσετε ως επίπεδα. Κάθε επίπεδο θα αντιπροσωπεύει ένα πλαίσιο της εικόνας σας, επομένως κάθε καρέ πρέπει να είναι ελαφρώς διαφορετικό για να υποδείξει ότι υπάρχει μια ενέργεια ή κίνηση στο κινούμενο GIF σας. Για τους σκοπούς αυτού του σεμιναρίου, πρόκειται να δημιουργήσω ένα κινούμενο GIF στο Photoshop CS5 ενός αστεριού που κινείται σε μαύρο φόντο. Το κινούμενο GIF θα αποτελείται από πέντε διαφορετικά καρέ, όπου το αστέρι βρίσκεται σε μια ελαφρώς διαφορετική θέση σε κάθε καρέ. Οι ξεχωριστές εικόνες μοιάζουν με αυτό:

Για λόγους απλότητας, έχω επισημάνει τις εικόνες ως 1.gif, 2.gif, 3.gif, 4.gif και 5.gif, κάτι που θα με βοηθήσει να θυμάμαι τη σειρά με την οποία θέλω να τις εμφανίσω. Κάθε εικόνα έχει το ίδιο μέγεθος, 100×100 pixel.

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

Το επόμενο πράγμα που πρέπει να κάνετε είναι να ανοίξετε το φάκελο που περιέχει τις εικόνες που πρόκειται να συμπεριλάβετε στο κινούμενο GIF σας στο Photoshop CS5. Σημειώστε ότι ανοίγετε το φάκελο στην Εξερεύνηση των Windows, ΟΧΙ με το Ανοιξε εντολή στο Photoshop. Η Εξερεύνηση των Windows είναι το πρόγραμμα που χρησιμοποιείτε για την περιήγηση σε φακέλους και αρχεία στον υπολογιστή σας και μπορείτε να το εκκινήσετε κάνοντας κλικ στο εικονίδιο φακέλου στη γραμμή εργασιών στο κάτω μέρος της οθόνης του υπολογιστή σας. Μόλις ανοίξει ο φάκελος που περιέχει τις εικόνες σας, κρατήστε πατημένο το πλήκτρο CTrl στο πληκτρολόγιό σας για να επιλέξετε όλες τις εικόνες και, στη συνέχεια, σύρετέ τις στον καμβά του Photoshop CS5.

Αυτό θα αλλάξει τον καμβά σας ώστε να εμφανίζεται ένα από τα καρέ σας με ένα Χ πάνω του, όπως σε αυτήν την εικόνα:

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

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

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

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

Κάντε κλικ στο βέλος που βλέπει προς τα κάτω στα δεξιά του 0 δευτ και κάτω από ένα από τα πλαίσια σας στο Κινουμένων σχεδίων παράθυρο και, στη συνέχεια, επιλέξτε για πόσο χρονικό διάστημα θέλετε να εμφανίζεται αυτό το πλαίσιο στο κινούμενο GIF σας. Επαναλάβετε αυτό το βήμα για κάθε καρέ της εικόνας σας. Μου αρέσει να επιλέγω 1.0 για τη διάρκεια των καρέ σε πολλά κινούμενα GIF στο Photoshop CS5, αλλά πειραματιστείτε με διαφορετικές διάρκειες μέχρι να βρείτε αυτό που σας ταιριάζει καλύτερα.

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

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

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