Πώς να δημιουργήσετε Πρωτότυπα στο Flash CS3

Δεν χρειάζεται να είναι κάποιος ειδικός σε Flash για τη δημιουργία πρωτοτύπων . Η ευελιξία του προγράμματος επιτρέπει την προτυποποίηση με περιορισμένη γνώση της ActionScript 3 . Ταχεία πρωτοτυποποίηση βοηθά τους χρήστες να απεικονίσει το τελικό προϊόν . Flash σας επιτρέπει να δημιουργήσετε πρωτότυπα διαφόρων πιστότητας ( πόσο στενά το πρωτότυπο μοιάζει με το τελικό προϊόν ) , γεγονός που καθιστά εύκολο να ενημερώσετε διαδραστικά στρώματα και έννοιες του σχεδιασμού από την απλή wireframes σε λεπτομερή , ολοκληρώθηκε σχέδια . Οδηγίες
Παρασκευή
Η 1

Δημιουργήστε εικόνες που αναπαριστούν τις απαιτούμενες οθόνες και δηλώνει , με τη χρήση λογισμικού, όπως πυροτεχνήματα , Photoshop ή Corel . Η πιστότητα των εικόνων σας μπορεί να είναι οπουδήποτε από wireframe σε οπτικές σχέδια (βλέπε αναφοράς 2 ) . 2

Open Flash και κάντε κλικ στο "Αρχείο " και στη συνέχεια κάντε κλικ στο κουμπί " Νέα " και στη συνέχεια κάντε κλικ στο κουμπί " Flash File ( ActionScript 3.0 ) " στο μενού που ανοίγει . Κάντε κλικ στο " Παράθυρο " στο κύριο μενού και στη συνέχεια κάντε κλικ στο κουμπί "Ιδιότητες" και στη συνέχεια κάντε κλικ στο κουμπί "Ιδιότητες " και πάλι στο μενού pull-out . Πληκτρολογήστε " 1024px " στο " W " και το πεδίο " 768px " στο " H" πεδίο .
Εικόνων 3

Αποθηκεύστε το αρχείο σας κάνοντας κλικ στο " Αρχείο" στο κύριο μενού , στη συνέχεια, κάνοντας κλικ στο " Αποθήκευση ως ", πληκτρολογώντας σε ένα όνομα ( όπως" proto " ) και , στη συνέχεια, κάνοντας κλικ στην επιλογή " Αποθήκευση ".
Η 4

Εισαγωγή εικόνες σας κάνοντας κλικ στο" Αρχείο ", στη συνέχεια, κάνοντας κλικ στην επιλογή " Εισαγωγή " και , στη συνέχεια, κάνοντας κλικ στο" Εισαγωγή στη βιβλιοθήκη . " Περιήγηση στο σημείο όπου οι εικόνες σας, τότε κάντε κλικ στο κουμπί "Άνοιγμα ". Αν οι εικόνες σας είναι σε σειρά , Flash θα τα εισάγουν αυτόματα διαδοχικές keyframes στο τρέχον επιλεγμένο επίπεδο ? Αλλιώς θα χρειαστεί να προσθέσετε βασικά καρέ κάνοντας δεξί κλικ στο πλαίσιο , στη συνέχεια, κάνοντας κλικ στην επιλογή "Εισαγωγή καρέ-κλειδί " στο μενού pull-out για κάθε εικόνα (βλέπε αναφοράς 3 ) .
5

Ονομάστε το στρώμα " Wire " , κάνοντας διπλό κλικ στο " Layer 1 " και πατώντας το πλήκτρο " Enter" στο πληκτρολόγιο σας . Προσθήκη keyframes μεταξύ των εικόνων σχετικά με το χρονοδιάγραμμα , κάνοντας κλικ στο πρώτο καρέ-κλειδί και πατώντας το πλήκτρο " F5 " στο πληκτρολόγιο τέσσερις φορές ( βλ. Αναφοράς 2 ) .
Η 6

Δώστε την εικόνα σας κορνίζες ονόματα κάνοντας κλικ στο " Παράθυρο " στην κύριο μενού , στη συνέχεια, κάνοντας κλικ στην επιλογή "Ιδιότητες" και , στη συνέχεια, κάνοντας κλικ στην επιλογή "Ιδιότητες " και πάλι στο μενού pull-out . Με ένα πλαίσιο εικόνας τόνισε , πληκτρολογήστε το όνομα της εικόνας στο " Label Πλαίσιο" πεδίο . Επαναλάβετε αυτή τη διαδικασία με τις άλλες εικόνες ( βλ. Αναφοράς 2 ) .
Η 7

