Cool Flash Tutorials Επιπτώσεις!

Περίληψη

Σε αυτό το σεμινάριο θα μάθετε πώς να δημιουργήσετε ένα slideshow, το οποίο έχει ένα τρεμούλιασμα / fuzz / broken τηλεόραση μετάβαση μεταξύ των εικόνων.

Εδώ το τελικό αποτέλεσμα:

Απαιτήσεις

Flash 8, Flash CS3 ή Flash CS4.
3 εικόνες (στην προκειμένη περίπτωση 550 × 400, εικόνες διαθέσιμες στο φροντιστήριο αρχείο zip)

Σημείωση: Τα στιγμιότυπα σε αυτό το σεμινάριο είναι κατασκευασμένα με το Flash CS3. Λειτουργεί ακριβώς το ίδιο σε Flash 8 ή Flash CS4. Αυτό το σεμινάριο είναι ActionScript 2 (αν και δεν ActionScript απαιτείται).

Βήμα 1 - Εγκατάσταση του στοιχείου αποτέλεσμα

Κατεβάστε την τηλεόραση Fuzz Effect εδώ. Παρακαλούμε ακολουθήστε τις οδηγίες εγκατάστασης και σύρετε το στοιχείο από τον πίνακα συνιστώσα στην βιβλιοθήκη του. Fla αρχείο σας.

Βήμα 2 - Εισαγωγή εικόνων

Εισαγωγής και οι τρεις εικόνες "Αρχείο" -> "Εισαγωγή" -> "Εισαγωγή στην Βιβλιοθήκη ...".

Βήμα 3 - Μετατροπή εικόνες σε Movieclip

Δημιουργήστε ένα νέο Movieclip [πατήστε το πλήκτρο Ctrl-F8] ή "Εισαγωγή" -> "Νέο Symbol ...", το όνομα "image01" και να θέσει την πρώτη εικόνα στο πρώτο καρέ του παρόντος Movieclip. Επαναλάβετε αυτό το βήμα για τις άλλες εικόνες, εκείνες όνομα Movieclips "image02" και "image03". BTW, η ονομασία είναι δική σας.

Βήμα 4 - Δημιουργία πρώτη μετάβαση

Κάντε κλικ στο "Scene 1" για να πάρει πίσω στην κύρια λωρίδα χρόνου.

Μετονομάστε το ήδη υπάρχον στρώμα να "img01". Δημιουργήστε την πιο στρώμα και το όνομα τους "img02" και "transition01". Και πάλι η ονοματοδοσία είναι μόνο για μια καλύτερη εικόνα. Μπορείτε να επιλέξετε άλλα ονόματα, αν θέλετε.

Σύρετε τα δύο πρώτα Movieclips εικόνα από τη βιβλιοθήκη με το αντίστοιχο στρώμα.

Κάντε κλικ στο πρώτο καρέ του στρώματος "transition01". Σύρετε το στοιχείο τηλεόραση Επίδραση Fuzz από τη βιβλιοθήκη σας στη σκηνή. Η συνιστώσα θα αυτόματα θραύση στην επάνω αριστερή γωνία της Movieclip σας.

Για κάθε κλικ στρώμα σε 50 καρέ και να δημιουργήσει ένα πλαίσιο [πιέζω F5] ή κάντε δεξί κλικ και "Εισαγωγή Frame".

Είναι σημαντικό να δώσουμε τα ονόματα παράδειγμα εικόνας Movieclips, αλλιώς το αποτέλεσμα συνιστώσα είναι σε θέση να τα εντοπίσει. Κάντε κλικ στην εικόνα Movieclip ένας-ένας και να δώσει τα ονόματα παράδειγμα, στην περίπτωση αυτή "image01" και "image02" (μπορείτε να επιλέξετε ένα διαφορετικό όνομα αν θέλετε).

Κάντε κλικ στην τηλεόραση Fuzz Επίδραση στη σκηνή και να ανοίξει το πάνελ επιθεωρητής συνιστώσα [πατήστε το πλήκτρο SHIFT-F7] ή "Παράθυρο" -> "Component Inspector". Όλα Movieclips με τα ονόματα παράδειγμα σε αυτό το πλαίσιο παρατίθενται στην ενότητα "Έναρξη Movieclip" και "End Movieclip" επιλέξτε λίστα. Επιλέξτε "image01" ως "Start Movieclip" και "image02" ως "End Movieclip".

