Μπορείτε να φτιάξετε ένα GIF στο Adobe Illustrator;

Η αλήθεια είναι, δεν μπορείτε να φτιάξετε ένα GIF στο Adobe Illustrator μόνοι σας Ναι, τα αρχικά βήματα μπορούν να γίνουν στο Adobe Illustrator. Δηλαδή, μπορείτε να προετοιμάσετε τα artboards για το κινούμενο GIF στο Adobe Illustrator, αλλά θα πρέπει να εξάγετε τα artboards σε έναν κατασκευαστή GIF ή να χρησιμοποιήσετε το Photoshop για να φτιάξετε το πραγματικό GIF.

Σε αυτό το σεμινάριο, θα μάθετε πώς να δημιουργείτε κινούμενα GIF στο Adobe Illustrator και στο Photoshop. Θα χωρίσω τα σεμινάρια σε δύο μέρη.

Το μέρος 1 θα παρουσιάσει τα βήματα που πρέπει να γίνουν στο Adobe Illustrator, και το μέρος 2 θα σας δείξει πώς να μετατρέψετε artboards σε κινούμενα GIF στο Photoshop. Αν δεν είστε χρήστης του Photoshop, μην ανησυχείτε, θα σας δείξω επίσης πώς να φτιάξετε ένα GIF χρησιμοποιώντας online GIF makers.

Σημείωση: τα στιγμιότυπα οθόνης σε αυτό το σεμινάριο προέρχονται από την έκδοση Adobe Illustrator CC 2022 Mac και Photoshop CC 2022 Mac. Οι εκδόσεις για Windows ή άλλες εκδόσεις μπορεί να διαφέρουν.

Μέρος 1: Δημιουργία ενός GIF στο Adobe Illustrator

Αφού το Adobe Illustrator δεν κάνει animation, γιατί το χρησιμοποιούμε για να φτιάξουμε ένα GIF; Απλή απάντηση: Επειδή πρέπει να δημιουργήσετε τα διανύσματα για το GIF στο Adobe Illustrator και το κλειδί είναι να έχετε διαφορετικά καρέ/δράσεις χωρισμένα σε διαφορετικά artboards.

Όσο μπερδεμένο κι αν ακούγεται, θα το καταλάβετε καθώς σας δείχνω ένα παράδειγμα εδώ με λεπτομερή βήματα.

Βήμα 1: Δημιουργήστε ένα νέο αρχείο Adobe Illustrator και ορίστε το μέγεθος του artboard σε 400 x 400px (Απλά η πρότασή μου, μπορείτε να ορίσετε οποιοδήποτε άλλο μέγεθος θέλετε).

Δεδομένου ότι πρόκειται να είναι ένα GIF, δεν συνιστώ να έχετε ένα μεγάλο αρχείο και είναι καλύτερο αν το artboard είναι τετράγωνο.

Βήμα 2: Δημιουργήστε ένα εικονίδιο ή μια απεικόνιση που θέλετε να ζωντανέψετε. Για παράδειγμα, θα φτιάξω ένα GIF με βροχή, οπότε θα δημιουργήσω ένα σχήμα σύννεφου και μερικές σταγόνες βροχής.

Όλα τα σχήματα βρίσκονται στο ίδιο artboard αυτή τη στιγμή, οπότε το επόμενο βήμα είναι να τα χωρίσουμε σε διαφορετικά artboards για να δημιουργήσουμε τα καρέ της κίνησης.

Βήμα 3: Δημιουργήστε νέα artboards. Αυτά τα artboards θα είναι τα πλαίσια αργότερα στο Photoshop, οπότε ο αριθμός των artboards εξαρτάται από τον αριθμό των πλαισίων/δράσεων που θέλετε να έχει το GIF.

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

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

Βήμα 4: Αν επεξεργάζεστε το ίδιο σχήμα, μπορείτε να αντιγράψετε το σχήμα σε όλα τα τελάρα και να κάνετε τις επεμβάσεις σε κάθε τελάρο.

Σημείωση: είναι πολύ σημαντικό να τοποθετήσετε τα σχήματα στη θέση τους στα νέα artboards όταν φτιάχνετε ένα GIF. Η συντόμευση πληκτρολογίου για την τοποθέτηση ενός αντιγραμμένου αντικειμένου στην ίδια θέση είναι Εντολή + F ( Ctrl + F για χρήστες των Windows).

