xp tutorial 4 special animations. xp new perspectives on macromedia flash mx 2004 2 special layers...

23
XP Tutorial 4 Special Animations

Upload: nora-hopkins

Post on 16-Jan-2016

221 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

XP

Tutorial 4

Special Animations

Page 2: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

2

XPSpecial Layers for AnimationAnimation Using a

Motion Guide Layer

• When a guide layer is used together with a motion tween it is called a motion guide layer.

• A motion guide layer provides a path for an object in the guided layer to follow throughout the motion tween.

• To create a motion guide layer for a motion tweened animation, you create first the motion tween on the layer.

• Select the layer and insert a motion guide layer above it by selection the Motion Guide command from the Timeline submenu on the Insert menu.

• On the motion guide layer, draw a path for the animated object to follow using the Pencil, Pen, Line, or Brush tool.

Page 3: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

3

XPAnimation Using a Motion Guide Layer

Motion guide layer

Guided layer

Add Motion guide

button

Orient to path option selected

Page 4: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

4

XPTesting the Motion Guide Layer

• Press the Enter key to test the motion guide tween.

• Click the first frame of the animated layer and then click the Orient to path check box in the Property inspector, to check it.

• Click the last frame of the animated layer and then click the Orient to path check box in the Property inspector, to check it.

• Move the playhead to the first frame and press the Enter key to test the animation again.

Page 5: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

5

XPAnimation Using a Mask Layer

• Create the object that will be masked on one layer, and add a new layer above it that will contain the mask.

• Right-click the top layer and select Mask from the context menu.

Mask layer

Masked layer indented below the

mask layer

Page 6: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

6

XPAnimation Using a Mask Layer

Page 7: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

7

XPMask Layer Animation

Mask layerMasked layer

Mask object

Page 8: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

8

XPAnimating Text Blocks

• Text can be animated in many ways to create special effects.

• Text blocks can be animated using frame-by-frame or tweened animations.

• To create a motion tween with a text block, you need to first convert the text block to a symbol.

• This process is the same as you follow to create motion tweens for other symbols.

Page 9: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

9

XPSample Shape Tween

Page 10: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

10

XPAnimating Individual Letters

• Animating individual letters in a word or phrase makes it possible to create interesting text effects.

• To create most effects, you first need to break a word into its individual letters and then animate each letter separately.

• The easiest way to animate letters is by using motion tweens.

Page 11: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

11

XPAnimating Individual Letters

Page 12: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

12

XPDistribute to Layers

• The Distribute to Layers command will take a group of selected objects and place each individual object onto its own layer.

• Each new layer is named based on its new content.• The layer that originally contained the grouped

objects will be empty after you apply the Distribute to Layers command.

• This command is located in the Timeline submenu of the Modify menu.

Page 13: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

13

XPMotion Tweens for Each Layer

Page 14: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

14

XPIndividual Letters Animation

Page 15: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

15

XPCreating and Testing Animations Using Onion Skinning

• Onion skinning displays more than one frame at one time on the Stage.

• This is especially helpful when creating frame-by-frame animation.

• Flash will display the current frame plus two or more frames on the Stage at once.

Page 16: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

16

XPCreating and Testing Animations Using Onion Skinning

Onion Skin Outlines button

Onion Skin button

Edit Multiple Frames button

Modify Onion Marker’s button

Onion Skin markers

Several frames visible on the Stage at once

Page 17: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

17

XPComplex Animation with Nested Symbols

• You can create complex animation effects just by adding more layers to the document’s main Timeline.

• To animate multiple parts of an object at the same time, you can use nested symbols, which contains instances of other symbols within its Timeline.

• The nested movie clip instances are referred to as the child movie clips and the movie clip they are nested within is referred to as the parent movie clip.

Page 18: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

18

XPExample of Nested Movie Clip

Page 19: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

19

XPUsing the Movie Explorer

• The Movie Explorer is a panel that displays all of a document’s elements in a hierarchical view allowing you to manage and easily locate any of the individual elements.

• To open the Movie Explorer you click the Movie Explorer command from the Other Panels submenu, which is located on the Window menu.

Page 20: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

20

XPUsing the Movie Explorer

Show Video, Sounds and Bitmaps button

Show Frames and Layers button

Customize which Items to Show button

Show Action Scripts button

Display of selected elements

Search for specific elements

Show Text button

Show Buttons, Movie Clips and Graphics button

Page 21: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

21

XPMovie Explorer Elements

Page 22: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

22

XPOther Movie Explorer Options

• Go to Location – moves the playhead to the keyframe the selected instance resides in

• Find in Library – displays the selected symbol in the Library panel• Show Movie Elements – displays the document’s elements such as its

layers, frames, and symbol instances• Show Symbol Definitions – displays the symbols used in the

document; also displays the elements of the symbols• Show All Scenes – displays the elements and symbols for all scenes

in the document not just the current scene• Print – prints a list of the contents of the Movie Explorer; only those

elements displayed in the Movie Explorer are printed

Page 23: XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX 2004 2 Special Layers for Animation Animation Using a Motion Guide Layer

New Perspectives on Macromedia Flash MX 2004

23

XPThe Movie Explorer

Movie Explorer panel displaying text blocks