39
© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 1 Macromedia Flash 5 Intermediate Level Course

Macromedia Flash 5

Embed Size (px)

DESCRIPTION

Macromedia Flash 5. Intermediate Level Course. Animation Basics. In-Between Frames. Playhead. Keyframe. Frames. Current Frame Number. Current Time. Framerate. Previewing The Animation. Scrubbing. Playing. Testing. Onion Skin Tool. Start Onion Skin Marker. End Onion Skin Marker. - PowerPoint PPT Presentation

Citation preview

Page 1: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 1

Macromedia Flash 5

Intermediate Level Course

Page 2: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 2

Animation Basics

Playhead

In-BetweenFrames

Keyframe

CurrentFrame

Number

Framerate

CurrentTime

Frames

Page 3: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 3

Previewing The Animation

Testing

Scrubbing

Playing

Page 4: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 4

Onion Skin ToolStart Onion Skin

MarkerEnd Onion Skin

Marker

Onion Skin

Onion Skin Outlines

Edit Multiple Frames

Modify Onion Markers

Page 5: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 5

Review Questions

Page 6: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 6

Motion Tween

• Using the Frame Panel, you can create the Motion Tween animation

• The successful Motion Tween is displayed by the solid arrow between two keyframes in the timeline

Page 7: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 7

Position Tween

Object moves across the stage over time

Page 8: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 8

Scale Tween

Object moves and scales across the stage over time

Page 9: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 9

Rotation Tween

Object moves and rotates across the stage over time

Page 10: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 10

Motion Tween Modifiers

Object moves across the stage over timestarting quickly and decelerating

Page 11: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 11

Review Questions

Page 12: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 12

Motion Tween Effects

• The Effects Panel contains different effects:

– None– Brightness– Tint– Alpha– Advanced

Page 13: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 13

Color Tween

Object moves and changes its color across the stage over time

Page 14: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 14

Review Questions

Page 15: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 15

Guide Layers

• Guide Layers will be invisible when you export the movie

• Guides are used for registration purposes• Guides can be used for storing the visual content

not visible to the end user

Page 16: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 16

Motion Guides

• Motion Guides are regular Guide layers that have an adjacent layer below it, set to be Guided

• The Motion Guide layer contains the drawn path that the instance will follow

• Motion Guide Layers will be invisible when you export the movie

Page 17: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 17

Review Questions

Page 18: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 18

Shape Tween

Object morphs from circle into square across the stage over time

Page 19: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 19

Text Tween

Text morphs into different text or shape on the stage over time

Page 20: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 20

Shape Tween Modifiers

Object morphs from circle into square across the stage over timestarting quickly and decelerating

Page 21: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 21

Shape Hints

• Shape Hints are used with shape tweening to give a higher degree of control in the morphing process

• They are especially useful when morphing complex objects, like text

Page 22: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 22

Review Questions

Page 23: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 23

Masks

• Masks allow you a way of selectively showing and hiding content in a movie, based on the position of the mask

• With Masks you need at least two layers: one for the Mask and one that gets Masked (similar to the Guide and Guided layers)

Page 24: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 24

Animating Masks

• Besides using static background layers, you can animate the content in the Masked layer

Page 25: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 25

Masking Multiple Layers

• One Mask layer can be applied to multiple Masked layers

• Each Masked layer has to be positioned under the Mask layer

Page 26: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 26

Text Masks

• One of the easiest ways to create Masks is to use the Text tool

Page 27: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 27

Bitmap Masks

• Flash can internally create a kind of vector mask to cut out the background of the imported bitmap images, thus making the bitmaps behave as vector images

Page 28: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 28

Review Questions

Page 29: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 29

Importing Sound

• Flash supports four sound file types:

1. MP3

2. WAV

3. AIFF

4. AU

Page 30: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 30

Using Sound

• Using the Sound Panel, you control what sounds play and when they play

• The Sound Panel lists all imported sounds stored in the Library

Page 31: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 31

Sound Effects Settings

Play

Stop

Time In

EnvelopeLines

Envelope Handles

ZoomIn

ZoomOut

TimeUnits

FramesUnits

Left Channel

Right Channel

Page 32: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 32

Sound Sync Settings

• The Sound Panel contains different sync options:

– Event– Start– Stop– Stream

Page 33: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 33

Sound Loops Settings

• The Loops sound setting in the Sound Panel controls how many times a whole sound will play

• Default setting is 0• To make sound play

continuously, type a high number into the Loops option field

Page 34: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 34

Review Questions

Page 35: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 35

Fundamentals of Interaction

• In order for interaction to take place you need to have an Event and an Event Handler

You are sitting in your office

The phone on your desk rings

You pick up the receiver and start talking

This is an Event

This is an Event Handler

Page 36: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 36

Making a Button

• The button symbol’s timeline contains the four button states:

1. Up - original

2. Over - rollover

3. Down - clicked

4. Hit – button area

Page 37: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 37

Animating a Button

• To create an animated button, put an animated Movie Clip symbol in the appropriate button state

• To create a button with a sound effect, put a sound in the appropriate button state

Page 38: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 38

Invisible Buttons

• To create an invisible button, draw any shape in the Hit button state only, leaving all other button states blank

Page 39: Macromedia Flash 5

© Cheltenham Computer Training 2001 Macromedia Flash 5 - Slide No 39

Review Questions