Flash 1

Flash 1Flash 1

Document PropertiesDocument Properties Set frame rate and dimensions of Set frame rate and dimensions of

projectproject

(default width=550 and height=400)

TimelineTimeline The timeline is a frame based The timeline is a frame based

measure time containing frames and measure time containing frames and keyframes.keyframes.

TimelineTimeline

layer

folder

Key-frameMotion tween

frame

Frames and KeyFramesFrames and KeyFrames Frame (F5) – is a static instance with no Frame (F5) – is a static instance with no

more and no less content than the more and no less content than the preceding keyframe. Frames are shown preceding keyframe. Frames are shown as empty space in the timeline (motion as empty space in the timeline (motion tweening occurs in frames)tweening occurs in frames)

Keyframe (F6) – special frame where Keyframe (F6) – special frame where content (graphics, sounds) appear in a content (graphics, sounds) appear in a movie. Content of a keyframe can be movie. Content of a keyframe can be changed.changed.

Also insert using “Insert” menu.Also insert using “Insert” menu.

SymbolsSymbols There are three types of symbols in There are three types of symbols in

FlashFlash Graphics – static contentGraphics – static content Buttons – interactive contentButtons – interactive content Movie Clip – flash movie within a flash Movie Clip – flash movie within a flash

movie. (complex animations)movie. (complex animations)

Creating SymbolsCreating Symbols Symbols can be created one of two Symbols can be created one of two

ways. Either by “Insert” new symbol ways. Either by “Insert” new symbol (CTRL + F8), or Convert to Symbol (F8). (CTRL + F8), or Convert to Symbol (F8).

First draw a shape and then convert to a First draw a shape and then convert to a symbol.symbol. This enables the symbol to be moved around This enables the symbol to be moved around

the workspace and used in other parts of the the workspace and used in other parts of the movie.movie.

Images can also be imported and converted Images can also be imported and converted to symbols.to symbols.

The Tool Palette The Tool Palette Line tool

Basic shapes

Pencil Tool

Eye-dropper

Text tool

Paint bucket

Tool PropertiesTool Properties Each tool on the toolbar has a Each tool on the toolbar has a

corresponding set of attributes in corresponding set of attributes in the properties bar. This enables the properties bar. This enables modifications of color, line width, modifications of color, line width, line properties, font and more.line properties, font and more.

Symbol LibrarySymbol Library All Symbols are All Symbols are

stored in a Library. stored in a Library. The library also The library also contains imported contains imported sound files and sound files and images.images.Graph

icMovie clip

Button

LibraryLibrary Items can be created and stored in the Items can be created and stored in the

library and inserted into any keyframe library and inserted into any keyframe of the movie.of the movie.

Double-clicking on an item in the Double-clicking on an item in the library window allows you to edit that library window allows you to edit that symbol.symbol.

Items deleted from the library will Items deleted from the library will also be deleted from any place they also be deleted from any place they appear in the movie.appear in the movie.

Symbols on the TimelineSymbols on the Timeline When a Symbol When a Symbol

is created in is created in the movie it the movie it resides in a resides in a keyframe on keyframe on the timeline. the timeline.

Multiple Multiple Symbols may Symbols may be placed be placed within the within the same layer in same layer in the same the same keyframe.keyframe.

TweeningTweening Tweening is the motion of a Symbol Tweening is the motion of a Symbol

in the timeline. Basic tweens start in the timeline. Basic tweens start with the object in one position in the with the object in one position in the first keyframe…first keyframe…

TweeningTweening ……next, create a keyframe where the next, create a keyframe where the

motion of the Symbol will end.motion of the Symbol will end.

TweeningTweening Then, either select the initial Then, either select the initial

keyframe, or any of the frames in keyframe, or any of the frames in between and “Insert” motion tween.between and “Insert” motion tween.

TweeningTweening Now the Symbol may be moved in Now the Symbol may be moved in

either of the two keyframes and either of the two keyframes and Flash will fill the in between frames Flash will fill the in between frames with the motion to connect the two with the motion to connect the two points.points.

First keyframe Final keyframe

TweeningTweening Only one object per keyframe can be Only one object per keyframe can be

tweened, thus if multiple objects are tweened, thus if multiple objects are to move at the same time they to move at the same time they should be in multiple frames.should be in multiple frames.

Complex SymbolsComplex Symbols Symbols may be as simple or complex as you Symbols may be as simple or complex as you

would like to make them. would like to make them. Symbols may even be made up of multiple Symbols may even be made up of multiple

symbols (this is especially true of movie clips).symbols (this is especially true of movie clips).

To edit a symbol already in the movie, double To edit a symbol already in the movie, double click on it (when in a keyframe) and it may be click on it (when in a keyframe) and it may be edited in place.edited in place.

When any symbol is modified in one instance, it When any symbol is modified in one instance, it will modify all instances of that symbol.will modify all instances of that symbol.

Sample Flash I filesSample Flash I files Be sure to open this from your Be sure to open this from your

browser… NOT a saved location on browser… NOT a saved location on your computer.your computer.

LabaLaba Labb (Sorry I didn’t save one for Labb (Sorry I didn’t save one for

you.. Go to c)you.. Go to c) LabcLabc