Flash Tutorials

Check also other great FlashTuning.net products by clicking the image below:

The goal for the following example is to create and test the symbols and functionality necessary for your component.

You can download the source FLA file used in this tutorial by clicking the link below:

DOWNLOAD THE SOURCE FLA FOR THIS TUTORIAL

The steps presented in this tutorial for the component creation are available when creating a component for Flash Mx2004 to Flash CS3, ActionScript 2.0. For Flash CS3, ActionScript 3.0 the general steps are the same only the syntax is different. We will convert the Progress Bar AS 2.0 future component (how to achieve the component file (SWC) will be presesented in the Build a Flash component - Part 2 tutorial) to an AS 3.0 compatible component (available in the Build a Flash component - Part 3 tutorial).

1. Start Adobe Flash, open a new document and set a 30 fps in the Document Properties Panel.

2. Create a new folder in your library and name it Progress Bar Assets. Here will be placed all the necessary Movie Clip symbols for your component.

3. Create two sub folders. Name the first sub folder Progress Bar and the second one Track.

4. Next draw three graphic objects (using the Rectangle Tool) on the stage and convert them to Movie Clips. For the first graphic object draw a 5x15px rectangle, select the newly created shape and from the top menu select Modify / Convert to Symbol. Your settings should look like in the following image:

5. For the second graphic object draw a 5x15px rectangle, select the newly created shape and from the top menu select Modify / Convert to Symbol. Your settings should look like in the following image:

6. Repeat step 5 and create the TrackRightEnd symbol.

7. Repeat step 4 to step 6 and create the ProgressBarLeftEnd, ProgressBarBody and ProgressBarRightEnd symbols. Place all the symbols in their corresponding folders, like in the following picture:

Check also other great FlashTuning.net products by clicking the image below: