Tutorial: Animation Movie Clip	Home • Tutorials • Forum • Webwasp Members • Templates • Mates • Food • Contact

Flash Tutorial: Animation - Lithium Atom

Free Flash Tutorial

Step Five : Creating the Atom Movie Clip

1. Go to: Insert > New Symbol (Ctrl F8)
2. Mane the new symbol: mc_atom
3. For Behavior select: Movie Clip
4. Click: OK
   
5. Create the following layers:
   
   
   Your Layers should be look like this.
   
   
6. In Frame 1 of the Nucleus layer, place an instance of the clip: mc_nucleus
7. Open the Align Panel: Window > Design Panels > Align (Ctrl K)
8. Center the mc_nucleus to the Stage: Centre
   
9. In Frame 1 of the Ball1 layer, place an instance of the clip: mc_revolving_electron
10. Center the mc_revolving_electron to the Stage: Centre
    
    
    Electron centred and Nucleus centred.
    
    
11. In the Property Inspector give it an Instance Name it: ball1
    
    
    The symbol mc_revolving_electron has the Instance name: ball1
    
    
12. In Frame 1 of the Nucleus Layer select: mc_nucleus
13. Go to: Edit > Copy
    
    
14. Select Frame 1 of the Mask1 Layer
15. Draw a circle about twice the size of the nucleus: Draw a Circle
16. Delete the circles: Stroke (outline)
17. Select a: Plain Fill Colour
18. Centre the circle around the: Nucleus
    
    
19. Still in Frame 1 of the Mask1 Layer and go to : Edit > Paste in Place (Ctrl+Shift+V)

Note: You should still have the mc_nucleus symbol in the computers memory.

20. Go to: Modify > Break Apart
21. Delete the: Nucleus

Note: You should be left with a donut that fits visually exactly around the nucleus clip shown on the nucleus layer.


The blue is my circle on the Mask 1 layer. With the hole cut in it you can see the nucleus below.


22. Select the paint Brush:
23. Select any new: Fill Colour

Note: I selected a Pink:

24. Use your brush tool to roughly paint over the path the electron takes as it passes over the nucleus. Make sure the width of the blob you paint is a little thicker than the diameter of the electron:
    
    
    
    I have painted the pink along the electrons path
    
    
25. Right click on the Mask 1 Layer Name and Select: Mask
    
    
26. Select the Layer: Ball 2
27. Drag out of the Library another copy of: mc_revolving_electron
28. In the Property Inspector give it an Instance Name: ball2
29. Using the Align Panel centre the Symbol to the Stage: Centre
30. Open the Transform Panel: Window > Design Panels > Transform
31. Rotate the mc_revolving_electron by: 60°
    
    
32. Select the Layer: Ball 3
33. Drag out of the Library another copy of: mc_revolving_electron
34. In the Property Inspector give it an Instance Name: ball3
35. Using the Align Panel centre the Symbol to the Stage: Centre
36. Open the Transform Panel: Window > Design Panels > Transform
37. Rotate the mc_revolving_electron by: -60°
    
    The idea is to get three electrons aligned like this
    
    
    Three electrons rotated, one by 60° and one by -60°.
    
    
38. Unlock the Layer: Mask 1
39. Lock all other Layers:
40. Go to: Edit > Select All (Ctrl + A)

Note: This should select the Mask in Layer 1.

41. Go to: Edit > Copy (Ctrl + C)
42. Unlock the Layer: Mask 2
43. Go to Frame 1 in Layer: Mask 2
44. Go to: Edit > Paste in Place (Crt + Shift + V)
45. Using the Transform Panel rotate the Mask by: 60°
46. Right click on the Mask 2 Layer Name and select: Mask
    
    
47. Unlock the Layer: Mask 3
48. Go to Frame 1 in Layer: Mask 3
49. Go to: Edit > Paste in Place (Ctrl + Shift + V)
50. Using the Transform Panel rotate the Mask by: -60°
51. Right click on the Mask 3 Layer Name and select: Mask
    
    
    
    The Layers should be stacked like this after masking.
    
    
52. In Frame 1 of the Actions layer, place the following code:

    ball1.gotoAndPlay(1);
    ball2.gotoAndPlay(8);
    ball3.gotoAndPlay(15);

    Note: This will stagger the beginning frames and positions of the electrons so that the electrons do not run in the same position.

Webwasp is Phil Schulz's baby. You are welcome to contact me or become my Facebook friend: Click here