Περίληψη

Σε αυτό το tutorial θα μάθετε πώς να δημιουργήσετε ένα εφέ μετάβασης pixelation όπου μία εικόνα "pixelates» στην άλλη. Μπορείτε να ορίσετε τη διάρκεια (σε πλαίσια) της μετάβασης. Δεν ActionScript απαιτείται, θα λειτουργήσει μόνο για χρονοδιάγραμμα και ρυθμίστε την παράμετρο του αποτελέσματος εντός της συνιστώσας επιθεωρητή.

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


Απαιτήσεις

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

Σημείωση: Οι εικόνες σε αυτό το σεμινάριο Οι υποβλήθηκε στο CS3 Flash. Δουλεύει ακριβώς το ίδιο με το Flash 8 και Flash CS4. Αυτό το σεμινάριο είναι ένα ActionScript 2 Έργο (το στοιχείο είναι επίσης διαθέσιμο ως AS3 έκδοση).

Βήμα 1 - Εγκαταστήστε το αποτέλεσμα συνιστώσα

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

Σύρετε συνιστώσα στην βιβλιοθήκη

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

Την εισαγωγή δύο εικόνες [πατήστε Ctrl-R] ή "Αρχείο" -> "Εισαγωγή" -> "Εισαγωγή στο Στάδιο ...".

Εισαγωγή εικόνων στο στάδιο

Επιλέξτε την frist εικόνας και η μετατροπή] MovieClip [πιέστε το πλήκτρο F8 ή δεξί κλικ πάνω στο MovieClip -> "Μετατροπή σε σύμβολο ...». Δώστε το MovieClip το όνομα "image1".

Μετατρέψτε πρώτη εικόνα για MovieClip

Ορίστε το όνομα της πρώτης εικόνας MovieClip

Επιλέξτε την δεύτερη εικόνα και να το μετατρέψει σε] MovieClip [πιέστε το πλήκτρο F8 ή δεξί κλικ πάνω στο MovieClip -> "Μετατροπή σε σύμβολο ...». Δώστε το MovieClip το όνομα "image2".

Μετατρέψτε δεύτερη εικόνα για να MovieClip

Ορίστε το όνομα του δεύτερου εικόνας MovieClip

Βήμα 3 - Καθορισμός όνομα εμφάνισης της εικόνας MovieClip

Δώστε το MovieClip της πρώτης εικόνας στο όνομα εμφάνισης "my_image_01" (Μπορείτε να επιλέξετε ένα διαφορετικό όνομα αν θέλετε. Βεβαιωθείτε ότι το όνομα είναι μοναδικό παράδειγμα). Χωρίς ένα όνομα εμφάνισης του στοιχείου είναι σε θέση να ανιχνεύσει τις MovieClip. Ορίστε το όνομα εμφάνισης για το δεύτερο MovieClip εικόνα για να "my_image_02".

Ορίστε το όνομα παράδειγμα της πρώτης εικόνας MovieClip

Ορίστε το όνομα παράδειγμα της δεύτερης εικόνας MovieClip

Βήμα 4 - Εφαρμόστε αποτελέσματα

Σύρετε το εξάρτημα από τη βιβλιοθήκη επάνω στο ανώτερο MovieClip. Η συνιστώσα αποτέλεσμα θα snap αυτόματα.

Σύρετε συνιστώσα πάνω MovieClip

Βήμα 5 - Προσαρμογή των ρυθμίσεων του αποτελέσματος

Κάντε κλικ στο στοιχείο και ανοίξτε το στοιχείο επιθεωρητής ομάδας [πιέστε τα πλήκτρα SHIFT-F7] ή "παράθυρο" -> "Το συστατικό Inspector". Στο "Start MovieClip" επιλέξτε τον κατάλογο, "my_image_01" θα πρέπει να επιλεγεί.

Στόχος Movieclips στο συστατικό επιθεωρητής

Όλα τα Movieclips με τα ονόματα παράδειγμα σε αυτό το πλαίσιο αναφέρεται στην ενότητα "Target MovieClip" επιλέξτε τον κατάλογο. Δεδομένου ότι έχετε draged την επίδραση στην MovieClip "my_image_01», αυτό είναι το frist MovieClip. Ως "End MovieClip" επιλέξτε "my_image_01". Αφήστε το άλλο ρύθμιση κενό για τώρα. Εξαγωγή του φλας ταινία τύπου [Ctrl-ENTER] ή "Command" -> "Test Movie" και θα δείτε ότι η μετάβαση εικόνα.

Αποτέλεσμα

Βήμα 6 - παιχνίδι!

Παίζουν με τις άλλες παραμέτρους εντός της συνιστώσας επιθεωρητή. Η τεκμηρίωση των ρυθμίσεων μπορούν να βρεθούν εδώ . Μπορείτε επίσης να χρησιμοποιήσετε αυτή την κατεύθυνση με την ActionScript.

Download

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

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

  • Μερίδιο / Bookmark