Πώς να δημιουργήσει ένα διαδραστικό Εικόνα για μια ιστοσελίδα σε Flash

Flash παρέχει τη δυνατότητα να δημιουργήσουν οπτικά συναρπαστική , διαδραστική αποτελέσματα μέσα σε ιστοσελίδες . Χρησιμοποιώντας Flash , μπορείτε να προσθέσετε ένα επίπεδο αλληλεπίδρασης στην ιστοσελίδα εικόνες . Με ένα μικρό κώδικα ActionScript , μπορείτε να δηλώσετε διαφορετικές συμπεριφορές όταν ο χρήστης αλληλεπιδρά με μια εικόνα ιστοσελίδας, συμπεριλαμβανομένων μετακινώντας το ποντίκι τους και να σβήνουν αυτό , πατώντας και αφήνοντας το κουμπί του ποντικιού σε αυτό . Ένας λόγος που το Flash είναι τόσο ευρέως χρησιμοποιείται είναι ότι καθιστά τη δημιουργία αυτών των διαδραστικών στοιχείων εύκολο , ακόμη και για τα άτομα με λίγη ή καθόλου εμπειρία κωδικοποίησης . Οδηγίες
Η

1 Δημιουργήστε ένα νέο έγγραφο στο Flash επιλέγοντας "Αρχείο , " τότε " Νέα " και στη συνέχεια επιλέγοντας "Έγγραφο Flash" από τη λίστα . Το έγγραφο θα ανοίξει και θα εμφανίσει την περιοχή στάδιο του λευκού στη μέση . Μπορείτε να χρησιμοποιήσετε τα εργαλεία σχεδίασης στα αριστερά για να σχεδιάσετε μια εικόνα , αλλά αν έχετε ήδη ένα αρχείο εικόνας , όπως μια φωτογραφία που θέλετε να χρησιμοποιήσετε , μπορείτε να εισάγετε στο έγγραφό σας Flash . Επιλέξτε "Αρχείο , " τότε " Εισαγωγή " και στη συνέχεια " Εισαγωγή Για την Σκηνή» και στη συνέχεια περιηγηθείτε για να επιλέξει το αρχείο της εικόνας σας . Η εικόνα σας θα εμφανιστεί στην περιοχή στάδιο . 2

Μετατρέψτε την εικόνα σας σε ένα σύμβολο , ώστε να μπορείτε να προσθέσετε διαδραστικές επιπτώσεις σε αυτό . Επιλέξτε την εικόνα σας στη σκηνή κάνοντας κλικ. Πατήστε το πλήκτρο " F8" για να το μετατρέψει σε ένα σύμβολο ή επιλέξτε " Τροποποίηση" και στη συνέχεια " Μετατροπή σε Symbol . " Επιλέξτε το κουμπί "Movie clip " ραδιόφωνο και να δώσει Σύμβολο σας ένα όνομα και, στη συνέχεια , κάντε κλικ στο κουμπί " OK" . Με Symbol σας επιλεγεί στη σκηνή , ανοίξτε το " Properties" πάνελ κάνοντας κλικ στο κάτω μέρος της οθόνης σας . Στο " Instance Name" κείμενο - πλαίσιο , πληκτρολογήστε " myObject_mc " ή οποιοδήποτε όνομα που προτιμάτε .
Εικόνων 3

Προσθέστε ένα άλλο οπτικό στοιχείο στο έγγραφό σας Flash . Για λόγους επίδειξης , να προσθέσετε κάποιο κείμενο . Τοποθετήστε ένα νέο στρώμα στο έγγραφό σας πατώντας το κουμπί "New Layer" δίπλα στο Timeline στην κορυφή της οθόνης σας . Κλειδώστε το άλλο στρώμα χρησιμοποιώντας το κουμπί λουκέτο στο Timeline , στη συνέχεια, επιλέξτε το νέο στρώμα , φροντίζοντας να είναι ξεκλείδωτη . Εισάγετε κάποιο κείμενο σε αυτό το νέο στρώμα κάνοντας κλικ στο εργαλείο κειμένου στον πίνακα στα αριστερά , στη συνέχεια, κάνοντας κλικ στην περιοχή στάδιο και πληκτρολογώντας κάποιο κείμενο . Μετατρέψτε το κείμενο σε ένα σύμβολο Κλιπ Movie χρησιμοποιώντας την ίδια τεχνική που χρησιμοποιείται για την εικόνα , αλλά επιλέγοντας ένα διαφορετικό όνομα . Στον πίνακα Properties , δίνουν στο Σύμβολο κείμενο το παράδειγμα το όνομα " text_mc . "
Η 4

Προσθήκη διαδραστικότητα στο αρχείο Flash σας . Δημιουργήστε ένα άλλο νέο στρώμα στο έγγραφό σας . Ανοίξτε τον πίνακα Ενέργειες για το νέο στρώμα κάνοντας κλικ για να το επιλέξετε στην περιοχή Timeline , στη συνέχεια, επιλέξτε " Παράθυρο " τότε " Ενέργειες " ή πατήστε το πλήκτρο " F9 . " Ο πίνακας δράσεις θα φαίνεται έτσι ώστε να μπορείτε να εισάγετε τον κωδικό . Κάντε κλικ μέσα στη λευκή περιοχή εισαγωγής κειμένου και πληκτρολογήστε το εξής , αλλάζοντας " myObject_mc " , αν έχετε επιλέξει ένα διαφορετικό όνομα :

text_mc.visible = false ?

Λειτουργία picClicked (συμβάν : MouseEvent ) : ακυρώσει

{ text_mc.visible = true ? }

myObject_mc.addEventListener ( MouseEvent.CLICK , picClicked ) ?
5

Αποθηκεύστε το αρχείο σας με το όνομα του σας επιλογή , όπως " interactivepic.fla . " Εξαγωγή και να δοκιμάσουν την ταινία Flash σας επιλέγοντας "Control " και στη συνέχεια "Movie Test . " Η ταινία σας θα ανοίξει σε ξεχωριστό παράθυρο . Ελέγξτε τη λειτουργικότητα , κάνοντας κλικ στην εικόνα και τον έλεγχο ότι το κείμενο εμφανίζεται όταν κάνετε . Αυτό είναι ένα απλό παράδειγμα για να αποδείξει την αρχή της έχοντας ένα διαδραστικό εικόνα σε Flash , αλλά μπορείτε να προσθέσετε πολλές διαφορετικές επιδράσεις στις δικές σας σχέδια .
Η
εικόνων