Τα στοιχεία στα artboards θα πρέπει να ακολουθούν μια αλληλουχία του τρόπου με τον οποίο θα εμφανίζεται το GIF.

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

Αποφασίστε ποιο μέρος θα εμφανιστεί στη συνέχεια και οργανώστε τα artboards ακολουθώντας τη σειρά του καρέ που θα εμφανιστεί στο GIF.

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

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

Βήμα 5: Ονομάστε τα artboards και βάλτε τα σε μια σειρά με βάση το πώς θέλετε να φαίνονται σε ένα GIF. Θα τα ονομάσω από το καρέ 1 έως το καρέ 6 για να είναι πιο εύκολο να τα αναγνωρίσετε αργότερα στο Photoshop.

Βήμα 6: Εξαγωγή των πινάκων ζωγραφικής. Πηγαίνετε στο μενού overhead Αρχείο >, Εξαγωγή >, Εξαγωγή για οθόνες και επιλέξτε Εξαγωγή Artboards .

Θα πρέπει να δείτε τα πίνακά σας αποθηκευμένα ως μεμονωμένες εικόνες με ονόματα.

Τελειώσατε τη δουλειά στο Adobe Illustrator, ας συνεχίσουμε τη διαδικασία animation στο Photoshop.

Μέρος 2: Δημιουργία ενός GIF στο Photoshop

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

Βήμα 1: Δημιουργήστε ένα νέο έγγραφο στο Photoshop, στο ίδιο μέγεθος με το αρχείο Adobe Illustrator από το μέρος 1. Στην περίπτωσή μου, θα ήταν 400 x 400px.

Βήμα 2: Σύρετε τις εικόνες που εξαγάγατε από το Adobe Illustrator στο Photoshop και θα εμφανιστούν ως επίπεδα.

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

Στο κάτω μέρος του παραθύρου του Photoshop θα πρέπει να δείτε ένα χώρο εργασίας Timeline.

Βήμα 4: Κάντε κλικ στο Δημιουργία Animation καρέ στο χώρο εργασίας του Χρονοδιαγράμματος και θα δείτε το κορυφαίο επίπεδο να εμφανίζεται στο χώρο εργασίας του Χρονοδιαγράμματος.

Βήμα 5: Κάντε κλικ στην επάνω δεξιά γωνία του παραθύρου Χρονολόγιο για να ανοίξετε το αναδιπλωμένο μενού και επιλέξτε Δημιουργία πλαισίων από επίπεδα .

Τότε όλα τα επίπεδα θα εμφανιστούν ως πλαίσια.

Όπως μπορείτε να δείτε, το πρώτο πλαίσιο είναι κενό, επειδή είναι το φόντο αργότερα. Μπορείτε να διαγράψετε το πρώτο πλαίσιο επιλέγοντας το πλαίσιο και κάνοντας κλικ στο κουμπί Διαγράφει επιλεγμένα πλαίσια στο παράθυρο του Χρονοδιαγράμματος.

Βήμα 6: Κάντε κλικ στο κάτω βέλος κάτω από κάθε καρέ για να αλλάξετε την ταχύτητα κάθε καρέ ανάλογα. Για παράδειγμα, έχω αλλάξει την ταχύτητα όλων των καρέ σε 0,2 δευτερόλεπτα.

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

Βήμα 7: Πηγαίνετε στο μενού πάνω από το κεφάλι Αρχείο >, Εξαγωγή >, Αποθήκευση για τον Ιστό (Legacy) .

Από το μενού ρυθμίσεων, το πιο σημαντικό είναι να επιλέξετε GIF ως τύπο αρχείου και επιλέξτε Για πάντα Αλλάζετε τις υπόλοιπες ρυθμίσεις ανάλογα.

Κάντε κλικ στο Αποθήκευση και συγχαρητήρια! Μόλις φτιάξατε ένα κινούμενο GIF.

Πώς να φτιάξετε ένα GIF χωρίς Photoshop

Δεν είστε εξοικειωμένοι με το Photoshop; Σίγουρα μπορείτε να δημιουργήσετε ένα GIF και χωρίς Photoshop. Υπάρχουν τόσα πολλά διαδικτυακά εργαλεία που σας επιτρέπουν να φτιάξετε ένα GIF δωρεάν.

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

Συμπέρασμα

Στο Adobe Illustrator δημιουργείτε τα στοιχεία της κινούμενης εικόνας και στο Photoshop δημιουργείτε το κινούμενο GIF.

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