Σε αυτό το σεμινάριο, θα μάθετε να χρησιμοποιείτε το Fireworks CS6 για να δημιουργήσετε ένα κινούμενο GIF μιας γαλοπούλας με φτερά ουράς που αλλάζουν χρώμα. Για να ξεκινήσετε, θα πρέπει να δημιουργήσετε μια εικόνα και να την αντιγράψετε. Στη συνέχεια, θα κάνετε αλλαγές σε μία εικόνα, θα τις μετατρέψετε σε σύμβολα, θα δημιουργήσετε μια δεύτερη κατάσταση και θα δείτε την προεπισκόπηση της κινούμενης εικόνας. Τέλος, θα αλλάξετε τη διάρκεια των δύο καταστάσεων, θα αποθηκεύσετε το αρχείο ως animated GIF και θα το δείτε στο πρόγραμμα περιήγησης.
Τουρκία Κινούμενο GIF σε Πυροτεχνήματα
Παρόλο που το Fireworks CS6 χρησιμοποιείται σε αυτό το σεμινάριο, θα πρέπει να είστε σε θέση να ακολουθείτε μαζί με οποιαδήποτε πρόσφατη έκδοση του Fireworks ή ακόμα και του Photoshop.
Είναι σημαντικό να σημειωθεί ότι η Adobe πλέον δεν προσφέρει το Fireworks CC ως μέρος του Creative Cloud. Αν ψάχνετε για πυροτεχνήματα, μπορείτε να το βρείτε στην ενότητα Εύρεση πρόσθετων εφαρμογών του Creative Cloud. Όταν η Adobe ανακοινώνει ότι δεν θα υποστηρίζει πλέον ούτε θα ενημερώνει τις εφαρμογές, μπορείτε να υποθέσετε ότι είναι μόνο θέμα χρόνου πριν εξαφανιστεί η εφαρμογή.
02 από 20Δημιουργήστε ένα νέο έγγραφο
Αρχικά, θα δημιουργήσετε ένα νέο έγγραφο επιλέγοντας Αρχείο> Νέα. Κάντε το πλάτος και το ύψος 400 x 400 εικονοστοιχεία και η ανάλυση 72 εικονοστοιχείων ανά ίντσα. Επιλέξτε λευκό για το χρώμα καμβά και κάντε κλικ στο κουμπί OK.
Στη συνέχεια, επιλέξτε Αρχείο> Αποθήκευση, ονομάστε το αρχείο Τουρκία με επέκταση png, επιλέξτε το σημείο όπου θέλετε να το αποθηκεύσετε και κάντε κλικ στην επιλογή Αποθήκευση.
03 από 20Σχεδιάστε έναν Κύκλο
Στον πίνακα "Εργαλεία" κάντε κλικ στο πλαίσιο χρώματος Stroke και επιλέξτε μαύρο, έπειτα στο πλαίσιο χρώματος Fill και επιλέξτε ένα καφέ δείγμα ή πληκτρολογήστε το πεδίο αριθμού Hex αριθμός # 8C4600.
Στον πίνακα Ιδιότητες, κάντε το εύρος διαδρομής 2 εικονοστοιχεία. Στη συνέχεια, επιλέξτε το εργαλείο ελλείψεων στον πίνακα "Εργαλεία", το οποίο μπορείτε να βρείτε κάνοντας κλικ στο μικρό βέλος δίπλα στο εργαλείο "Ορθογώνιο" ή σε άλλα εργαλεία ορατού σχήματος. Κρατώντας πατημένο το πλήκτρο shift, κάντε κλικ και σύρετε για να δημιουργήσετε ένα μεγάλο κύκλο. (Με τη μετατόπιση εξασφαλίζεται ότι ο κύκλος θα είναι τελείως στρογγυλός.)
04 από 20Σχεδιάστε έναν άλλο κύκλο
Και πάλι, κρατήστε πατημένο το πλήκτρο shift καθώς σχεδιάζετε έναν άλλο κύκλο, με την πρόθεση ο κύκλος αυτός να είναι μικρότερος από τον τελευταίο.
Με το εργαλείο δείκτη, κάντε κλικ και σύρετε τον μικρό κύκλο στη θέση του. Θέλετε να επικαλύψει την κορυφή του μεγάλου κύκλου, όπως φαίνεται.
05 από 20Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο
Με το εργαλείο Rounded Rectangle, σχεδιάστε ένα ορθογώνιο. Με το εργαλείο δείκτη, μετακινήστε το στη θέση του. Θέλετε να είναι κεντραρισμένο και ελαφρώς να επικαλύπτεται το κάτω μέρος του μικρού κύκλου.
06 από 20Συνδυάστε μονοπάτια
Κρατήστε πατημένο το πλήκτρο shift καθώς κάνετε κλικ στον μικρό κύκλο και στη συνέχεια στο στρογγυλεμένο ορθογώνιο. Αυτό θα επιλέξει και τα δύο σχήματα. Στη συνέχεια επιλέξτε Τροποποίηση, Συνδυασμός διαδρομών> Ένωση.
07 από 20Αλλαξε χρώμα
Στον πίνακα "Εργαλεία", κάντε κλικ στο πλαίσιο "Συμπλήρωση" και επιλέξτε ένα δείγμα κρέμας ή πληκτρολογήστε # FFCC99 στο πεδίο "Τιμή Hex" και έπειτα πατήστε επιστροφή.
08 από 20Κάνε τα μάτια
Θα μπορούσατε να σχεδιάσετε δύο μικρούς κύκλους για να κάνετε τα μάτια, αλλά αντί αυτού, χρησιμοποιήστε το εργαλείο τύπου για αυτό. Κάντε κλικ στο εργαλείο Τύπος στον πίνακα "Εργαλεία", στη συνέχεια στον καμβά. Στον Επιθεώρηση ιδιοτήτων, επιλέξτε Arial Regular για τη γραμματοσειρά, κάντε το μέγεθος 72 και αλλάξτε το χρώμα σε μαύρο. Κρατήστε πατημένο το πλήκτρο Alt ή Επιλογές καθώς πατάτε το πλήκτρο κρατώντας τον αριθμό 8, ο οποίος θα κάνει μια σφαίρα. Στη συνέχεια, πατήστε το πλήκτρο διαστήματος πριν κάνετε άλλη σφαίρα.
09 από 20Κάντε το ράμφος
Στον πίνακα "Εργαλεία", κάντε κλικ στο εργαλείο σχήματος πολυγώνου. Στον πίνακα "Ιδιότητες", επιλέξτε ένα πορτοκαλί δείγμα για τη γέμιση ή πληκτρολογήστε # FF9933 στο πεδίο Hex value. Επίσης, στον πίνακα "Ιδιότητες", κάντε το εφέ μαύρο με πλάτος 1.
Στη συνέχεια, επιλέξτε Παράθυρο> Ιδιότητες αυτόματου σχήματος. Κάντε κλικ στο σχήμα πολυγώνου και υποδείξτε ότι θέλετε τα σημεία και οι πλευρές να είναι 3 και η ακτίνα 180 μοίρες. Για να καταστήσετε μικρότερο το τρίγωνο, πληκτρολογήστε 20 στο πεδίο εξωτερικής ακτίνας. Ο αριθμός για αυτό εξαρτάται από το πόσο μεγάλο ήταν το τρίγωνο, αρχικά. Στη συνέχεια πατήστε επιστροφή.
Με το εργαλείο δείκτη, κάντε κλικ στο τρίγωνο και σύρετέ το σε εκείνο που νομίζετε ότι πρέπει να καθίσει για το ράμφος.
10 από 20Κάνε το κακό
Το κόκκινο πράγμα που κρέμεται από το ράμφος της γαλοπούλας ονομάζεται Snood. Για να το κάνετε, θα χρησιμοποιήσετε το εργαλείο "Στυλό".
Αφού επιλέξετε το εργαλείο πένας στον πίνακα "Εργαλεία", κάντε κλικ στο πλαίσιο "Συμπληρώστε" και επιλέξτε ένα κόκκινο δείγμα ή πληκτρολογήστε # FF0000 στο πεδίο Hex value και, στη συνέχεια, πατήστε επιστροφή.
Με το εργαλείο "Στυλό", κάντε κλικ για να δημιουργήσετε σημεία που σχηματίζουν μια διαδρομή και μερικές φορές κάντε κλικ και σύρετε για να δημιουργήσετε μια στρογγυλεμένη διαδρομή. Όταν το τελευταίο σημείο συνδέεται με το πρώτο, θα έχετε σχηματίσει ένα σχήμα που μοιάζει με σπιτικό γαλοπούλα.
11 από 20Κάντε τα πόδια
Μπορείτε να ορίσετε το χρώμα πλήρωσης στο ίδιο πορτοκαλί με το ράμφος κάνοντας κλικ στο πλαίσιο Συμπλήρωση και στο ράμφος. Με το επιλεγμένο εργαλείο Pen, κάντε το χρώμα της διαδρομής μαύρο και ρυθμίστε το πλάτος της διαδρομής στο 2 στον πίνακα Ιδιότητες.
Στη συνέχεια, χρησιμοποιήστε το εργαλείο Pen για να δημιουργήσετε σημεία που σχηματίζουν ένα σχήμα που μοιάζει με το πόδι της γαλοπούλας. Με το σχήμα που επιλέξατε, επιλέξτε Επεξεργασία> Διπλότυπο. Στη συνέχεια επιλέξτε Τροποποιήστε> Μετασχηματισμός> Αναστροφή οριζόντια. Με το εργαλείο δείκτη, τοποθετήστε τα πόδια εκεί που φαίνονται καλύτερα.
12 από 20Μειώστε το μέγεθος
Επιλέγω Επιλέξτε> Επιλογή όλων.Στη συνέχεια, κάντε κλικ στο εργαλείο κλίμακας στον πίνακα "Εργαλεία". Θα εμφανιστεί ένα πλαίσιο οριοθέτησης με λαβές που μπορούν να μετακινηθούν προς τα μέσα ή προς τα έξω. Κάντε κλικ σε μια γωνιακή λαβή και μετακινήστε την προς τα μέσα, κάνοντας όλο το μικρότερο, στη συνέχεια πιέστε την επιστροφή.
Με όλα τα σχήματα που έχετε επιλέξει, χρησιμοποιήστε το εργαλείο δείκτη για να μετακινήσετε τη γαλοπούλα στη θέση της. Θέλετε να είναι στο κέντρο του καμβά.
13 από 20Κάντε τα φτερά ουράς
Με το εργαλείο Ellipse, κάντε κλικ και σύρετε για να σχηματίσετε ένα μακρύ ωοειδές. Στη συνέχεια επιλέξτε Επεξεργασία> Διπλότυπο. Θα επαναλάβετε την οβάλ επανειλημμένα μέχρι να έχετε συνολικά πέντε οβάλ.
14 από 20Αλλάξτε το χρώμα
Με ένα από τα οβάλ που επιλέξατε, κάντε κλικ στο πλαίσιο Συμπλήρωση και επιλέξτε ένα διαφορετικό χρώμα. Κάντε αυτό με άλλες τρεις οβάλ, επιλέγοντας διαφορετικό χρώμα για κάθε ένα.
15 από 20Μετακίνηση Οβάλ
Με το εργαλείο δείκτη, κάντε κλικ και σύρετε πάνω από τα πέντε ωοειδή για να τα επιλέξετε όλα. Στη συνέχεια επιλέξτε Τροποποίηση> Ταξινόμηση> Αποστολή προς τα πίσω. Αυτό θα κάνει τα φτερά ουράς να πέσουν πίσω από τη γαλοπούλα όταν τα μετακινήσετε στη θέση τους.
Κάντε κλικ μακριά από τις ωοθήκες για να τους αποεπιλέξετε, στη συνέχεια κάντε κλικ σε ένα ωοειδές κάθε φορά και σύρετε τους χωριστά στο σημείο όπου θα κάθονται δίπλα στο άλλο και εν μέρει πίσω από τη γαλοπούλα.
Η χρήση των έξυπνων οδηγών μπορεί να βοηθήσει στην ομοιόμορφη τοποθέτηση των οβάλ που βρίσκονται απέναντι από το άλλο. Αν δεν βλέπετε τους έξυπνους οδηγούς στην εργασία, επιλέξτε Προβολή> Έξυπνοι οδηγοί> Εμφάνιση έξυπνων οδηγών.
16 από 20Περιστροφή Οβάλ
Θα θέλετε να περιστρέψετε τα οβάλ και να τα επανατοποθετήσετε. Για να το κάνετε, επιλέξτε ένα και επιλέξτε Τροποποίηση> Μετασχηματισμός> Ελεύθερο μετασχηματισμό. Στη συνέχεια κάντε κλικ και μετακινήστε το δρομέα σας ακριβώς έξω από το πλαίσιο οριοθέτησης για να περιστρέψετε ελαφρά το ωοειδές. Με το εργαλείο δείκτη, τοποθετήστε το ωοειδές σε εκείνο που νομίζετε ότι φαίνεται καλύτερα.
Περιστρέψτε τα υπόλοιπα οβάλ με τον ίδιο τρόπο και τοποθετήστε τα στη θέση τους. διανέμοντάς τα ομοιόμορφα.
17 από 20Αποθήκευση και αποθήκευση ως
Κοιτάζοντας την εικόνα σας, θα δείτε ότι η γαλοπούλα είναι πολύ χαμηλή στον καμβά, οπότε επιλέξτε Επιλέξτε> Επιλογή όλων, στη συνέχεια, χρησιμοποιήστε το εργαλείο Pointer για να τοποθετήσετε τη γαλοπούλα στο κέντρο του καμβά. Όταν είστε ικανοποιημένοι με το πώς φαίνεται, επιλέξτε Αρχείο> Αποθήκευση.
Στη συνέχεια, κάντε κλικ σε ουρά φτερό για να το επιλέξετε, στη συνέχεια, στο πλαίσιο Συμπληρώστε και επιλέξτε ένα διαφορετικό χρώμα. Κάνετε αυτό για κάθε ουρά φτερό, κατόπιν επιλέξτε Αρχείο> Αποθήκευση ως. Μετονομάστε το αρχείο, turkey2 με επέκταση png και κάντε κλικ στην επιλογή Αποθήκευση.
18 από 20Μετατροπή σε σύμβολο
Επιλέγω Αρχείο> Άνοιγμα, μεταβείτε στο αρχείο turkey.png και κάντε κλικ στο Άνοιγμα. Κάντε κλικ στην καρτέλα turkey.png στην κορυφή και επιλέξτε Επιλέξτε> Επιλογή όλων. Στη συνέχεια, θα επιλέξετε Τροποποιήστε> Μετατροπή> Μετατροπή σε Σύμβολο. Ονομάστε το σύμβολο 1, επιλέξτε Γραφικά για τον τύπο και, στη συνέχεια, κάντε κλικ στο κουμπί OK.
Κάντε κλικ στην καρτέλα turkey2.png και κάντε το ίδιο, μόνο εσείς θα ονομάσετε αυτό το ένα σύμβολο 2.
19 από 20Δημιουργήστε μια νέα πολιτεία
Κάντε κλικ πίσω στην καρτέλα turkey.png. Αν ο πίνακας κρατών δεν είναι ορατός, μπορείτε να επιλέξετε Παράθυρο> Κράτη. Στο κάτω μέρος του πίνακα πολιτείας, κάντε κλικ στο κουμπί Νέες διπλές καταστάσεις.
Όταν κάνετε κλικ στην πρώτη κατάσταση για να την επιλέξετε, θα δείτε ότι περιέχει ένα σύμβολο. Όταν κάνετε κλικ στο δεύτερο κράτος, θα δείτε ότι είναι κενό. Για να προσθέσετε ένα σύμβολο σε αυτήν την κενή κατάσταση, επιλέξτε Αρχείο> Εισαγωγή> πλοήγηση στο αρχείο turkey2.png, κάντε κλικ στο Άνοιγμα και, στη συνέχεια, στο Άνοιγμα ξανά. Στη συνέχεια, κάντε κλικ στην επάνω δεξιά γωνία του καμβά για να τοποθετήσετε το αρχείο στη σωστή θέση. Τώρα, όταν κάνετε κλικ μεταξύ της πρώτης και της δεύτερης κατάστασης, θα δείτε ότι και οι δύο κρατήσεις εικόνων. Μπορείτε επίσης να πατήσετε το κουμπί αναπαραγωγής / διακοπής στο κάτω μέρος του παραθύρου για να κάνετε προεπισκόπηση της κινούμενης εικόνας.
Αν δεν σας αρέσει η ταχύτητα της κινούμενης εικόνας, μπορείτε να κάνετε διπλούς κλικ στους αριθμούς στα δεξιά της κάθε χώρας για να κάνετε ρυθμίσεις. Όσο μεγαλύτερος είναι ο αριθμός, τόσο μεγαλύτερη είναι η διάρκεια.
20 από 20Αποθηκεύστε το κινούμενο GIF
Τέλος, επιλέξτε Αρχείο> Αποθήκευση ως, μετονομάστε το αρχείο, επιλέξτε Animated GIF (* .gif) και, στη συνέχεια, κάντε κλικ στην επιλογή Αποθήκευση.
Για να ανοίξετε και να αναπαραγάγετε το Animation GIF στο πρόγραμμα περιήγησής σας, ξεκινήστε το πρόγραμμα περιήγησης και επιλέξτε το Αρχείο> Άνοιγμα ή Άνοιγμα αρχείου. Πλοηγηθείτε στο αποθηκευμένο αρχείο Animated GIF, επιλέξτε το, κάντε κλικ στην επιλογή Άνοιγμα και απολαύστε τους καρπούς της εργασίας σας!
Ενημερώθηκε από τον Tom Green
