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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Leave a Comment

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Το πλαίσιο Σελίδες στο InDesign Creative Suite 5 σάς επιτρέπει να επιλέξετε, να μετακινήσετε, να προσθέσετε, να διαγράψετε, να αριθμήσετε, να αντιγράψετε, το μέγεθος και να περιηγηθείτε σε σελίδες σε μια δημοσίευση του InDesign.

Εκδόσεις Spell-Check InDesign CS5

Εκδόσεις Spell-Check InDesign CS5

Διορθώστε εύκολα τυπογραφικά και ορθογραφικά λάθη με τον ορθογραφικό έλεγχο στο InDesign Creative Suite 5, δημιουργώντας προσαρμοσμένα λεξικά χρήστη για καλύτερη ακρίβεια.

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε πλαίσια κειμένου στο Adobe InDesign CS6. Εξερευνήστε νέες μεθόδους και εργαλεία για αποτελεσματική σχεδίαση.

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Ανακαλύψτε πώς να μετατρέψετε τις φωτογραφίες σας σε ελαιογραφίες χρησιμοποιώντας το φίλτρο Oil Paint στο Photoshop CS6. Μάθετε χρήσιμες τεχνικές για καλύτερα αποτελέσματα.

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε οδηγούς στο Photoshop CS6 για ακριβή ευθυγράμμιση και σχεδίαση.

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε Image→ Mode για να δείτε τις επιλογές λειτουργίας εικόνας στο Adobe Photoshop CS5. Χρησιμοποιήστε τη λειτουργία Duotone για τη δημιουργία εικόνας με 1-4 χρώματα, ιδανικά για επαγγελματικές εκτυπώσεις.

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Μάθετε πώς να μετατρέψετε την εικόνα σας από RGB σε CMYK στο Adobe Photoshop CS6 με αυτές τις χρήσιμες οδηγίες.

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Μάθετε πώς να μετρήσετε αποστάσεις και αντικείμενα στο Photoshop CS6 χρησιμοποιώντας εύχρηστες μεθόδους. Χρησιμοποιήστε τους χάρακες και τις γενικές επιλογές για ακριβείς μετρήσεις.

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Μάθετε τα βασικά εργαλεία σχήματος στο Illustrator и την αποτελεσματική χρήση τους για δημιουργία επαγγελματικών σχεδίων.

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.