|
21.9.2006, 23:54 Total views: 41351
Have you ever seen someone who cry? Sadly, but have you ever want to know how to create that in flash? Probably yes! Don't worry, in this thoroughly explained, detailed lesson, I will show you how to create realistic human cry animation using some special flash tips and tricks and a little action script code. Using this lesson, you will also learn how to use instance name, how to convert any symbol into a Movie Clip Symbol and much more!
Example:
Step 1
Create a new flash document, press Ctrl+J on the keyboard (Document Properties) and set Width to 350 and Heigh to 263px. Frame rate set to 32fps (Frames per Second).
Step 2
After that, download my picture.
Step 3
Press Ctrl+R on the keyboard (Import to Stage), and Import my picture. Then, press Ctrl+K on the keyboard (Align Panel) and then click on Align to stage icon, after that on Align horizontal center and Align vertical center icon, to precisely center a picture with background. See the picture below!

Step 4
Double click on Layer 1 to rename its name into a background.
Step 5
Insert a new layer and name it tears.
Step 6
Copy, or create a "tear" like I have created in previous tutorial. After that, set your "tear" in this position:

Step 7
While your "tear" is still selected, press F8 on the keyboard (Convert to Symbol) to convert it into a Movie Clip.

Step 8
Open the Properties Panel (Ctrl+F3), and under type tears.

Step 9
Double click on a new made Movie Clip (tears) to go in its inside.
Step 10
While your "tear" is still selected, press again F8 on the keyboard to convert it again into a Movie Clip.
Step 11
Click on frame 9 and press F6 (Keyframe). After that take the Free Transform Tool (Q) and increase your "tears" a little.
Step 12
Then, go back on the first frame, take the Free Transform Tool (Q) and decrase your "tear". After that, open the Properties Panel, and under Color choose Alpha and set it on 0%.
#ads#

Step 13
Click on frame 10 and 11 and press F6 on the keyboard. See the picture below:

Step 14
Go back on frame 10, and using arrows key on the keyboard, move your "tear" a little right.
Step 15
Click on frame 35 and press F6. After that set your "tear" in this position:

Step 16
Click on frame 40 and press F6. After that set your "tear" in this position:

Step 17
After that open the Properties Panel (Ctrl+F3) and under Color choose Alpha and set it to 0%.
Step 18
Select Layer 1 and from Properties Panel under Tween choose Motion.


Step 19
Insert a new layer (Layer2).
Step 20
Click on frame 40, and press F6 (Keyframe).

Step 21
After that open the Action Script Panel (F9), and paste this script:
this. removeMovieClip();
Step 22
Go back on main scene (Scene1).

Step 23
Insert a new layer and name it Action.

Step 24
Click on the first frame of layer Action, open the Action Script Panel (F9), and paste this script:
_root.tears.onEnterFrame=function(){ mc=this.duplicateMovieClip("tears"+i,i); mc._x=random(800); mc._y=random(250); mc._xscale=mc._yscale=random(50)+50; i++; };
Test your Movie (Ctrl+Enter)
We're done!
Bye!
Download source file (.fla)
|
 |
|
|
|
Related links
|
 |
|