Assumed
knowledge: Creating Sprites
This tutorial is broken into two parts. The example above
demonstrates how this animation is constructed; below are
step-by-step instructions for creating this animation yourself.
You will need to download “cd.zip” to do the tutorial below,
as it includes the file “cd.swi“ used to create this animation.
To create this animation yourself. Open “cd.swi“.
1. Select "CD_1" sprite from the Timeline then select the
Transform Panel and change the sprite`s width and height dimensions
to 50%. Leave the uniform box checked.
2. Select Edit | Copy object.
3 Select the Scene 1 row and then select Edit | Paste object,
to create a second copy of the "CD_1" sprite.
4. Repeat step 2 to create two more copies of the "CD_1"
sprites. Make sure that you select the Scene 1 row in the
Timeline before pasting these to avoid pasting these sprites
inside each other.
After you have your four CDs, you will need to place them
an equal distance from each other. The easiest way to space
these is by creating a square and placing one at each corner.
5. Select the Rectangle/Square tool and Shift-drag to create
a square. Select Fill | None, and center the square on the
stage.
6. Drag each sprite to a corner of the square. When you
are satisfied with their placement, delete the square.
7. Select Edit | Select All and then Modify | Grouping |
Group as Sprite. You will be brought to the grouped Sprite's
Timeline.
8. Select Scene 1 from the Timeline to access the Main Timeline,
and select the Sprite Panel. Type "CDs" into the Name edit
box.
9. Press the Add Effect button and select Move from the
menu. In the Move Settings dialog, change the duration from
10 to 40, and change the Motion's X angle to Rotate CW by
and type 360 into the edit box. Leave the X =Y box for the
setting checked.
10. Select Modify | Grouping | Group as Sprite. Select Scene
1 from the Timeline to access the Main Tmeline, and select
the Sprite Panel. type "ROTATE_CDs" into the Name edit box.
11. Press the Add Effect button and select Move from the
menu. Change the Motion's X Scale to Resize to scale and type
50 into the edit box. Leave the X =Y box for the setting checked.
12. Press the Add Effect button and select Move from the
menu. This time change the Motion's X Scale to resize to 100%.
Again, leave the x =y box for the setting checked.
13. Select Modify | Grouping | Group as Sprite. Select Scene
1 from the Timeline to access the Main Timeline, and select
the Sprite Panel. type "SCALE_CDs" into the Name edit box.
14. Select Edit | Copy Object.
15. Select the Scene 1 row and then select Edit | Paste
object, to create a second copy of the "SCALE_CDs" sprite.
Repeat this step and create a third copy.
16. Drag one of the copies over to the right placing the
sprite's two left CDs over the center sprite's two right CDs.
Drag the second copy over to the left placing this sprites
left CDs directly over the center sprite's left CDs. when
placed correctly, you should only be able to view 8 CDs on
the stage.
17. Select Edit | Select All and then Modify | Grouping
| Group as Sprite. From the Sprite Panel. type "TRIPLE SKEW"
into the Name edit box.
18. Select the Transform Panel, uncheck the Uniform rotate
box and change the Y angle from 0 to 67 in the edit box. Note:
this is the bottom box next to the circular arrow pointing
clockwise.
19. Press the Add Effect button and select Move from the
menu. This time change the Motion's X Scale to Resize to 100%.
Leave the X =Y box for the setting checked.
You may want to look at the source of the "CD_1" sprite
as it is a complex animation itself, consisting of 11 shapes
within two masked sprites, grouped as a sprite.
