Animation Flash CS4
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.
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.
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.
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.
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.
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.
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.
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.
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.
Image Transition with Adobe Flash CS4 Part-1
Image Transition with Adobe Flash CS4 Part-2
