Flash & Swish  Home Flash & Swish Swish Tutorials Wheel/Circle Animation
rss

Wheel/Circle Animation

Author: Zahra Kha More by this author


This is all about sprites and colour gradient.

I am going to explain this effect as easy as I can.

You can download source files here.

Compulsory Points:

(Sprites and colour gradient)

1. Frame rate must be "100".

2. The action that we'll use must be consists of "60" frames.

image 1

3. The "Bezier" tool must be used smoothly.

image 2

4. The number of sprite depend upon your effect but in this effect we'll use 2 sprites and the bezier tool must be used in one of these sprites.

image 3

Design:

Select the bezier tool and create a line and move it according to your idea.

Lets Start The Animation:

1. Convert this bezier shape or line into sprite and then convert this sprite into another sprite.Now you have 2 sprites.One for the shape effect and 2nd for the animation of the sprite.

2. Select this shape or line and put an effect of "move" now go into its properties and press the button "color",now select a colour that you want to fade in.

image 4

Then create this effect of"60"frames or whatever you want but the effect of "60" frames will be very smooth.

3. Now the 1st colour of the shape is fading and the new colour is appearing(that you have select) but if you want to put many colours then copy this action and paste at the next frame but right click on this action and go into its properties and select an other colour.

Now you have 2 colours but in this effect I have used 4 colours but its depend upon your choice.

The portion of the colour is complete now,close this sprite.

image 5

You have 2 sprite one that you have recently closed and another.

Real Animation:

1. Click on the 2nd sprite and put an action of "move",go to its properties and select "X Angle" the select "CCW" and log "360" in this blank.

image 6

2. Now the bezier is rotating but not decreasing so select the frame line(red line) and then select the bezier now make it small.

Log another effect an do the previous method but by selecting the bezier you have not to decrease it,you have to increase its size.

Now it is decreasing, increasing and rotating.

*= Close this sprite and copy it and paste it in the scene not in this sprite.

Paste these sprites line by line as this effect is.

About these tips!

The tips or the compulsory points on the starting of this tutorial are taken from another tutorial([SWiSH 2] Create a stunning effect ).



Author's URL: www.swish-db.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Wheel/Circle Animation"