Flash tutorials
Home 3D (2) Actionscripting (65) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (52) Text Effects (38)

Human cry

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)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 221536

2. Water effect
Total views: 166041

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146247

Related links