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

Free Flash Tutorial - Atomic Animation

Free Tutorial

Step Eight: The Nucleus Spinners

You should still be inside the Atom Altogether MC.

1. Lock the Rings Layer:
2. On the Nucleus Spinners Layer draw a: Circle
3. Select the Stroke (outline) and press: Delete
4. Reselect the centre fill and size the circle: 40 x 40
5. Make a circular radial fill with the following properties:



From left to right, for the paint buckets:

1: #00FF00 at 100% alpha
2: #00E800 at 0% alpha
3: #00C000 at 0% alpha
4: #00E000 at 100% alpha
5: #007000 at 0% alpha
6: #000000 at 0% alpha

6. Right click on the Circle and select: Convert to Symbol
7. For Name type: Spinner
8. For Behavior select: Movie Clip
9. For Registration select: Bottom Left
10. Click: OK
11. Copy and Paste the Movie Clip twice so that you have a total of: Three Instances
12. Move the Movie clips so that they are in a similar position as below:
    
    
    Nuclear Spinners in place.
    
    Now we need to make them Spin !! To make sure they do not spin in parallel we will need to rotate two of the spinners around.
    
    
13. If the Transform Panel is closed, open it: Window > Design Panel > Transform (Ctrl T)
14. Select the: Top Left Spinner
15. In the Transform Panel for Rotation type: -120
    
    
    Top let spinner rotated around.
    
    
16. Select the: Bottom Right Spinner
17. In the Transform Panel for Rotation type: 120
    
    
    You should end up with something similar to this.
    
    
18. Select the: Top Right Spinner
19. Right Click and select: Edit
20. Select the circle that you drew earlier: Select Circle
21. Right click and select: Convert to Symbol
22. For Name type: Inner Glow
23. For Behavior select: Movie Clip
24. For Registration select: Bottom Left
25. Click: OK
26. Select the Free Transform Tool:
27. Move the Rotation Point from the centre to the bottom left:
    
         To here  ->   
    
    Move the rotation point from the Centre to the bottom left.
    
    
28. Return to the Selection tool:
29. In the Timeline select: Frame 1
30. In the Property Inspector select: Tween >Motion
31. Select Ease: 100
32. For Rotate select: CW x 2
    
    
    Timeline properties for Frame 1.
    
    
    
33. In the Timeline right click on Frame 100 and select: Insert keyframe
34. In the Property Inspector select Ease: -50
35. For Rotate select: CW x 2
    
    
    Timeline Properties for Frame 100.
    
    
36. In the Timeline right click on Frame 200 and select: Insert keyframe
37. On Frame 200 select the: Inner Glow MC
38. If the Transform Panel is closed, open it: Window > Design Panels > Transform (Ctrl T)
39. Set the size for both the width and height to: 5%
40. In the Property Inspector set the color to: Alpha 0%
41. Go back to: Frame 100
42. Set the color to: Alpha 90%
43. Return to: Frame 1
44. Select the: Inner Glow MC
45. Set the size for both the width and height to: 5%
46. In the Property Inspector set the color to: Alpha 0%
47. On your Keyboard press: Enter
    
    
    
    You should see something similar to the above animation.
    
    
48. Return to the Main Stage by clicking on the Scene 1 Tab:
49. Go to: Modify > Document
50. Set the background to: Black
51. If the Library is closed, open it: Window Library (F11)
52. Drag the Atom Altogether on the: Stage
53. Test you Movie: Control > Test Movie (Ctrl Enter)
    
    You should see something similar to this: