Home · Flash Concept Tutorials

Tweenin Tutorial

Welcome to the tweening tutorial!
In this tutorial, I'll show you how to use the simple, yet useful and fun technique of tweening!

What is tweening?
-----------------

Tweening is using just two frames. 1 frame is where your object starts, the 2nd frame is its ending destination.
Then the tween makes Flash insert all the frames in-between for you!

Step 1:
-----------------

Draw a square on the stage.
Make it a symbol.
Your stage should look something like this:


This is the object you will be tweening. Make sure it's a symbol!

Step 2:
-----------------

Insert a keyframe on frame 10.
Move your square to the other side of the stage.
Your stage should look something like this:

Step 3:
-----------------

Right Click somewhere in between frames 1 and 10.
Click Create Motion Tween.
Your timeline should look something like this:

Step 4:
-----------------

Test your movie!

Does your movie look something like that?
If it does, congratulations! You've successfully learned how to tween! Now you can use this skill in an infinite number of ways.
Be creative and make me proud!

Comments (13) 22.06.2009. 10:51

Masking Tutorial

In this tutorial, I'm going to teach you how to make and use masks in Flash.

What are masks?
---------------

A mask, in Flash, is something that hides everything outside of it, but shows what's inside of it.
You'll understand more as you read through this tutorial.

Step 1:
---------------

Select the circle tool and make a circle like this:


This will be the head of your character.

Step 2:
---------------

Now make a new layer and create two smaller circles, select them each and make it a symbol.
Your stage should look like this:


The two small circles are the eyes.

Step 3:


---------------

Select the larger circle, then Right Click>Copy.
Make a new layer on top of the eyes' layer.
Right click on a blank of part of the stage and select Paste in Place.
Right Click on your newest layer and click on Mask.
Your timeline should look like this:


Whatever is inside your newest layer's circle is what will be shown in the movie.

Step 4:
---------------

Move the bottom layer into the mask, underneath the eyes' layer.
Your timeline should now look like this:

Step 5:
---------------

Unlock your eyes' layer (mine is called Layer 2).
Create a keyframe on each layer on frame 10 (or whichever frame you want lol).
Your timeline should look something like this:

Move your eyes to the other side of the head.
Your stage should look like this:

Create a motion tween on your eyes layer.
Your final timeline should look like this:

Step 6:
---------------

Test your movie! Does it look like this?

If so, congratulations! You have successfully learned how to do something complicated in Flash!
You learned how to use masks!
Now think of your own ways to use this new skill in your own movies and make me proud!

Comments (0) 19.06.2009. 12:04


View My Stats