Image Transition with Adobe Flash CS4 Part 3

Animation Flash CS4

Tutorial by The Mixer from adobeflashtutorial

This is the third part of the tutorial. Here you will learn to do the rest of the animations. Also learn how to transform a layer mask.

Step 21

Insert a third layer, drag from the Library here the symbol picture 3, and put this image coordinates X: 0.0 Y: 0.0. As was done in step 14.
Follow step 15 to insert keyframes in the # 77, # 82, # 112 and # 116.
After modifying the frames of the # 77 and # 116 as was done in steps 16 and 17.
Then follow steps 18 and 19 to insert the animation frames # 77 and # 112.

Step 22

Insert a fourth layer, drag from the Library here the symbol picture 4, and put this image coordinates X: 0.0 Y: 0.0. As was done in step 14.
Follow step 15 to insert keyframes in the # 115, # 120, # 150 and # 154.
After modifying the frames of the # 115 and # 154 as was done in steps 16 and 17.
Then follow steps 18 and 19 to insert the animation frames # 115 and # 150.

Step 23

Insert a fifth layer, drag from the Library here the symbol picture 5, and put this image coordinates X: 0.0 Y: 0.0. As was done in step 14.
Follow step 15 to insert keyframes in the # 153, # 158, # 188 and # 192.
After modifying the frames of the # 153 and # 192 as was done in steps 16 and 17.
Then follow steps 18 and 19 to insert the animation frames # 153 and # 188.

Step 24

Insert a sixth and final layer, drag from the Library here the symbol picture 6, and put this image coordinates X: 0.0 Y: 0.0. As was done in step 14.
Follow step 15 to insert keyframes in the # 191, # 196, # 226 and # 230.
After modifying the frames of the # 191 and # 230 as was done in steps 16 and 17.
Then follow steps 18 and 19 to insert the animation frames # 191 and # 226.

Step 25

Return to the Scene, change of name to the bg layer.
Note, do not make this step, open the Library panel and drag the image with the logo of a TV.

Step 26

Insert a second Layer put the name of images.
Open the library panel and drag the icon animation.
Put the symbol in coordinates X: 23.3 Y: 21.3.

Step 27

Insert a third layer and name it rectangle.
Select the Rectangle tool (R).
Draw a rectangle of dimensions 472.6 * 267.1 pixels.
Put the rectangle in coordinates X: 23.3 Y: 21.3.

Step 28

Select the rectangle layer, click with right mouse button.
In the submenu select Mask.

At the end you have a timeline like the one below.
With this step is completed the tutorial, WELL DONE.

Step 29

Only remains pressing Ctrl. + enter to visualize as is the color interpolation. Questions, comments, suggestions, etc. will gladly attend the shortest possible time.

Go to part 1

Go to part 2

View swf movie