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

Περίληψη

Σε αυτό το tutorial θα μάθετε πώς να δημιουργήσετε μια αντανάκλαση του νερού, να εφαρμόσει σε ένα κινούμενο MovieClip.

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

Απαιτήσεις

Flash 8, Flash CS3 ή Flash CS4.

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

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

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

Βήμα 2 - Δημιουργήστε τη πάπια MovieClip

Εισαγωγής η πάπια εικόνα [πατήστε Ctrl-R] ή "Αρχείο" -> "Εισαγωγή" -> "Εισαγωγή στο Στάδιο ...". Βεβαιωθείτε ότι η πάπια εικόνα είναι ένα. Png με διαφανές φόντο.

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

Βήμα 3 - Δημιουργία MovieClip Animation

Δημιουργήστε ένα νέο MovieClip με πατήστε [Ctrl-F8] ή Εισαγωγή -> "New Symbol ...". Όνομα αυτό MovieClip "animation".

Σύρετε το πάπια MovieClip από τη βιβλιοθήκη σας προς το πρώτο καρέ στη λωρίδα χρόνου. Τώρα κάντε κλικ στο πλαίσιο 60 και να δημιουργήσετε ένα νέο keyframe [πλήκτρο F6] ή δεξί κλικ και "Εισαγωγή keyframe".

Κάντε κλικ στο νεοσυσταθείσα keyframe και επιλέξτε την πάπια MovieClip στον καμβά. Τώρα κίνηση αυτή MovieClip με τον κέρσορα κλειδί προς τα δεξιά (ας πούμε 100px). Μπορείτε να ελέγξετε τη νέα θέση στον πίνακα πληροφοριών.

Πηγαίνετε πίσω στο πρώτο keyframe του χρόνου. Στον πίνακα ακίνητο επιλέξτε Tween: "Motion". Εάν κάνετε κλικ κάπου στη γραμμή χρόνου τώρα, θα δείτε ότι η πάπια MovieClip κινείται από αριστερά προς τα δεξιά.

Βήμα 4 - Τοποθετείστε MovieClip animation σχετικά με τα κύρια λωρίδα χρόνου

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

Μετακινήστε το MovieClip κινουμένων σχεδίων από τη βιβλιοθήκη σας προς το πρώτο καρέ του χρόνου.

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

Βήμα 5 - Εφαρμογή συστατικό αποτέλεσμα

Δημιουργήστε ένα νέο στρώμα, επιλέξτε το πρώτο πλαίσιο και σύρετε το στοιχείο από τη βιβλιοθήκη σας επάνω στο MovieClip animation. Η συνιστώσα θα automatically snap.

Ρυθμίστε την παράμετρο του συστατικού στοιχείου στο εσωτερικό της ομάδας επιθεωρητής όπως στο screenshot. Όλες Movieclips με τα ονόματα που χάρη σε αυτό το πλαίσιο περιλαμβάνονται στο «Target MovieClip" επιλέξτε τον κατάλογο. Δεδομένου ότι έχετε μόνο ένα MovieClip, το στοιχείο που προϋποθέτει, ότι θέλετε να εφαρμόσετε την επίδραση στην MovieClip "animation_mc".

Σημείωση: Αυτές οι ρυθμίσεις εφαρμόζονται μόνο σε αυτήν την περίπτωση ένα από τα συστατικό αποτέλεσμα. Εάν λάβετε το στοιχείο σε άλλη MovieClip (κάπου αλλού στο εσωτερικό του. FLA ή σε ένα νέο έργο), πρέπει να ορίσετε τις ρυθμίσεις ξανά.

Τώρα εξαγωγή (πατήστε [Ctrl-ENTER], ή ...). Θα δείτε ότι ο επικεφαλής της πάπιας είναι κάπως κοπεί. Thats επειδή το στοιχείο έχει ακριβώς το μέγεθος της πάπιας MovieClip. Όμως, δεδομένου ότι το κύμα προβληματισμού θα αυξήσει το μέγεθος αυτό δεν θα χωράει πια.

Βήμα 6 - Ρυθμίστε animation MovieClip

Για να διορθώσετε αυτό, θα εισάγετε ένα αόρατο σχήμα στο παρασκήνιο της πάπιας MovieClip, τις οποίες το μέγεθος το MovieClip λίγο.

Να επιστρέψει στην πάπια MovieClip με διπλό κλικ στη βιβλιοθήκη σας.

Δημιουργήστε ένα νέο στρώμα κάτω από το στρώμα tween.

Επιλέξτε το εργαλείο ορθογωνίου και σχεδιάστε ένα σχήμα με το πλάτος της πάπιας. Το ύψος θα πρέπει να είναι λίγα pixel υψηλότερο από την πάπια (περίπου 10 pixel). Μπορεί να βοηθήσει να ρυθμίσετε το περίγραμμα εικονίδιο στη γραμμή χρόνου, για να δείτε μόνο τις διαστάσεις της εικόνας πάπια.

Με το σχήμα επιλεγεί ανοίξτε το πάνελ χρώμα και να ρυθμίσετε το άλφα στο 0.

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

Βήμα 6 - Προσθήκη εικόνων φόντου

Δημιουργήστε ένα νέο στρώμα κάτω από το στρώμα με κινούμενα σχέδια και συνιστώσα. Την εισαγωγή μιας εικόνας που να ταιριάζουν. Τώρα μπορείτε να αλλάξετε τη θέση του MovieClip animation για να καταστεί ταιριάζουν με το φόντο.

Download

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

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