Flash - 5 OLYMPIC rings

Tutorial for making Olympic circular flash animation using Adobe Flash.

Tutorial for making Olympic circular flash animation using Adobe Flash.

1. Create a file with the parameters shown in Figure 1

Picture 1 of Flash - 5 OLYMPIC rings
Figure 1

2 Rename the layer to red, select the Oval Tool, remove the fill color, set the border color to red, draw a circle with the parameter W, H to be 100

Picture 2 of Flash - 5 OLYMPIC rings
Figure 2

3. Select View> Grid> Show Grid to make the 'grid' appear:

Picture 3 of Flash - 5 OLYMPIC rings
Figure 3

4 Similarly select View> Rulers to make the 'ruler' appear.

5. Click on Frame 1 of red layer and press F6 key on the keyboard 6 times to insert 6 KeyFrame:

Picture 4 of Flash - 5 OLYMPIC rings
Figure 4


6. Click on Frame 1 and use the Selection Tool to drag the rectangles and press the Delete key on the keyboard to delete most of the circle (Figure 5 illustrates Frame 2).

Picture 5 of Flash - 5 OLYMPIC rings
Figure 5

7. Do the same Step 6 for Frame 2, 3, 4, 5, 6. Note that we do not perform the delete operation at the last Frame.
8. Create a new layer named blue, click on Frame 7 of this layer and press F6 to insert a KeyFrame:

Picture 6 of Flash - 5 OLYMPIC rings
Figure 6

9. Using the Oval Tool draw a blue circle about the same size as the red circle and repeat the steps in Step 5 and 6.

Picture 7 of Flash - 5 OLYMPIC rings
Figure 7

10. Create yellow, green, and pink layers and do the same to get 3 yellow, green, and pink circles:

Picture 8 of Flash - 5 OLYMPIC rings
Figure 8

11. Create a new layer named text. Select the Text Tool, set the text to red, the font, the appropriate size, and select the center

Picture 9 of Flash - 5 OLYMPIC rings
Figure 9

12. Press F6 6 times to insert 6 KeyFrame, and then delete the same words as Step 5, 6

Picture 10 of Flash - 5 OLYMPIC rings
Figure 10

13. At Frame 44 (equal to the last frame of the text layer) of layers red, blue, yellow, green, pink, right-click and select Insert Frame

Picture 11 of Flash - 5 OLYMPIC rings
Figure 11

14. Press Ctrl + Enter to see the result, download the source file here.

You've just finished reading the article "Flash - 5 OLYMPIC rings" edited by the TipsMake team. You can save flash-5-olympic-rings.pdf to your computer here to read later or print it out. We hope this article has provided you with many useful tech tips and tricks. You can search for similar articles on tips and guides. Thank you for reading and for following us regularly.

« PREV : Flash - Water drop...
Flash - Simulating... : NEXT »