Τι πρέπει να γνωρίζετε
- Δημιουργήστε μια εικόνα και αντιγράψτε την. Κάντε αλλαγές σε ένα, μετατρέψτε και τα δύο σε σύμβολα, δημιουργήστε μια δεύτερη κατάσταση. Προεπισκόπηση της κινούμενης εικόνας.
- Αλλάξτε τη διάρκεια και των δύο καταστάσεων, αποθηκεύστε το αρχείο ως κινούμενο-g.webp" />
Σε αυτό το σεμινάριο, θα μάθετε να χρησιμοποιείτε το Fireworks CS6 για να δημιουργήσετε ένα κινούμενο-g.webp
Πώς να φτιάξετε ένα κινούμενο-g.webp" />
Είναι σημαντικό να σημειωθεί ότι η Adobe δεν προσφέρει πλέον το Fireworks CC ως μέρος του Creative Cloud. Αν ψάχνετε για Πυροτεχνήματα, μπορείτε να τα βρείτε στην ενότητα Εύρεση πρόσθετων εφαρμογών του Creative Cloud. Όταν η Adobe ανακοινώνει ότι δεν θα υποστηρίζει ή δεν θα ενημερώνει πλέον εφαρμογές, μπορείτε να υποθέσετε ότι είναι θέμα χρόνου να εξαφανιστεί η εφαρμογή.
Δημιουργία νέου εγγράφου
Πρώτον, θα δημιουργήσετε ένα νέο έγγραφο επιλέγοντας Αρχείο > Νέο. Κάντε το πλάτος και το ύψος 400 x 400 pixel και την ανάλυση 72 pixel ανά ίντσα. Επιλέξτε λευκό για το χρώμα του καμβά και κάντε κλικ στο OK.
Επόμενο, επιλέξτε Αρχείο > Αποθήκευση, ονομάστε το αρχείο Τουρκία με επέκταση png, επιλέξτε πού θέλετε να το αποθηκεύσετε και κάντε κλικ στο Αποθήκευση.
Σχεδιάστε έναν κύκλο
Στον πίνακα Εργαλεία κάντε κλικ στο πλαίσιο χρώματος Stroke και επιλέξτε μαύρο, μετά στο πλαίσιο χρώματος γέμισμα και επιλέξτε ένα καφέ δείγμα ή πληκτρολογήστε στο πεδίο τιμής αριθμού Hex, 8C4600.
Στο πλαίσιο Ιδιότητες, κάντε το πλάτος διαδρομής 2 pixel. Στη συνέχεια, επιλέξτε το εργαλείο Ellipse στον πίνακα Εργαλεία, το οποίο μπορείτε να βρείτε κάνοντας κλικ στο μικρό βέλος δίπλα στο εργαλείο Ορθογώνιο ή σε άλλα εργαλεία ορατού σχήματος. Ενώ κρατάτε πατημένο το πλήκτρο Shift, κάντε κλικ και σύρετε για να δημιουργήσετε έναν μεγάλο κύκλο. (Η χρήση της μετατόπισης διασφαλίζει ότι ο κύκλος θα είναι τέλεια στρογγυλός.)
Σχεδιάστε έναν άλλο κύκλο
Πάλι, κρατήστε πατημένο το πλήκτρο shift καθώς σχεδιάζετε έναν άλλο κύκλο, με σκοπό αυτός ο κύκλος να είναι μικρότερος από τον προηγούμενο.
Με το εργαλείο Pointer, κάντε κλικ και σύρετε τον μικρό κύκλο στη θέση του. Θέλετε να επικαλύπτει την κορυφή του μεγάλου κύκλου, όπως φαίνεται.
Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο
Με το εργαλείο Rounded Rectangle, σχεδιάστε ένα ορθογώνιο. Με το εργαλείο Pointer, μετακινήστε το στη θέση του. Θέλετε να είναι στο κέντρο και να επικαλύπτει ελαφρώς το κάτω μέρος του μικρού κύκλου.
Συνδυασμός Διαδρομών
Κρατήστε πατημένο το πλήκτρο shift καθώς κάνετε κλικ στον μικρό κύκλο και μετά στο στρογγυλεμένο ορθογώνιο. Αυτό θα επιλέξει και τα δύο σχήματα. Στη συνέχεια, επιλέξτε Modify, Combine Paths > Union.
Αλλαγή χρώματος
Στο πλαίσιο Εργαλεία, κάντε κλικ στο πλαίσιο Γέμισμα και επιλέξτε ένα δείγμα κρέμας ή πληκτρολογήστε FFCC99 στο πεδίο τιμή Hex και, στη συνέχεια, πατήστε επιστροφή.
Make the Eyes
Μπορείτε να σχεδιάσετε δύο μικρούς κύκλους για να φτιάξετε τα μάτια, αλλά αντ 'αυτού, χρησιμοποιήστε το εργαλείο Τύπος για αυτό. Κάντε κλικ στο εργαλείο Τύπος στον πίνακα Εργαλεία και μετά στον καμβά. Στο Property inspector, επιλέξτε Arial Regular για τη γραμματοσειρά, κάντε το μέγεθος 72 και αλλάξτε το χρώμα σε μαύρο. Κρατήστε πατημένο το πλήκτρο "Εικόνα" ή το πλήκτρο Επιλογές καθώς πατάτε το πλήκτρο κρατώντας τον αριθμό 8, το οποίο θα κάνει μια κουκκίδα. Στη συνέχεια, πατήστε το πλήκτρο διαστήματος πριν δημιουργήσετε μια άλλη κουκκίδα. alt="
Make the Beak
Στο πλαίσιο Εργαλεία, κάντε κλικ στο εργαλείο σχήματος πολυγώνου. Στον πίνακα Ιδιότητες, επιλέξτε ένα πορτοκαλί δείγμα για το γέμισμα ή πληκτρολογήστε FF9933 στο πεδίο Δεκαεξαδική τιμή. Επίσης, στον πίνακα Ιδιότητες, κάντε τη διαδρομή μαύρη με πλάτος 1.
Επόμενο, επιλέξτε Παράθυρο > Αυτόματες ιδιότητες σχήματος Κάντε κλικ στο σχήμα του πολυγώνου και υποδείξτε ότι θέλετε να είναι και τα σημεία και οι πλευρές 3 και η ακτίνα 180 μοίρες. Για να κάνετε το τρίγωνο μικρότερο, πληκτρολογήστε 20 στο πεδίο τιμής Outer Radius. Ο αριθμός για αυτό εξαρτάται από το πόσο μεγάλο ήταν το τρίγωνο, για αρχή. Στη συνέχεια, πατήστε επιστροφή.
Με το εργαλείο Pointer, κάντε κλικ στο τρίγωνο και σύρετέ το στο σημείο που πιστεύετε ότι πρέπει να βρίσκεται για το ράμφος.
Make the Snood
Το κόκκινο πράγμα που κρέμεται από το ράμφος της γαλοπούλας ονομάζεται Snood. Για να δημιουργήσετε ένα, θα χρησιμοποιήσετε το εργαλείο στυλό.
Αφού επιλέξετε το εργαλείο στυλό στον πίνακα Εργαλεία, κάντε κλικ στο πλαίσιο Γέμισμα και επιλέξτε ένα κόκκινο δείγμα ή πληκτρολογήστε FF0000 στο πεδίο τιμή Hex και, στη συνέχεια, πατήστε επιστροφή.
Με το εργαλείο στυλό, κάντε κλικ για να δημιουργήσετε σημεία που σχηματίζουν μια διαδρομή και μερικές φορές κάντε κλικ και σύρετε για να δημιουργήσετε μια στρογγυλεμένη διαδρομή. Όταν το τελευταίο σημείο συνδεθεί με το πρώτο, θα έχετε σχηματίσει ένα σχήμα που μοιάζει με κουκούτσι γαλοπούλας.
Make the Legs
Μπορείτε να ορίσετε το χρώμα Fill στο ίδιο Πορτοκαλί με το ράμφος κάνοντας κλικ στο πλαίσιο Γέμισμα και στη συνέχεια στο ράμφος. Με επιλεγμένο το εργαλείο στυλό, κάντε το χρώμα της διαδρομής μαύρο και ορίστε το πλάτος διαδρομής σε 2 στον πίνακα Ιδιότητες.
Στη συνέχεια, χρησιμοποιήστε το εργαλείο στυλό για να δημιουργήσετε σημεία που σχηματίζουν σχήμα που μοιάζει με πόδι γαλοπούλας. Με επιλεγμένο το σχήμα, επιλέξτε Επεξεργασία > Διπλότυπο Στη συνέχεια επιλέξτε Τροποποίηση > Transform > Αναστροφή οριζόντια Με το εργαλείο Pointer, τοποθετήστε τα πόδια εκεί που φαίνονται καλύτερα.
Μείωση μεγέθους
Επιλέξτε Select > Επιλογή όλων. Στη συνέχεια, κάντε κλικ στο εργαλείο Κλίμακα στον πίνακα Εργαλεία. Θα εμφανιστεί ένα πλαίσιο οριοθέτησης με λαβές που μπορούν να μετακινηθούν προς τα μέσα ή προς τα έξω. Κάντε κλικ σε μια γωνιακή λαβή και μετακινήστε την προς τα μέσα, κάνοντάς την ολόκληρη μικρότερη και μετά πατήστε επιστροφή.
Με όλα τα σχήματά σας ακόμα επιλεγμένα, χρησιμοποιήστε το εργαλείο δείκτη για να μετακινήσετε τη γαλοπούλα στη θέση της. Θέλετε να είναι στο κέντρο χαμηλά στον καμβά.
Make the Tail Feathers
Με το εργαλείο Ellipse, κάντε κλικ και σύρετε για να σχηματίσετε ένα μακρύ οβάλ. Στη συνέχεια, επιλέξτε Επεξεργασία > Διπλότυπο. Θα αντιγράψετε το οβάλ ξανά και ξανά μέχρι να έχετε συνολικά πέντε οβάλ.
Αλλαγή χρώματος
Με ένα από τα οβάλ επιλεγμένο, κάντε κλικ στο πλαίσιο Γέμισμα και επιλέξτε διαφορετικό χρώμα. Κάντε το με τρία ακόμη οβάλ, επιλέγοντας διαφορετικό χρώμα για το καθένα.
Μετακίνηση Οβάλ
Με το εργαλείο Pointer, κάντε κλικ και σύρετε πάνω από τα πέντε οβάλ για να τα επιλέξετε όλα. Στη συνέχεια, επιλέξτε Modify > Arrange > Send to Back. Αυτό θα κάνει τα φτερά της ουράς να πέσουν πίσω από τη γαλοπούλα όταν τα μετακινήσετε στη θέση τους.
Κάντε κλικ μακριά από τα οβάλ για να τα καταργήσετε, μετά κάντε κλικ σε ένα οβάλ κάθε φορά και σύρετέ τα ξεχωριστά στο σημείο που θα καθίσουν το ένα δίπλα στο άλλο και εν μέρει πίσω από τη γαλοπούλα.
Η χρήση Έξυπνων οδηγών μπορεί να βοηθήσει στην ομοιόμορφη τοποθέτηση των οβάλ που βρίσκονται το ένα απέναντι από το άλλο. Εάν δεν βλέπετε τους έξυπνους οδηγούς στη δουλειά, επιλέξτε Προβολή > Smart Guides > Show Smart Guides.
Περιστροφή Οβάλ
Θα θέλετε να περιστρέψετε τα οβάλ και να τα επανατοποθετήσετε. Για να το κάνετε αυτό, επιλέξτε ένα και επιλέξτε Τροποποίηση > Μετασχηματισμός > Δωρεάν Μετασχηματισμός Στη συνέχεια κάντε κλικ και σύρετε τον κέρσορα ακριβώς έξω από το πλαίσιο οριοθέτησης για να περιστρέψετε ελαφρά το οβάλ. Με το εργαλείο Pointer, τοποθετήστε το οβάλ στο σημείο που νομίζετε ότι φαίνεται καλύτερα.
Περιστρέψτε τα υπόλοιπα οβάλ με τον ίδιο τρόπο και τοποθετήστε τα στη θέση τους. κατανέμοντάς τα ομοιόμορφα.
Αποθήκευση και Αποθήκευση ως
Κοιτάζοντας την εικόνα σας, θα δείτε ότι η γαλοπούλα είναι πολύ χαμηλά στον καμβά, επομένως επιλέξτε Select > Select All και, στη συνέχεια, χρησιμοποιήστε το εργαλείο Pointer για να τοποθετήσετε τη γαλοπούλα στο κέντρο του καμβά. Όταν είστε ευχαριστημένοι με την εμφάνισή του, επιλέξτε Αρχείο > Αποθήκευση.
Στη συνέχεια, κάντε κλικ σε ένα φτερό ουράς για να το επιλέξετε, μετά στο πλαίσιο Γέμισμα και επιλέξτε διαφορετικό χρώμα. Κάντε αυτό για κάθε φτερό ουράς και, στη συνέχεια, επιλέξτε Αρχείο > Αποθήκευση ως. Μετονομάστε το αρχείο, turkey2 με επέκταση-p.webp" />.
Μετατροπή σε σύμβολο
Choose Αρχείο > Ανοίξτε, μεταβείτε στο αρχείο turkey-p.webp" />Select > Select All Στη συνέχεια θα επιλέξετε Modify > Convert > Convert to Symbol Ονομάστε το σύμβολο 1, επιλέξτε Γραφικό για τον Τύπο και μετά κάντε κλικ στο OK.
Κάντε κλικ στην καρτέλα turkey2-p.webp
Δημιουργία νέας κατάστασης
Κάντε ξανά κλικ στην καρτέλα turkey.png. Εάν το πλαίσιο των πολιτειών σας δεν είναι ορατό, μπορείτε να επιλέξετε Window > State. Στο κάτω μέρος του πίνακα καταστάσεων, κάντε κλικ στο κουμπί Νέες διπλότυπες καταστάσεις.
Όταν κάνετε κλικ στην πρώτη κατάσταση για να την επιλέξετε, θα δείτε ότι περιέχει ένα σύμβολο. Όταν κάνετε κλικ στη δεύτερη κατάσταση, θα δείτε ότι είναι κενή. Για να προσθέσετε ένα σύμβολο σε αυτήν την κενή κατάσταση, επιλέξτε Αρχείο > Εισαγωγή > πλοηγηθείτε στο αρχείο turkey2.png, κάντε κλικ στο Άνοιγμα και μετά ξανά Άνοιγμα. Στη συνέχεια, κάντε κλικ στην επάνω δεξιά γωνία του καμβά για να τοποθετήσετε το αρχείο στη σωστή θέση. Τώρα, όταν κάνετε κλικ μεταξύ της πρώτης και της δεύτερης κατάστασης, θα δείτε ότι και οι δύο συγκρατούν εικόνες. Μπορείτε επίσης να πατήσετε το κουμπί Αναπαραγωγή/Διακοπή στο κάτω μέρος του παραθύρου για προεπισκόπηση της κινούμενης εικόνας.
Αν δεν σας αρέσει η ταχύτητα της κινούμενης εικόνας, μπορείτε να κάνετε διπλό κλικ στους αριθμούς στα δεξιά κάθε κατάστασης για να κάνετε προσαρμογές. Όσο μεγαλύτερος είναι ο αριθμός τόσο μεγαλύτερη είναι η διάρκεια.
Αποθήκευση κινούμενου GIF
Τέλος, επιλέξτε Αρχείο > Αποθήκευση ως, μετονομάστε το αρχείο, επιλέξτε Animated-g.webp" />.
Για να ανοίξετε και να παίξετε το Animation-g.webp
Αρχείο > Άνοιγμα ή Άνοιγμα αρχείου. Μεταβείτε στο αποθηκευμένο αρχείο Animated GIF, επιλέξτε το και κάντε κλικ Ανοίξτε και απολαύστε τους καρπούς του κόπου σας!
