Tutorial: Flash Animation - Nuclear Atom	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Free Flash Tutorial - Atomic Animation

Free Tutorial

Step Two: Creating the Electron Movie Clip and the Rings

The Ellipse

1. Select the ellipse tool from the toolbar:
2. On the Main Stage draw an: Ellipse
3. Single click in the centre of the ellipse: Delete Fill
4. If the Property Inspector is closed, open it: Window > Properties (Ctrl F3)
5. Click on the stroke (outline) of the ellipse and resize: 192 wide x 61 high
6. For Width select: Hairline
7. Select the Eraser tool
8. Make a very small gap at the top:
   
   
   Note the small gap at the top of the ellipse.
   
   
9. Return to the Selection tool:
10. Right click (Mac: Ctrl click) on the ellipse and select: Convert to Symbol
11. For Name type: Electron Ring
12. For Behavior select: Movie Clip
13. For Registration select top centre:
14. Click: OK
15. Right Click on you new Movie Clip and select: Edit

Note: This will take you inside the Movie Clip you just created. If the Edit Bar is closed, open it (Window> Toolbars > Edit Bar) and you will see the name of the new Movie Clip: Electron Ring



16. Create 2 extra layers by clicking on the Insert Layer button in the Timeline: (or Insert > Timeline > Layer)
17. Name the Layers as follows:
    
    
    Names of Layers inside the symbol: Electron Ring
    
    
18. Right click (Mac: Ctrl click) on the guide layer label select: Guide
    
    
    Note the Guide Layer Icon changes:
    
    
19. Attach the Electron Layer to the Guide Layer by dragging the Electron Layer just under the guide layer.
    
    
    The Guide Layer Icon has changed again:

Note: If you have not done this before it can be very tricky. You barley need to move the electron Layer at all. Just move it slightly up and to the left. The Electron Layer will attach itself to the Guide Layer. When you release the mouse after dragging the Electron layer, if the Guide icon has changed and a dashed line appears beneath guide Layer and Electron Layer is indented, then everything worked!

Now the ellipse that you drew needs a copy in the: Guide Layer

20. Select the: Ellipse
21. Go to: Edit > Copy (Ctrl C)
22. Select Frame 1 of the: Guide Layer
23. Go to: Edit > Place in Place (Ctrl Shift V)
    
    
    You should now see a black Keyframe (dot) in frame 1 of the Guide Layer.
    
    
24. In the Timeline urn off the visibility of the Guide Layer:
    
    
    Visibility of the Guide Layer has been turned off.
    
    
25. Select the Ellipse on the: Ring Layer
26. In the Properties Inspector change the line to: Solid
27. Set the thickness to: 3 pixels
28. With the Ellipse still selected go to: Modify > Shape > Convert Lines to Fills
29. Open the Color Mixer Panel: Window > Design Panels > Color Mixer (Shift F9)
30. Select a Green to Black transparent to Black transparent: Radial Gradient Fill
    
    
    A radial fill with three colours.
    
    • 1st colour is Green 90% Solid:     R = 0,   G = 255,   B = 0,   Alpha = 90%
    • 2nd colour is: Black Transparent: R = 0,   G = 0,       B = 0,   Alpha = 0%
    • 2nd colour is: Black Transparent: R = 0,   G = 0,       B = 0,   Alpha = 0%
      
      
      
31. Select the Fill Transform Tool:
32. Click on the: Ellipse
33. Drag the small circle in the centre so that it aligns front edge of the Ellipse:
    
    
    Central circle is in line with the front edge of the Ellipse.
    
    
34. Pull the Square right out to the left side:
    
    
    Square pulled right out to the left side.
    
    
    
    
    Your Ellipse should end up looking similar to this.