Σήμερα σας παρουσιάζω αυτό το απλό αλλά χρήσιμο σεμινάριο όπου μπορείτε να μάθετε πώς να δημιουργείτε κινούμενα σχέδια Flash χρησιμοποιώντας μόνο το Illustrator . Το Illustrator είναι ένα πρόγραμμα διανυσματικών γραφικών και σχεδιασμού που, όπως και το Photoshop, ανήκει στη σουίτα προγραμμάτων της Adobe και είναι ένα από τα βασικά εργαλεία που βοήθησαν την εταιρεία να γίνει το βιομηχανικό πρότυπο στον γραφιστικό σχεδιασμό σήμερα.
Η σουίτα της Adobe επεκτείνεται συνεχώς, φέρνοντάς μας νέες εφαρμογές για νέους τομείς δημιουργικής εργασίας σε επίπεδα που μόνο να ονειρευόμασταν θα μπορούσαμε να ονειρευτούμε πριν από χρόνια, από προγράμματα αφιερωμένα στη δημιουργία φορμών έως προγράμματα επεξεργασίας ήχου και βίντεο. Τα προγράμματα της Adobe συχνά ενθαρρύνουν την ενσωμάτωση των διαφόρων πλατφορμών μέσα στη σουίτα, για παράδειγμα, συμπεριλαμβάνοντας εργαλεία από ένα πρόγραμμα σε ένα άλλο ή μεταφέροντας λειτουργίες από το ένα πρόγραμμα στο άλλο. Σήμερα, ως παράδειγμα, θα σας δείξουμε πώς να δημιουργήσετε μια απλή κινούμενη εικόνα με το Illustrator και να την εξαγάγετε σε Flash. Σήμερα σας παρουσιάζω: Εκπαιδευτικό βίντεο Illustrator : Πώς να δημιουργήσετε κινούμενες εικόνες με το Illustrator.
Ανοίξτε ένα νέο έγγραφο
Θα δημιουργήσουμε μια κινούμενη εικόνα ιστού σε Flash ( SWF ), αλλά θα χρησιμοποιήσουμε το Adobe Illustrator . Για να ξεκινήσετε, ανοίξτε ένα νέο έγγραφο μεταβαίνοντας στο Αρχείο > Νέο έγγραφο . Θα εμφανιστεί ένα παράθυρο διαλόγου με ένα μενού. Εισαγάγετε το όνομα και βεβαιωθείτε ότι έχετε επιλέξει το προφίλ ιστού.
Ας χαρούμε αυτό το κοτόπουλο
Τώρα, στο νέο έγγραφο, θα ξεκινήσουμε να δουλεύουμε πάνω σε αυτό. Για αυτήν την κινούμενη εικόνα , επέλεξα ένα διανυσματικό σχέδιο που κατέβασα από το διαδίκτυο, από έναν ιστότοπο που συζητήσαμε σε προηγούμενη ανάρτηση, το Freepik, μια μηχανή αναζήτησης για δωρεάν φωτογραφίες και διανύσματα , και το έχω προσαρμόσει ελαφρώς. Θα πάμε στον πίνακα "Επίπεδα" και θα το ονομάσουμε σωστά. Είναι πολύ σημαντικό να είστε οργανωμένοι με τα επίπεδα από την αρχή. Θα το ονομάσουμε Chicken01.
Ας πάρουμε πολλά κοτόπουλα
Η κινούμενη εικόνα θα είναι αρκετά απλή. Θα μετακινήσουμε το κοτοπουλάκι από τη μία πλευρά της οθόνης στην άλλη και θα δώσουμε στα μάτια του κάποια κίνηση. Αρχικά, αντιγράψτε τη στρώση στον πίνακα "Επίπεδα" κάνοντας κλικ στη στρώση και σύροντάς την στο εικονίδιο της νέας στρώσης, για παράδειγμα. Η μετονομασία της στρώσης είναι σημαντική.
Κινούμενα μάτια
Θα επιλέξουμε τα δύο μάτια του κοτόπουλου που βρίσκεται στο επίπεδο Chicken02 και, στη συνέχεια, θα επιλέξουμε τα μάτια του κοτόπουλου.
Κυλώντας τα μάτια.
Με επιλεγμένα τα μάτια του διανύσματος κοτόπουλου στην παραπάνω στρώση, Chicken02 , κάνουμε δεξί κλικ και από το αντίστοιχο παράθυρο διαλόγου, ακολουθούμε τη διαδρομή Transform-Reflect.
Κυλώντας τα μάτια της
Μόλις μεταβείτε στην επιλογή Καθρέφτης , πατήστε την επιλογή Κάθετος και τελειώσατε. Τώρα θα έχετε το σχέδιο του κοτόπουλου στην κορυφή με τα μάτια του προς τη μία κατεύθυνση και αυτών που βρίσκονται στο κάτω μέρος με τα μάτια τους προς την άλλη κατεύθυνση.
- Τώρα ας διπλασιάσουμε περισσότερα κοτόπουλα
Για άλλη μια φορά, για να αντιγράψουμε επίπεδα, θα χρησιμοποιήσουμε το κουμπί Νέα Επίπεδο στο μενού Επίπεδα. Κάντε κλικ στα επίπεδα Chicken01 και Chicken02 ενώ κρατάτε πατημένο το πλήκτρο Shift και σύρετε πάνω από το κουμπί Νέα Επίπεδο.
Αρκετά περισσότερα κοτόπουλα
Πρέπει να μετονομάσουμε όλα τα κοτόπουλα, φροντίζοντας να ακολουθήσουμε την ακολουθία έτσι ώστε το κοτόπουλο που σχηματίζεται από τα Chicken01 και Chicken02 να βρίσκεται στην αριστερή πλευρά του artboard και, ακολουθώντας την αριθμητική του σειρά, το κοτόπουλο που σχηματίζεται από τα επίπεδα Chicken03 και Chicken04 να βρίσκεται στα δεξιά, και ούτω καθεξής, διατηρώντας τη σειρά των επιπέδων στον πίνακα Επίπεδα. Αυτό είναι πολύ σημαντικό, καθώς η κινούμενη εικόνα θα ακολουθεί πάντα τη σειρά των επιπέδων, με το πρώτο καρέ να είναι το πρώτο επίπεδο και το τελευταίο καρέ το τελευταίο.
Εξαγωγή σε SWF
Μόλις τοποθετηθούν σωστά όλα τα κοτόπουλα (όπως εξηγήθηκε παραπάνω), θα αποκτήσουμε πρόσβαση στο παράθυρο Εξαγωγή εγγράφων μεταβαίνοντας στο Αρχείο > Εξαγωγή. Εκεί, θα επιλέξουμε SWF ή Flash ως μορφή εξαγωγής . Θα εμφανιστεί ένα άλλο παράθυρο διαλόγου όπου θα διαμορφώσουμε τα τελικά βήματα. Με επιλεγμένη την επιλογή Βασικό , θα επιλέξουμε να εξάγουμε ως Επίπεδα AI σε πλαίσια SWF και η έκδοση Flash που θα επιλέξουμε είναι η πιο πρόσφατη διαθέσιμη, Adobe Flash Player 9. Θα ελέγξουμε επίσης την επιλογή "Περικοπή στο μέγεθος του artboard". Υπάρχουν αρκετές άλλες ενδιαφέρουσες επιλογές, τις οποίες θα εξερευνήσουμε σε άλλο σεμινάριο.
Εξαγωγή
Στη συνέχεια, στο ίδιο παράθυρο διαλόγου, επιλέξτε την επιλογή Για προχωρημένους και επιλέξτε την ανάλυση και τον ρυθμό καρέ, ορίζοντας την σε 15. Όπως μπορείτε να δείτε, εδώ μπορούμε να επιλέξουμε τη σειρά των επιπέδων, την οποία, όπως ανέφερα προηγουμένως, ρυθμίσαμε έτσι ώστε η κινούμενη εικόνα να εκτελείται από το κάτω μέρος (1ο επίπεδο) έως το πάνω (τελευταίο επίπεδο) του πίνακα Επίπεδα στη διεπαφή σας. Μόλις εξαχθεί, δείτε το αποτέλεσμα σε οποιοδήποτε πρόγραμμα αναπαραγωγής βίντεο.
Περισσότερες πληροφορίες – Freepik, μηχανή αναζήτησης για δωρεάν φωτογραφίες και διανύσματα