Πώς να φτιάξετε ένα κουμπί σε φλας

Πίνακας περιεχομένων:

Πώς να φτιάξετε ένα κουμπί σε φλας
Πώς να φτιάξετε ένα κουμπί σε φλας

Βίντεο: Πώς να φτιάξετε ένα κουμπί σε φλας

Βίντεο: Πώς να φτιάξετε ένα κουμπί σε φλας
Βίντεο: Παιδιά Που Δεν Θα Πιστεύετε Πως Υπάρχουν!? | marioTUBE 2024, Νοέμβριος
Anonim

Οι τεχνολογίες Flash είναι πανταχού παρούσες στους ιστότοπους του Διαδικτύου σήμερα, και ακόμη και οι επίδοξοι webmaster προσπαθούν να προσθέσουν στοιχεία flash στον ιστότοπό τους. Για παράδειγμα, ο σχεδιασμός μενού που χρησιμοποιεί αυτήν την τεχνολογία θα είναι λειτουργικός και όμορφος. Για παράδειγμα, θα περιγράψουμε πώς να φτιάξετε ένα βολικό κουμπί flash στο Adobe Flash CS4 που μπορεί να τοποθετηθεί στον ιστότοπό σας και να φτιάξετε ένα μπλοκ μενού με βάση τέτοια κουμπιά.

Πώς να φτιάξετε ένα κουμπί σε φλας
Πώς να φτιάξετε ένα κουμπί σε φλας

Οδηγίες

Βήμα 1

Προετοιμάστε δύο γραφικά αρχεία με εικόνα φόντου από κουμπιά χωρίς κείμενο σε μορφή Jpg, που διαφέρει σε μερικά χρωματικά τμήματα. Στη συνέχεια, ανοίξτε το Adobe Flash, δημιουργήστε ένα νέο έγγραφο και επιλέξτε Action Script 2.0 από τη λίστα.

Βήμα 2

Ανοίξτε την ενότητα ρυθμίσεων και ορίστε το πλάτος στα 273 εικονοστοιχεία και το ύψος στα 54 εικονοστοιχεία. Κάντε κλικ στο κουμπί Εισαγωγή στο μενού Αρχείο και επιλέξτε Εισαγωγή στη βιβλιοθήκη για να εισαγάγετε τις δύο εικόνες που αποδίδονται στη βιβλιοθήκη δεδομένων.

Βήμα 3

Σύρετε τις ληφθείσες εικόνες στην περιοχή εργασίας, πατήστε F8, μετονομάστε μία από τις εικόνες και στην ενότητα Τύπος επιλέξτε Movie Clip.

Βήμα 4

Στη συνέχεια, σύρετε τη δεύτερη εικόνα στην περιοχή εργασίας, μετονομάστε την και καθορίστε την ίδια παράμετρο στην ενότητα Τύπος.

Βήμα 5

Σε κάθε κουμπί, πληκτρολογήστε το κείμενο που θέλετε και πατήστε Ctrl + F8 για να δημιουργήσετε ένα νέο κουμπί. Θα ανοίξει το παράθυρο New Symbol. Δώστε το όνομα του μελλοντικού κουμπιού και επιλέξτε τον τύπο κουμπιού. Αντιγράψτε την πρώτη επεξεργασμένη εικόνα παραπάνω στην περιοχή εργασίας του κουμπιού κλιπ ταινίας που δημιουργήθηκε.

Βήμα 6

Δημιουργήστε ένα νέο κλιπ ταινίας, πατώντας επίσης Ctrl + F8 και αντιγράψτε το αποτέλεσμα στην περιοχή εργασίας. Δημιουργήστε ένα νέο επίπεδο και αντιγράψτε το κλιπ ταινίας με τη δεύτερη εικόνα.

Βήμα 7

Στο πρώτο επίπεδο, δημιουργήστε ένα πλαίσιο κάνοντας ένα βήμα πίσω και επιλέγοντας την επιλογή Εισαγωγή πλαισίου από το μενού δεξιού κλικ. Επαναλάβετε το ίδιο στο επόμενο επίπεδο επιλέγοντας Insert Key Frame από το μενού περιβάλλοντος. Επιλέξτε το δημιουργημένο βασικό καρέ και ανοίξτε τις ρυθμίσεις του.

Βήμα 8

Στην ενότητα Color Effect, επιλέξτε Style Alpha και ορίστε την τιμή στο 0%. Στο πρώτο πλαίσιο του ίδιου επιπέδου, ορίστε την τιμή σε Classic Motion Tween.

Βήμα 9

Στο Stage, επιλέξτε το αντικείμενο του κουμπιού και ανοίξτε το Actions. Επικολλήστε τον ακόλουθο κώδικα στο δωρεάν πεδίο: on (release) {

getURL ("aboutme.htm", "_self", "GET");

}

Βήμα 10

Στις ρυθμίσεις, δώστε στο κουμπί το επιθυμητό όνομα. Επιστρέψτε στην πρώτη σκηνή και αντιγράψτε το κλιπ ταινίας, επιλέξτε το και ανοίξτε ξανά τις Ενέργειες. Εισαγάγετε έναν άλλο κωδικό όπου sim_btn είναι το όνομα του κουμπιού σας: onClipEvent (enterFrame) {

αν (πάει) {

nextFrame ();

} αλλιώς {

prevFrame ();

}

}

onClipEvent (φόρτωση) {

var go;

να σταματήσει ();

sim_btn.onRollOver = συνάρτηση () {

go = αλήθεια;

};

sim_btn.onRollOut = συνάρτηση () {

go = false;

};

}

Βήμα 11

Εξαγωγή του κουμπιού επιλέγοντας Εξαγωγή ταινίας από το μενού Αρχείο.

Συνιστάται: