Scribd
Upload
37 views

Chapter-2-Frame-by-Frame

The document provides an overview of animation techniques in Flash, specifically focusing on Frame-by-Frame Animation and Tweened Animation. It outlines the steps to create various animations, including moving shapes and characters, using both blank keyframes and regular keyframes. The tutorial includes detailed instructions for drawing and animating objects like spirals, cartoons, and stick figures.

Uploaded by

aalwabel2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
37 views

Chapter-2-Frame-by-Frame

The document provides an overview of animation techniques in Flash, specifically focusing on Frame-by-Frame Animation and Tweened Animation. It outlines the steps to create various animations, including moving shapes and characters, using both blank keyframes and regular keyframes. The tutorial includes detailed instructions for drawing and animating objects like spirals, cartoons, and stick figures.

Uploaded by

aalwabel2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 6

Animation (Movement) in

Flash

Flash is a graphics program based on the movement, the term Animation means
breathe life or movement in something, and we divide the movement in Flash
into two basic types:

1 - Frame - by-Frame Animation


We draw the item in every shot with the required change, and so we get the
movement when we watch the film. It can be this movement, for example,
butterfly wings flutter or conduct foot .. Etc.

2 - Tweened Animation

The Tween is derived from the word Between This means the movement
between frames means change the object from state A to state B between two
specific frames,

Flash can create two types of tweened animation using timeline:

 Motion Tween.
 Shape Tween.

6
Prepared By :Jaseela Azees
Tutorial 1:

Frame - by-Frame
Animation
2. Draw a Moving Rectangular spiral shape by using Frame-by-Frame Animation :-

We have two ways to do this :

 The first method by using (Blank Keyframe)


Steps to
follow:
 Open a new flash file (Ctrl+N) .
 New Document window will appear.
 Select General panel and choose Type: Flash Document . Press OK .
 If your timeline window is not open, press (Ctrl+Alt+T).

 Now you can see a single Layer called "Layer1" in your timeline Window.

 Select the first ten frames by dragging the mouse around frame 10 and then
right-click your mouse and select Convert to blank keyframes)

 In first frame Draw a straight line with a pencil tool


7
Prepared By :Jaseela Azees
 Go to the next window by clicking on it, what do you notice? Line
disappeared (because we moved to an empty key frame).
 Click on the Onion Skin button(You can see the contents of several windows
at the same time), as in the picture>

 Move to next frame and draw a line over the first line with add another line
perpendicular to the first line (press the Shift key while drawing), then move
to the frame No. 3 and draw the previous figure, and then add another vertical
line, and so on..
 In the end you will get on a moving spiral shape as in the following image:

 Now press (Ctrl+Enter) to view your work .

 The second method by using (Keyframe)


Steps to follow:
 Open a new flash file (Ctrl+N) .
 Go to first frame and draw a straight line as in step 1 in the previous method.
 Click on the next frame , and then press F6 to create a keyframe and then
draw another line perpendicular to the first line.
 Then move to next frame , press F6 and draw a another vertical line,

and so on until you get the following form >

8
Prepared By :Jaseela Azees
 Now press (Ctrl+Enter) to view your work.

3. Draw a Moving Oval spiral shape by using Frame-by-Frame Animation :-

4. Draw a Moving Cartoon by using Frame-by-Frame Animation :-

 Open a new flash file (Ctrl+N) .


 New Document window will appear.
 Select General panel and choose Type: Flash Document . Press OK .
 If your timeline window is not open, press (Ctrl+Alt+T).
 Now you can see a single Layer called "Layer1" in your timeline Window.

 In first frame Draw a cartoon.

 Press F7 to create a new keyframe, what do you notice? Cartoon


disappeared (because we moved to an empty key frame).
 Click on the Onion Skin button(You can see the contents of several windows
at the same time), as in the picture>

9
Prepared By :Jaseela Azees
 Move to next frame press F7 and draw another cartoon.
 Then move to the frame No. 3 press F7 and draw the previous cartoon,
and then add another cartoon, and so on..

 In the end you will get on a moving cartoon as in the following image:

5. Draw a Running Stickman by using Frame-by-Frame Animation :-

 Open a new flash file (Ctrl+N) .


 New Document window will appear.
 Select General panel and choose Type: Flash Document . Press OK .
 If your timeline window is not open, press (Ctrl+Alt+T).
 Now you can see a single Layer called "Layer1" in your timeline Window.

10
Prepared By :Jaseela Azees
 In the First Layer "Layer1" draw the stickman as shown below.

 Press F7 to create a new keyframe, what do you notice? Stickman


disappeared (because we moved to an empty key frame).
 Click on the Onion Skin button(You can see the contents of several windows
at the same time), as in the picture>

 Move to next frame press F7 and draw another stickman.


 Then move to the frame No. 3 press F7 and draw the previous stickman,
and then add another stickman, and so on..

 In the end you will get on a running stickman as in the following image:

11
Prepared By :Jaseela Azees

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy