Flash make beautiful beauty mask effect animation

First look at the demo effect:(The article finally provides the source code)

　　Production steps:

1. First choose a beautiful picture and then use Photoshop to pull out the beauty to adjust the edges to smooth

If there's no PNG original file here

2. Create a new flash document size according to your picture, I'm 440*600 frame speed is 40.

3. New MC1 named gradient make a 150*600 transition from light gray to transparent rectangular strip:

After doing well, delete in the scene.

4. Create a new "Zhezhao1" MC, open the MC to the first layer named "mm1" layer, draw a beautiful outline of the same gray figure and convert to a component I am here directly with CorelDRAW to do the coordinates of the guide in the position is x 0, y 0.

If there's no original file behind it,

5. Create a new "yuan1" layer to make a yellow small round element The first frame position in the background of X 180, y-15, insert a keyframe coordinates x 180 in frame 6th, and Y 160 to make a tween. And then insert Keyframe coordinates at frame 10th, x 180, Y 500 to make a tween.
Continue inserting keyframe coordinates at frame 14th is x 180, Y 510 to make the tween, in the 17th frame Insert Keyframe coordinate position is x 180, Y 506 make tween, insert key frame in frame 19th, insert keyframe in frame 22nd, enlarge the circle to 78*78 between 19 and 22 frames.

Insert keyframes at frame 31st to enlarge the circle to 154*154 between 22 and 31 frames to make a tween, so that when you drag to 125 frames, the animation of the keyframe is complete. Use the "Yuan1" layer to cover the "mm1" layer, do a few more rounds in the same way, but the second position starts at the 3rd frame. The third and 6th frames begin by analogy, and the position also has a change in the tempo of the circle. All layers end at 130 frames.

Okay, now we can look at the effect of this passage.

Next we will make this MC 2nd part, the new MC named "Strip", in the first frame of the "strip", make a 5-high 20 gray rectangle. 17th Frame Insert Keyframe To change rectangle length to 400 color to white, then do shape tween at frame 18th, convert rectangle to key frame, create a new layer Add As:stop () at 18 frames:

New MC named "Zhezhao2", built 30 layers of "strip" MC by the time of day and night appear disorderly placed in every layer inside
The "Long" MC is arranged in a row in order by ordinate, and at the top 39 frame plus as:stop ():

The "ZHEZHAO1" MC new two layers, the upper layer at the 75th frame dragged into the "mm1", the second layer in the 75th frame dragged into the "Zhezhao2", with "MM1" to cover the "Zhezhao2", a new layer in 131 frames plus as:stop ():

The next real mm appearance of the!~~~ when we let her have curves beautiful and endowed with dynamic and sense of rhythm.

Good, New MC "Zhezhao3", the MM cut into 60 pieces, about the production of slices, I was made in fireworks directly cut into 60 slices to 10 pixels for a unit to cut this more trouble, if you do not want to cut here have packaging files

Cut them in. Each piece is a layer (this step has to be patient to do) coordinates are set to (0,0)

Note that the MC "Zhezhao3" is in the MC "Zhezhao1" behind the play and the MC "Zhezhao1" altogether walked 130 frames, so the MC "Zhezhao3" to start from the 131th frame

In the first layer, convert the picture into a symbol, then frame 131th, insert the keyframe, 137th 142th also insert the keyframe at the 137th frame to set the picture's alpha to 0 coordinates ( -15,0)

Make a motion tween on these three frames, respectively.

The following layers, in turn, are done in the way above, but one at a time.

We can see the effect after the "Zhezhao3" is finished.

A new "AMC", the "Zhezhao1" MC and "Zhezhao3" MC respectively built two layers and then overlap put together remember to put just do the gray bar to put in and with the left line, and then "AMC" dragged to the main scene all OK! ~ ~ ~ ~

　　Click here to download the source files of the above three files