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

Περίληψη

Σε αυτό το σεμινάριο θα μάθετε πώς να δημιουργήσετε μια αντανάκλαση του νερού, να εφαρμόσει σε κίνηση 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 - Δημιουργία Animation Movieclip

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

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

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

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

Βήμα 4 - Βάλτε Movieclip κινούμενα σχέδια για την κύρια timeline

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

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

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

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

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

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

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

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

Βήμα 6 - Προσαρμογή Movieclip animation

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

Πάρτε πίσω στο Movieclip πάπια με διπλό κλικ στη βιβλιοθήκη σας.

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

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

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

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

Βήμα 6 - Προσθήκη Ιστορικό εικόνας

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

Λήψη

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

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