Flash W3C intro for Beginners

The following link points to the W3C schools resource section for flash: Intro to Flash W3schools is known the web over for encompassing all the most important web programming languages, standards, and innovations in one large encyclopedic style website. The intro to Flash covers all the basics a beginner would need: html knowledge, flash editing platform, web browser, server, etc. After reading the intro, W3Schools also has a wealth of Flash information for the intermediate and advanced developer, including animations tips, techniques, and methods. W3Schools is also very helpful for other programming languages, most notably HTML, XML, PHP, and many others. Enjoy!

Flash Tutorial - Boom Boom effect

In this easy tutorial made for Flash 8 I will show you how to create very attractive boom boom effect using the picture. You don”t have to use action script code to make this tutorial. You just have to use some special flash tips and tricks and mask. Let”s go!



Step 1

First of all, find any picture which you like to use for this tutorial. You can also if you like, save my picture.



Step 2

Open a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the dimensions of your document as the dimension of picture. Select white as background color and set your Flash movie”s frame rate to 45 fps. Then, click ok.



Step 3

Choose file > Import > Import to stage (Shortcut key: Ctrl+R) and import any picture into a flash stage.

Step 4

While the picture is still selected, press F8 key (Convert to Symbol) to convert this picture into a Movie Clip Symbol.



Step 5

While the new made movie clip is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



Step 6

Double click on layer 1 to rename its name into a picture1. Afte that, click on frame 10 and press F6 key.

Step 7

Go back on the first frame. take the Selection Tool (V) and click once on the picture (movie clip) to select it. fter that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Advanced on it, click on Settings button set the following options and click ok.



Step 8

Right-click anywhere on the gray area between frame 1 and frame 10 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 9

Create a new layer above the layer picture1 and name it mask1

Step 10

After that, take the Oval Tool (O) and draw a little circle like it is shown on the picture below.



While the circle is still selected, repeat step 5 to aligned it with the background.

Step 11

After that, while the circle is still selected, press Ctrl+G key (Group) to group a circle.

Step 12

Click on frame 10 of layer mask1 and press F6 key. After that, take the Free Transform Tool (Q) and enlarge the circle a little. See the picture below.



Step 13

Repeat step 8.

Step 14

Select mask1 area layer and convert it to a mask by right-clicking on the mask1 area layer and selecting Mask. See the picture below.



Step 15

Create a new layer above the layer mask 1 and name it picture2.

Step 16

After that, go on the first frame of layer picture 1 and press Ctrl+C key on the keyboard (Copy). Then, select frame 5 of layer picture2, press F6 key and after that Ctrl+Shift+V key (Paste in place).

Step 17

Select frame 15 of layer picture 2 and press again F6 key. Then, take the Selection Tool (V) and click once on the picture to select it. After that, go to the Properties Panel, and for Color menu choose None. See the picture below.



Step 18

Choose again right-click anywhere on the gray area between frame 5 and frame 15 on the timeline and choose Create Motion Tween from the menu that appears.

Step 19

Create a new layer above the layer picture2 and name it mask2.

Step 20

Go back on the first frame of layer mask1 and press F6 key. Then, select frame 5 of layer mask2, press F6 key and after that Ctrl+Shift+V key (Paste in place).

Step 21

Select now frame 15 of layer mask and press F6 key. Then, while the circle is still selected, take the Free Transform Tool (Q) and enlarge it a little more, if we compare it with the step 12.



Step 22

Repeat step 18.

Step 23

Now, repeat step 14.

with the first two example. Repeat this steps until you don”t fill with circle the all picture. After that, go back, decrease the circle until you don”t came to the end.

Have a nice day!

Download source file (.fla)

This file was encoded by the Zend Encoder / Zend SafeGuard Suite

In order to run it, please install the freely available Zend Optimizer, version 2.1.0 or later.

What is the Zend Optimizer?

The Zend Optimizer is one of the most popular PHP plugins for performance-improvement, and has been freely available since the early days of PHP 4. It improves performance by taking PHP's intermediate code through multiple Optimization Passes, which replace inefficient code patterns with efficient code blocks. The replacement code blocks perform exactly the same operations as the original code, only faster.

In addition to performance-improvement, the Zend Optimizer also enables PHP to transparently load files encoded by the Zend Encoder or Zend SafeGuard Suite.

The Zend Optimizer is a freely-available product from Zend Technologies. Zend Technologies is the company that develops the scripting engine of PHP, also known as the Zend Engine.