Freshener Flash lesson (Before the tall order)

Before we start the Difficult Flash lessons I’ll give you an freshener flash movie. To make you more homey with Flash. The following notes are for your help to make it like this.

The main stage is 300*200 at 25FPS

Make a rectangle 25*25 in black color, every 10 frames put it in a different position and create a blue button with 100*20 (align it with Ctrl+K, to the stage like bellow):

And write the action to make it move…

 

Tomorrow I LL upload the fla files

 

on(press) Flash Tutorial

Take again the First movie that you made in tutorial of Motion tween and get make it Stop, and play from an other way.

 1. Go to your time line menu and insert a new layer

Name it Action

2.  Now press f9 or go to Window --> Actions

Go to 1^st frame of your Action layer and write in Actions panel

stop();

If you press CTRL+ENTER to test your movie you will see that the clip it doesn’t move

3.     Let’s make a button 2 make the movie move again. Create a new layer above Actions and layer 1 and name it button. To take it in the middle you just drag it to the middle

4.    Now get the Rectangle tool (R) and make a rectangle on that position

5.        Select the new rectangle and press f8 to convert into a symbol and press button. Name it Button_bt

6. Now Select the button with the select tool (V) and open the Action Panel (f9) and write:

on (press) {

gotoAndPlay(2);

}

This is mean on (press) --> when you press your button

gotoAndPlay(2); --> go to frame 2 of your movie clip and play

You Can Download the fla file from Here

How we can set the position of our movieClip inside from the property panel

The movie clip starts count the position and width of our movie clip from the top and left see below:

So what is That Numbers?

The W:132.0 is the Width of our Shape

The H:132.0 is the Height of our Shape

For the position We have two axis X,Y Like that:

So when we Move Our Shape, we move it over this axis

X: is the Left and Right

And Y: is the Up and Down

So if we want to move it, we can drag it to the position that we want Or we can write the position into the properties panel.

For Example if we want to live 10pixels from the right side we have to do that execution:

550 (Our movie) - 132 (our MovieClip) - 10 (the pixels that we want to have space from right)

= 408 (the number that we have to write at the properties panel):

1st Design Tutorial in Flash Motion Tween

Now let’s Design simple objects and let’s go to make them (move).

1.  Create a New Flash Document in AS2

2. Leave the default settings

3. Get the Rectangle tool (R) block the stroke color

and draw a rectangle like this:

4.Now let’s transform it. Use the selection tool (v) and click once on your object

Go to the properties panel and give the values like below

W: is the width of your Shape

H: is the Height of your Shape

And X,Y are the position in your movie (starts to counter in top and left of your movie) of your Shape (you can put it ever you want). BUT be

careful to chose only integer numbers as shown above, we do this to have a smooth Movie or

else it’s possible to have “brakes” and it’s not so pretty.

An example not to follow is shown bellow

(Wrong)

5. Now transform it into a Symbol. Go to Modify à Convert to Symbol…, or press f8.

You have three options:

Movie Clip - you create similar objects with the one you are now. It’s the most effective Symbol

Button - it’s pretty easy to make some nice buttons, but with the action script Movie Clips are

better than buttons (I will tell you why In the Action Script tutorial)

Graphic – I don’t really like them so I don’t use them when I need Graphics I convert my objects

to Movie Clips to.

Chose the Movie clip option and name it Rectangle_mc. There should be a movie clip object in

your library named Rectangle_mc.

6. Now go to frame 15, right click and then press insert key frame or press f6.

7. on frame 15

8. Get your Rectangle_mc and drag it on the bottom and right of your Clip. Or go to the properties of your Rectangle_mc and write:

9. Now in the 1^st frame the Rectangle_mc is on the top of your movie and in the 15^th frame it is in

the bottom. Let’s make it move. Go to a frame between the 1^st and the 15^th right click on the

time line and press Create Motion Tween

10. Now Let’s test our movie, press CTRL+ENTER to test it

That’s it It works....

Take the source files from here