Δημιουργήστε ένα νέο στρώμα κάνοντας κλικ στο " Insert Layer" στο κάτω μέρος του timeline και ονομάζοντάς " AS3 . " Κάντε δεξί κλικ στο Πλαίσιο 1 του " AS3 " στρώμα , στη συνέχεια, κάντε κλικ στο κουμπί " Action " στο μενού pull-out . Πληκτρολογήστε τον ακόλουθο κώδικα :

stop () ?

( . Βλ. Παραπομπή 2 )
εικόνων Button
Τετάρτη 8

διπλό κάντε κλικ στο " χρώμα γεμίσματος " στη γραμμή εργαλείων και στη συνέχεια κάντε κλικ στο κουμπί "Κανένα" για το χρώμα ( αυτό θα είναι το κουτί με μια διαγώνια κόκκινη γραμμή ) . Κάντε διπλό κλικ στο " Stroke Color" στη γραμμή εργαλείων και εισάγετε μια τιμή " 3 " για την " Stroke Ύψος , " και στη συνέχεια κάντε κλικ σε οποιοδήποτε χρώμα (βλέπε αναφοράς 2 ) .
Η

9 Κάντε κλικ στο " ορθογώνιο " εργαλείο στη γραμμή εργαλείων και , ενώ κρατάτε πατημένο το ποντίκι σας , σύρετε κατά μήκος της σκηνής για να σχεδιάσετε ένα ορθογώνιο . Το ορθογώνιο πρέπει να είναι το κατάλληλο μέγεθος για clickable περιοχές . Κάντε κλικ στο " ορθογώνιο " εργαλείο , στη συνέχεια, στο κύριο μενού πατήστε " Τροποποίηση " και στη συνέχεια κάντε κλικ στο κουμπί " Μετατροπή σε New Symbol " στο μενού pull-out . Κάντε κλικ στο " κουμπί" κουτί ακτινική και πληκτρολογήστε " Button_btn " για το όνομα ( βλ. Αναφοράς 2 ) .
Η 10

Κάντε διπλό κλικ στο κουμπί για να εισάγετε το χρονοδιάγραμμα της . Κάντε δεξί κλικ στο πλαίσιο με την ένδειξη " Hit " και επιλέξτε "Εισαγωγή καρέ-κλειδί . " Αλλάξτε το χρώμα του κουμπιού . Κάντε το ίδιο για το " Over ". Διαγράψτε το χρώμα για το " Up ". Αυτό θα σας δώσει ένα αόρατο κουμπί που θα πρέπει να επισημανθεί , όταν οι μούσες του χρήστη πάνω . Κάντε κλικ στο " Scene 1 " στο κάτω μέρος της λωρίδας χρόνου για να βγείτε από το χρονοδιάγραμμα του κουμπιού . Διαγράψτε το κουμπί από το στάδιο ( βλ. Αναφοράς 2 ) .
Η 11

Δημιουργήστε ένα νέο στρώμα κάνοντας κλικ στο " Insert Layer" στο κάτω μέρος του timeline , και ονομάστε το νέο στρώμα "Κουμπιά ". Εισάγετε keyframes στο "Κουμπιά " στρώμα για τους ίδιους αριθμούς πλαισίου με τις εικόνες στο " Wire " στρώμα (βλέπε αναφοράς 2 ) .
Η 12

Σύρετε ένα " κουμπί" από τη βιβλιοθήκη και τοποθετήστε το σε το στάδιο . Κάντε κλικ στο " Παράθυρο " στο κύριο μενού και στη συνέχεια κάντε κλικ στο κουμπί "Ιδιότητες" και στη συνέχεια κάντε κλικ στο κουμπί "Ιδιότητες " και πάλι στο μενού pull-out . Με το πλήκτρο επισημαίνεται ακόμη , πληκτρολογήστε ένα μοναδικό όνομα εμφάνισης , όπως το όνομα της σελίδας που θα περιηγηθείτε , για παράδειγμα , " page1_btn " (βλέπε αναφοράς 2 ) .
Η 13

δεξί κλικ Πλαίσιο 1 του « AS3 " στρώμα , στη συνέχεια, κάντε κλικ στο κουμπί " Action " στο μενού pull-out . Πληκτρολογήστε τον ακόλουθο κώδικα , αντικαθιστώντας " σελίδα1 " για το πλαίσιο τα ονόματα ετικετών σας :

page1_btn.addEventListener ( MouseEvent.CLICK , onPage1 , ψευδή , 0 , αλήθεια)?

Λειτουργία onPage1 ( evt : MouseEvent ) : . void {

gotoAndStop ( " σελίδα1 ")? }

Η 14

Επαναλάβετε τη διαδικασία για άλλες σελίδες
Η

Η