First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing! | Flash Jobs
Search tutorials
Author: V. Ramraj | Website: http://www.geocities.com/ramraj_1999
  1. 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
  2. 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.
  3. 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.
  4. 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.
  5. 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%>
  1. Now press 'Ctrl+F8' to create a new symbol. Enter the name as sg and select Behaviour as Movieclip. Press OK
  2. 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:
  3. 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.
  4. Now click Window menu - Panels - Fill to get the Fill panel. Make sure that the rounded rectangle shape is selected.
  5. In the Fill panel, select the drop down list and select the 'Linear Gradient' option.
  6. Select Window - Panels - Swatches to get the Swatches panel. Now click on the swatch marked below:
  7. Now click in the Fill panel, where the cursor is shown in the figure below:

    After clicking, the panel will look like below:
  8. 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.
  9. 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
  10. 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
  11. Your fill panel must look like below:
<%Brk%>
  1. Now Press 'Ctrl+F8' again to invoke the 'Create new Symbol' Dialog box. Enter the name as spark and behaviour as MovieClip.
  2. Click in the Insert Menu - Layer.
  3. 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.
  4. 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.
  5. 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:
  6. Press F5 to insert frames upto 60.
  7. 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.
  8. In the grey area in the timeline of Layer 1, Right click and select 'Create Motion tween'. Do the same for Layer 2 also.
  9. 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.
  10. Right-click Frame 17 in layer 1. Select 'Insert KeyFrame'. Do this in Frame 48 of Layer 2 also.
  11. Now Click Window - Panels - Transforms to bring up the Transforms panel. Click Window - Panels - Effect to bring up the effect panel.
  12. 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
  13. 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.
  14. 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.
  15. 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.
  16. 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.
  17. 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.
  18. 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.
  19. Click Frame 62 and type the following code after converting the Actions Panel to expert mode through the same method as above:
    stop();
» Level Intermediate

Added: 2003-04-03
Rating: 8 Votes: 46
(10 being the highest)
» Author
Living in India, going to High school. What else?
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!

Comments

  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.