Εξαγωγή του φλας ταινία [πατήστε το πλήκτρο Ctrl-ENTER] ή "Διοίκηση" -> "Test Movie". Η μετάβαση θα είναι από την πρώτη εικόνα για το δεύτερο.

Βήμα 5 - Προσθήκη δεύτερο μετάβαση

Δημιουργία τρία στρώμα και το όνομα τους "img03", "img04" και "transition02".

Με κάθε κλικ στο πλαίσιο στρώμα 51 (το ένα πλαίσιο μετά το προηγούμενο της μεταβατικής περιόδου) και να συμπεριληφθεί ένα keyframes [F6 Τύπου] ή κάντε δεξί κλικ και "Εισαγωγή Frame".

Θα επαναχρησιμοποίηση δεύτερη εικόνας Movieclip, δεδομένου ότι η δεύτερη μετάβασης θα πρέπει να ξεκινήσει με αυτό. Κάντε κλικ στο μόλις δημιουργήσατε keyframe για τη στιβάδα του "img03" και σύρετε το Movieclip "image02" από τη βιβλιοθήκη στη σκηνή. Κάντε κλικ στο μόλις δημιουργήθηκε keyframe σε στρώμα "img04" και σύρετε το Movieclip "image03" από τη βιβλιοθήκη στη σκηνή.

Τώρα που τα ονόματα παράδειγμα αυτής της εικόνας Movieclips να "image03" και "image04".

Είναι λίγο συγχέοντας για τη στρώμα και τα ονόματα παράδειγμα έναν αριθμό μέχρι τότε το αρχικό όνομα Movieclip. Αλλά για την καλύτερη εποπτεία και να διατηρήσει τον αριθμό των δυνητικών σφαλμάτων χαμηλά, είναι καλύτερα για τη θεραπεία των Movieclips της δεύτερης μεταβατικής ως εντελώς νέο Movieclips.

Επιλέξτε το στρώμα "transition02" και σύρετε το στοιχείο από τη βιβλιοθήκη σας πάνω στη σκηνή. Και πάλι, η συνιστώσα θα θραύση αυτόματα.

Κάντε κλικ στο στοιχείο στη σκηνή, ανοίξτε το πάνελ επιθεωρητής συνιστώσα και επιλέξτε "image03" ως "Start Movieclip" και "image04" ως "End Movieclip".

Για τα τρία νέα στρώμα δημιουργήσει ένα πλαίσιο στο πλαίσιο 100 [πατήστε το πλήκτρο F5] ή κάντε δεξί κλικ και "Εισαγωγή Frame".

Κατά την εξαγωγή ταινία φλας σας τώρα, βλέπετε ότι και οι δύο μετάβαση εμφανίζονται πριν από την ταινία είναι lopped.

Βήμα 6 - Προσθήκη παύση μεταξύ των δύο μεταβάσεις εικόνας

Να έχουν λίγο περισσότερο χρόνο μεταξύ των μεταβάσεων εγκαταλείψουν το keyframes του στρώματος "img01" και "transition01" άθικτη. Παρατείνει τη διάρκεια της στιβάδας του "img02" (η εικόνα την οποία η μετάβαση τελειώνει με) με την προσθήκη ενός πλαισίου στο πλαίσιο 80 [πατήστε το πλήκτρο F5] ή κάντε δεξί κλικ και "Εισαγωγή Frame".

Τώρα επιλέξτε το σύνολο μπλοκ της δεύτερης μεταβατικής (μπορείτε, έτσι ώστε πατώντας το πλαίσιο 51 του "transition01" και με πατημένο το πλήκτρο SHIFT Key κλικ πλαίσιο του 100 "img04") και να μετακινήσετε το μπλοκ τρύπα στο πλαίσιο 81.

Μπορείτε να κάνετε το ίδιο για τη δεύτερη μετάβαση.

Λήψη

Κάντε κλικ εδώ για να κατεβάσετε το. Fla από αυτό το σεμινάριο. Σημείωση: Η. Fla περιλαμβάνει τη δοκιμαστική έκδοση του στοιχείου αποτέλεσμα, το οποίο θα λειτουργήσει μόνο στον Flash IDE (Flash 8, Flash CS3 ή Flash CS4), αλλά δεν είναι μέσα στο πρόγραμμα περιήγησης.

Μπορείτε επίσης να κατεβάσετε την τηλεόραση Fuzz Effect εδώ.

Εδώ μπορείτε να βρείτε ένα τηλεοπτικό σεμινάριο για το πώς να εφαρμόσουν ένα διαφορετικό αποτέλεσμα.