Featured FLA
» Author: Nitin Tikhe
» Title: Cart
» Description: This Animation Tut is a fun and useful for kids below 15 years. Watch the Flag, Doors, Stick and Horse movements.
» More by Nitin Tikhe
Featured Site
» Posted in the Flash Kit Links section
» Title: Banana Swimwear
» Description: This is a banana swim wear interactive catalog we designed and animated in Flash
If you donot see the library window, click on the show library button in
the bottom-right part of the Flash window.
You will get the library window. Click on the New Symbol button in the bottom
left part of the library panel:
Now give the name as round and select behaviour as Graphic. Click Ok
Now click on the button by the side of the drop-down list in the lower left
of the flash window.
Now select 800% from that list.
This is the Zoom menu. You can use this to zoom in and out
of the movie. It can come in very handy.
Press the 'O' button to select the Oval tool. Now Click the Color Swatch
in the right side of the pencil icon under the colors tab:
Now click on the square button with a diagonal red line:
We did this because we are going to draw a circle. We donot
want any outline. So, we clicked in that button. Clicking this ensures that
no outline is drawn.
Also, change the fill color, the color swatch near the paint bucket-like
icon to white. This is present just below the color swatch we changed now.
click the white color.
Now, draw a circle. It can be any shape, any size, any place. We will change
all that now. Press 'V' to get the Arrow Tool. Now click on the circel you
just created to select it. Now look around the screen and see if you can find
any panel named Info. If you can't, click on the Show info button in the bottom
right of the flash window:
You will now get the Info Panel:
Now Change the value of the Field labeled 'W' and 'H' both to 3.5. Change
the value of the fields 'X' and 'Y' to 0.
Now take a good look at the small box in the left of the X and Y text boxes:
Many of you don't know what it is for. It can look in two ways: or .
You can switch between these two modes by clicking the box which is white.
You will also note that when you switch between these, the values of X and
Y will also change. The X and Y fields specify the X and Y co-ordinates of
the selected object. If this box is in the 1st position ,
then it means that the X and Y values of the selected object are with reference
to the upper-left most part of the selected object. If it is in the second
position, then it means that
the X and Y values are with reference to the center of the selected object.
Here we want to position the circle in the center of the stage. So, we need
only the second position.
<%brk%>
Now press 'Ctrl+F8' to create a new symbol. Enter the name as sg and select
Behaviour as Movieclip. Press OK
Now change the line to nil and fill color to white, by doing the same steps
as we did in steps 3 and 4 of the last page. Now Press 'R' to select the Rectangle
tool. Select the button Shown below:
Enter 1 for the Corner Field in the dialog that appears and click ok. Draw
a small rectangle that resembles this shape and size:
Press 'V' to select the Select tool. Click on the shape you created now
and open the info panel. Change the 'W' and 'H' values to 6.4 and 1.4 respectively.
Now give the values of 'X' and 'Y' to 0.
Now click Window menu - Panels - Fill to get the Fill
panel. Make sure that the rounded rectangle shape is selected.
In the Fill panel, select the drop down list and select the 'Linear Gradient'
option.
Select Window - Panels - Swatches to get the Swatches panel. Now
click on the swatch marked below:
Now click in the Fill panel, where the cursor is shown in the figure below:
After clicking, the panel will look like below:
Select Window - Panel - Mixer to show the mixer panel. Now move the fill
panel and the mixer panel near each other. Now click on the white box in the
fill panel:
Select the mixer panel and change the value of the Alpha text field to 0.
Now select the box in the middle in the Fill panel. Change the values in
the mixer panel as below:
R: 255
G: 255
B: 255
Alpha: 75
Select the box in the right of the fill panel. Change the values in the
mixer panel as below:
R: 255
G: 255
B: 255
Alpha: 100
Your fill panel must look like below:
<%Brk%>
Now Press 'Ctrl+F8' again to invoke the 'Create new Symbol' Dialog box.
Enter the name as spark and behaviour as MovieClip.
Click in the Insert Menu - Layer.
Click anywhere in the Library Panel. Now drag the movieclip 'sg' from the
library to the stage. Go to the info panel and change the 'X' and 'Y' values
to 6.3 and 0 respectively.
Click on Layer 1 in the Timeline. Drage the graphic 'Round' from the library
to the stage. Go to the info panel and change the 'X' and 'Y' values to 0.
In the timeline, move the vertical scroll bar so that you can see frame
number 60. Now place your cursor in the frame no. 60 of layer 2, click and
drag down to select the frames of both layers in frame 60 as shown below:
Press F5 to insert frames upto 60.
Now place the cursor over frame 43 of layer 1. Pressing the 'Ctrl' button,
click and drag till frame 60. Donot select the layer above. After selecting
it, press 'Del' key once to delete the contents of the frame.
In the grey area in the timeline of Layer 1, Right click and select 'Create
Motion tween'. Do the same for Layer 2 also.
Now click on the last frame of Layer 1 which is in the Blue-Violet Color.
Right-click it and Select 'Insert KeyFrame'. Do it for Layer 2 also.
Right-click Frame 17 in layer 1. Select 'Insert KeyFrame'. Do this in Frame
48 of Layer 2 also.
Now Click Window - Panels - Transforms to bring up the Transforms panel.
Click Window - Panels - Effect to bring up the effect panel.
Click on Frame 17 in layer 1. Select Advanced from the drop down list of
the Effect Panel. Enter the following values:
Red: -2
Green: 100
Blue: 100
Alpha: 100
Select Frame 42 of Layer 1. Select Advanced from the drop down list of the
Effect Panel. Enter the following values:
Red: -100
Green: -4
Blue: 100
Alpha: 0
Select the info Panel. Enter the W and H values as 1.
Select Frame 48 of Layer 2. Select Advanced from the drop down list of the
Effect Panel. Enter the following values:
Red: -2
Green: 100
Blue: 100
Alpha: 85
Select the Transform Panel. Enter the Width and Height values as 288.8% and
137.8% respectively.
Select the info panel and change the 'X' value to 335.
Select Frame 60 of Layer 2. Select Advanced from the drop down list of the
Effect Panel. Enter the following values:
Red: -100
Green: -4
Blue: 100
Alpha: 0
Select the Transform Panel. Enter the Width and Height values as 350% and
150% respectively.
Select the info panel and change the 'X' value to 500.
Select Frame 62 of Layer 1. Press F5 to create new frames. Now Right Click
Frame 61 of Layer 1 and select 'Insert Keyframe'. Do it for Frame 62 also.
If you cannot see the Frame Actions panel, click on the 'Show Actions' button
in the bottom-right of the Flash window. You can find it by the side of the
'Show Library' button you used first.
Now select Frame 61 of layer 1. In the Actions Panel, Click on the Arrow
at the top-right of the panel:
Select 'Expert Mode' from the menu that appears. Type the following in the
white space:
removeMovieClip(Me);
This is to tell that this movieclip must be removed after
it has completed playing. This ensures that there is no clogging of memory
space as there is going to be a minimum of 75 instances of the clip in the
movie at any given point.
Click Frame 62 and type the following code after converting the Actions
Panel to expert mode through the same method as above:
Tutorials Home
Tutorials » Interactivity
Interactive Sparks
or 
.
You can switch between these two modes by clicking the box which is white.
You will also note that when you switch between these, the values of X and
Y will also change. The X and Y fields specify the X and Y co-ordinates of
the selected object. If this box is in the 1st position 
