Flash Tutorials Home Flash Tutorials Tutorials Flash Tutorials Articles Flash Tutorials Resources Flash Tutorials Contact menu
 
RSS 2.0
Flash Tutorials, Articles and Resources Adobe Flash Tutorials
Adobe Flash Tutorials
Adobe Flash Tutorials

Preloader Flash CS4 with ActionScript 3.0 Part 1

Tutorial Adobe Flash CS4 ActionScript

Tutorial by The Mixer from adobeflashtutorial

This preloader including a bar that moves as it is loading the image it increases the size of this charger actionscript code also calculates the weight of the image or the content of the film.

Hello, the following tutorial will show you in detail how to design and program a flash loader. This tutorial is done in flash cs4 and applying actionscript 3.0 code. This charger will help you flash your movies they are posted on the web, have an animation before the movie to appear. On this occasion, try a design is not very complicated. For this magazine just have to make two movie clip then insert a few lines of actionscript code. You must be careful to insert the instance names for each of the movies clips as indicated in each of the images. In the last step you need to import an image to the scene. This charger including a bar that moves as it is loading the image it increases the size of this charger actionscript code also calculates the weight of the image or the content of the film.

Step 1

For best results you should do just fine this first step, when you insert a new document, select the Flash File (ActionScript 3.0).
If you select Flash File (ActionScript 2.0) code will not be compatible with the film and the charger did not work.

preloader-01.gif

Step 2

Then select the properties of the document Ctrl. + J.
The dimensions are 550 px width, 400 px high.
Use as background color # FFFFFF.
The Frame rate is 12 fps.

preloader-02.gif

Step 3

Create the first of two symbols Ctrl. + F8 which constituted the film.
Register as a name to this symbol preloader bar.
Select the Type option (Movie Clip).

preloader-03.gif

Step 4

Once you are located in the symbol set, select the Rectangle tool (R).
Select PROPERTIES panel, proceed to draw a rectangle with the following properties.
Delete the stroke color, place any fill color such as #32FFFF.
The dimensions of the vector form are: 315.0 px wide, 75.0 high px.
Finally put the figure vector coordinates X: 0.0 Y: 0.0.

preloader-04.gif

Step 5

Create the second Symbol Ctrl. + F8.
Put the name of the preloader.
Select the Type option (Movie Clip).

preloader-05.gif

Step 6

When you locate a new symbol, rename the layer of text. Then select the Text tool (T).
This text should be of type (Static Text).
Use as Text 60 pt size, text color #9900CC.
Place the text coordinates X: 0.0 Y: 0.0.

preloader-06.gif

Step 7

Select the text tool, then choose the option (Dynamic Text).
Insert a text field, the font size is 15 pt, font color #000000.
After placing an instance of name total_bytes.

preloader-07.gif

Step 8

Insert a second layer, and changing the name to the text up.
Hide the text layer, so that this layer does not interfere with the design of the new layer.
Select the text tool, and insert a Static Text.
The text properties are size 60 pt text, text color #0000FF.
Write the word Loading, and place it in coordinates X: 1.5 Y: 1.5.

preloader-08.gif

Step 9

Insert a new layer and change its name to the bar.
Open the Library panel Ctrl. + L.
Drag the symbol from the library preloader bar.

preloader-09.gif

Step 10

This step is very easy to do, simply select the symbol inserted and then open the Properties pane Ctrl. + F3.
Type the following name for the symbol instance preloader_bar.
Place the symbol on the coordinates X: 0.0 Y: 0.0.

Part 2

Register here to comment and rank Tutorials and Articles

 
spacer
Creativa Int Network: Arte Creativo - Club de Poesía - Creativa Int - Dominio Uruguay - Ecos Regionales
Entrepreneur Help - Foro Creativo - Futbol Paraguay - Hosting Creativa Int - Más Tutoriales - Adobe Flash Tutorials
Recetas de Cocina - Ruta Interior - Sólo Photoshop - Taller Webmaster - Travel México