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

Περίληψη

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

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

Απαιτήσεις

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] ή "Εισαγωγή" -> "New Symbol ...", το όνομα «image01» και να θέσει την πρώτη εικόνα στο πρώτο πλαίσιο της παρούσας MovieClip. Επαναλάβετε αυτό το βήμα για τις άλλες εικόνες, το όνομα του εν λόγω Movieclips "image02" και "image03". BTW, η ονομασία είναι δική σας.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Download

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

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

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