Περίληψη

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

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


Απαιτήσεις

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

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

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

Αγοράζουν το εφέ μετάβασης Shuffle . Παρακαλούμε ακολουθήστε τις οδηγίες εγκατάστασης και σύρετε το στοιχείο από το στοιχείο πίνακα στη βιβλιοθήκη του δικού σας. FLA αρχείο.

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

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

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

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

Επιλέξτε την πρώτη εικόνα και να το μετατρέψει σε] 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" θα πρέπει να επιλέγονται.

Ελέγξτε αν my_image_01 έχει οριστεί ως Αρχή MovieClip

Όλα τα Movieclips με τα ονόματα παράδειγμα σε αυτό το πλαίσιο που περιλαμβάνονται στο "Start MovieClip" και "End MovieClip" επιλέξτε τον κατάλογο. Από τότε που έσυραν την επίδραση στην MovieClip "my_image_01", αυτή είναι η πρώτη MovieClip. Ως "End MovieClip" επιλέξτε "my_image_02". Αφήστε το άλλο ρύθμιση για τώρα.

Ορισμός my_image_02 ως End MovieClip

Βήμα 6 - Εξαγωγή

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

Αποτέλεσμα

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

Τώρα μπορείτε να παίξετε γύρω με τις παραμέτρους που πρέπει να προσαρμόσετε το αποτέλεσμα. Μπορείτε επίσης να χρησιμοποιήσετε αυτή την κατεύθυνση με την ActionScript. Βρείτε την πλήρη τεκμηρίωση εδώ .

Download

Κάντε κλικ εδώ για να κατεβάσετε το. FLA από αυτό το σεμινάριο. Σημείωση: Το αρχείο. Fla δεν περιλαμβάνει το συστατικό αποτέλεσμα. Για να καταστεί το έργο FLA, θα πρέπει να αγοράσει το Shuffle Πλακάκια Effect εδώ .

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

  • Μερίδιο / Bookmark