Πώς να δημιουργήσετε και να δοκιμάσετε κινούμενα σχέδια στο Fireworks CS5

Η δημιουργία εικόνων είναι μια απλή διαδικασία στο Adobe Fireworks Creative Suite 5. Η δημιουργία εικόνων για κινούμενα σχέδια είναι επίσης απλή αλλά ελαφρώς διαφορετική, καθώς οι εικόνες δημιουργούνται από πολλές καταστάσεις που παίζουν η μία μετά την άλλη για να δημιουργήσουν την ψευδαίσθηση της κίνησης.

Δημιουργήστε ένα κινούμενο σχέδιο

Για να δημιουργήσετε μια εικόνα για κινούμενα σχέδια, ακολουθήστε τα εξής βήματα:

Δημιουργήστε ή ανοίξτε το αντικείμενο που θέλετε να κάνετε κίνηση.

Για αυτό το παράδειγμα, δημιουργήστε έναν κύκλο με το εργαλείο Ellipse.

Με το εργαλείο Pointer, επιλέξτε τον κύκλο.

Επιλέξτε Παράθυρο→ Καταστάσεις.

Εμφανίζεται ο πίνακας καταστάσεων, με μια λίστα.

Από το μενού του πίνακα στην επάνω δεξιά γωνία, επιλέξτε Διπλότυπη κατάσταση.

Εμφανίζεται το παράθυρο διαλόγου Διπλότυπη κατάσταση.

Χρησιμοποιήστε το ρυθμιστικό Αριθμός για να προσθέσετε τρεις νέες καταστάσεις.

Στην ενότητα Εισαγωγή νέων καταστάσεων, επιλέξτε το κουμπί επιλογής Μετά την τρέχουσα κατάσταση και, στη συνέχεια, κάντε κλικ στο OK.

Επειδή όλες οι πολιτείες είναι πανομοιότυπες, δεν βλέπετε καμία αλλαγή. Τα αντικείμενα τοποθετούνται το ένα πάνω στο άλλο.

Χρησιμοποιήστε το ξεφλούδισμα του κρεμμυδιού για να έχετε καλή ροή

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

Για να χρησιμοποιήσετε το ξεφλούδισμα του κρεμμυδιού σε ένα κινούμενο σχέδιο, ακολουθήστε αυτά τα βήματα:

Επιλέξτε τη σειρά State 2 στον πίνακα States.

Κάντε κλικ στο κουμπί Onion Skinning στην κάτω αριστερή γωνία του πίνακα.

Εμφανίζεται μια αναπτυσσόμενη λίστα.

Επιλέξτε Εμφάνιση όλων των καταστάσεων για να εμφανιστεί μία κατάσταση πριν και μία μετά την επιλεγμένη κατάσταση.

Κάντε το κινούμενο σχέδιο

Η δημιουργία του πραγματικού animation σίγουρα δεν είναι επιστήμη πυραύλων, αλλά πρέπει να δώσετε προσοχή στην κατάσταση που επιλέγετε πριν κάνετε την κίνησή σας.

Για να θέσετε σε κίνηση το κινούμενο σχέδιο, ακολουθήστε τα εξής βήματα:

Επιλέξτε Κατάσταση 2 στον πίνακα καταστάσεων για να προβάλετε τον κύκλο κατάστασης 2.

Χρησιμοποιώντας το εργαλείο Pointer, σύρετε τον κύκλο ελαφρώς προς τα πάνω και προς τα δεξιά.

Επιλέξτε Κατάσταση 3 για να προβάλετε τον κύκλο κατάστασης 3.

Σύρετε τον κύκλο παρακάτω και στα δεξιά του κύκλου κατάστασης 2.

Επιλέξτε Κατάσταση 4 για να προβάλετε τον κύκλο κατάστασης 4.

Σύρετε τον κύκλο πάνω και δεξιά του κύκλου κατάστασης 3.

Θα πρέπει να δείτε μια ροή που —με έναν πρωτόγονο τρόπο— αντιπροσωπεύει μια μπάλα που αναπηδά.

Δοκιμάστε το κινούμενο σχέδιο

Μπορείτε να δοκιμάσετε μια κινούμενη εικόνα απευθείας στο γραφικό Fireworks ή στον Ιστό.

Δοκιμή στα πυροτεχνήματα

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

Κάντε κλικ στο κουμπί Αναπαραγωγή για να ξεκινήσει η κινούμενη εικόνα.

Παρατηρήστε ότι το κουμπί Αναπαραγωγή αλλάζει σε κουμπί Διακοπή.

Μετά την αναπαραγωγή της κινούμενης εικόνας, κάντε κλικ στο κουμπί Διακοπή για να σταματήσετε την κινούμενη εικόνα.

Δοκιμή στον Ιστό

Η λειτουργία Προεπισκόπηση στο πρόγραμμα περιήγησης σάς δίνει μια πιο ακριβή ιδέα για το πώς θα εμφανίζεται η κινούμενη εικόνα σας στον θεατή. Αυτή η διαδικασία είναι τόσο εύκολη που δεν χρειάζονται βήματα: Επιλέξτε Αρχείο→ Προεπισκόπηση στο πρόγραμμα περιήγησης και επιλέξτε το πρόγραμμα περιήγησης στο οποίο θέλετε να κάνετε προεπισκόπηση της κινούμενης εικόνας.

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