ft0002-Nested Animation

In this tutorial, you will learn how to create a animated tyre in Flash.

1. Choose Oval Tool.

2. In the Properties panel, set the value of the Stroke slider to 26.

3. Create a circle in the Stage and set the value of W and H in the Properties panel to 137, refer to
Figure 1.

Figure 1

4. Select the fill of the circle using Selection Tool and press DELETE.

5. Select the stroke of the circle and choose the Stroke color swatch in the Properties panel; a flyout is displayed. In this flyout, choose the radial gradient swatch, refer to Figure 2.

Figure 2

6. Create a new layer in the Timeline panel. Drag this layer and place this layer below Layer 1. Select Line Tool from the Tools panel and then create the shape in Layer 2, as shown in Figure 3. Make sure that there is no gap between the stroke drawn.

Figure 3

7. Choose Paint Bucket Tool from the Tools panel and select the radial gradient swatch using the Fill color swatch in the Properties panel.

8. Click in the shape that you have created in the Stage; the gradient fill is applied. Double-click on the stroke of the shape in the Stage and press the DELETE key.

9. Select the fill using Selection Tool and choose the Color button to display the Color panel. In the Color panel, set the colors of the pointers of the gradient bar, as shown in Figure 4. 

Figure 4

10. Choose Gradient Transform Tool. Scale and position the gradient, refer to Figure 5. 

Figure 5

11. Create four copies of this shape and using Free transform Tool position them as shown in Figure 6.

Figure 6

12. Choose Selection Tool and marquee select all the copies of the shape. Next, drag and place them below the shape drawn in Layer 1, refer to Figure 7.

Figure 7

13. Marquee select all the elements in the Stage and press the F8 key; the Convert to symbol dialog box is displayed. Enter Tyre in the Name text box and select Movie clip from the type drop-down list and choose the OK button.

14. Double-click on the Tyre instance in the Stage;  the symbol editing mode is displayed. Select all the elements in the Stage and convert it into a movie clip symbol with the name Tyre_nested.

15. Right-click on frame 1 in the Timeline panel; a flyout is displayed. Choose the Create Motion Tween option from the flyout; the layer is converted into the motion tween layer, refer to Figure 8.

Figure 8

16. Place the playhead on frame 24 and click on the frame 24 and press the F6 key to insert a keyframe.

17. Click on any frame between 1 to 24. In the ROTATION area of the Properties panel, enter 2 in the Rotation text box.

18. Click on Scene 1. Right-click on frame 1 and choose the Create Motion Tween option from the flyout.

19. Place the playhead on frame 1 and select the Tyre instance in the Stage. In the POSITION AND SIZE area of the Properties panel, set the value of X to -95 and the value of Y to 312.

20. Place the playhead on frame 24 and select Tyre instance in the Stage. In the POSITION AND SIZE area of the Properties panel, set the value of X to 637 and the value of Y to 312.

21. Press CTRL+ENTER to preview the animation.