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

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

Δημιουργία κινούμενης εικόνας

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

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

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

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

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

   Εμφανίζεται ο πίνακας κρατών, ο οποίος περιλαμβάνει μια κατάσταση.

   

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

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

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

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

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

   

Χρησιμοποιήστε την αποφλοίωση κρεμμυδιού για να πάρετε μια καλή ροή

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

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

1. Επιλέξτε την κατάσταση 2 σειρά στον πίνακα Πολιτείες.

2. Κάντε κλικ στο κουμπί Επικάλυψη κρεμμυδιού στην κάτω αριστερή γωνία του πίνακα.

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

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

Κάντε κίνηση κίνησης

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

Για να θέσετε την κινούμενη εικόνα σας σε κίνηση, ακολουθήστε τα παρακάτω βήματα:

1. Επιλέξτε την κατάσταση 2 στον πίνακα Πολιτείες για να δείτε τον κύκλο κατάστασης 2.

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

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

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

5. Επιλέξτε κατάσταση 4 για να δείτε την κατάσταση 4 κύκλου.

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

   Θα πρέπει να δείτε μια ροή που - με πρωτόγονο τρόπο - αντιπροσωπεύει μια σφαίρα αναπήδησης.

   

Δοκιμή της κινούμενης εικόνας

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

Test in Fireworks

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

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

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

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

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

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

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