MAKE YOUR OWN

CARTOON USING

FLASH
STUDENTS
MANUAL
FLASH
TWEENING
INTRO:
This chapter will expose students with the basic
techniques that could be used in Flash
application.

ADVANTAGES OF FLASH:
Flash movies load much faster.
Flash movies allow interactivity.
Flash movies can use more than 256 colors.

APPLICATION INTERFACE:
DRAWING TOOLS: 1. The drawing tools in Flash let you create
and modify shapes for the artwork in
your movies. For an interactive
introduction to drawing in Flash, choose
Help > Lessons > Drawing in your
Flash program.

2. The tools for painting are kept in the

Windows>Tools", and usually
positioned at the left top of your Flash
Screen.

3. On the following pages we will guide you

through the use of each of these tools,
starting with the simplest.

4. But before going through the different

tools, we will look at the way Flash
handle drawings.

5. The most important thing to understand

is the distinction between outlines and
fills.

6. When you draw a line there is no fill -

only the outline.

7. When you draw a rectangle (or a circle)

you actually draw two things: The outline
(border) and the fill. Unlike most other
programs, Flash doesn't automatically
combine these two into one object.

TWEENING:
- There are three types of tweenings:
o Motion Guide Tweenings
(Moving objects from A to B along a customized path)
 o Tint Tweenings
(Graduated color changing of an object.)

o Shape Tweenings
(Graduated change of one object into another)

MOTION GUIDE TWEENINGS:

Step by step oh how to create your own motion tweening.
Follow the steps accordingly. Lets us begin:

1. To insert 30 frames in your movie with the mouse:

Click frame 30 in layer 1 on the timeline - then press F5.

2. Now you need to find the element you want to tween.

( It can be any element you like ) .

Choose File > Open as Graphic in the menu.

Find Bird and with the mouse, drag it into the canvas.
(But first, you must install the picture in 1 folder)

Use the scale tool in the toolbox, to resize the bird as you
like.

3. Now enter a keyframe in frame 30. To do this, first click

frame 30 in layer one on the timeline. Then press F6.

4. Next, double click the keyframe in frame 1.

A frame Properties Box pops up.
Choose "Tweening", and in the Tweening drop-down menu
choose "Motion".

Click OK

5. Right click on Layer 1.

A pop-up menu appears.
Choose Add Motion Guide.
The program will now inserts a new layer on top of layer 1,
with the Motion Guide icon to the left of the layer's name.

This new layer is called a motion guide layer.

Motion guide layers are used to draw lines that you want an
animated symbol to follow.

6. Click on the Motion Guide Layer to make sure it is the

active layer.
(Click on the layer name, where it says "Guide: Layer 1").

Choose pencil in the toolbox. (Or press P on the

keyboard)
Make sure pencil mode is set to "Smooth".
With the pencil draw the line you want the bird to fly along.

For example like this:

(Hint: Do not make complex patterns until you're familiar

with the technique).

7. Now adjust the frame pointer so it points to frame 1.

Make sure the Snap button is activated (or choose

View > Snap in the menu, to activate snapping).

8. With the mouse, place the bird so that its center is at the
beginning of your motion guide.
(The center is indicated by a small + when selected).
A black circle appears when the bird is attached to the
motion guide.
It can sometimes be hard to get the symbol to snap to the
guide. Try zooming in or out if you just can't get the bird to
snap to the guide.
Release the mouse button when the bird is snapped to the
guide.
 Now adjust the frame pointer so that it points at frame 30.
Repeat the process
placing the bird at the end of the motion guide.

Congrats! You have just created a

Motion Guide Tweening!
Quickies!!!
The bird will now follow the motion guide
If say, your motion
when guide was
you play theamovie.
circle, you would have the bird fly in a
thrilling loop.
However it would look kind of odd, since the bird would only follow the
Press
circle, but notCtrl+Enter to test your movie!!!
actually point the nose in the direction of the circle.
During the entire loop the bird would have its head pointing to the
right :o)
Eventually the bird would fly backwards. Quite a thrill maybe... but .. not
too realistic :o)

If you want the bird to actually follow the circle, not only in movement,
but also in direction,
you should double click the keyframe in frame 1 on layer 1.
This will reopen the frame properties box.
Select the "Orient to path direction" option, and click ok.

SHAPE TWEENINGS:

Steps in creating shape tweening:-

1. Insert 60 frames in your movie. To do this, click frame

60 in layer 1 on the timeline and press F5.

2. Draw a circle (object) on the canvas.

3. Next step is to break apart the object.

4. Now, insert keyframes in frame 20

5. Then, delete the circle in frame 20.

6. Next step is to draw a square (object 2) in frame 20.

7. Next is to break apart the square shape by pressing

control + B, followed by inserting keyframes in frame

61.

8. Now, comes the shape tweening.

 a. First, double click the keyframe in frame 1 A

frame Properties Box appear.

b. Choose tweening and select shape in the

tweening drop-down menu.

9. Repeat this step to make a shape tweening in frame 51.

10. Lastly, press Cltr + Enter to see the result and

NOW your object has changed!!!

MEMBERS:

AIFAA ARIF
MARIANTI MOHD SUHAIMI
NURUL AKMAL
SITI WARDAH SALIM

5 SPL