Flash 1

Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)

Timeline The timeline is a frame based measure time containing frames and keyframes. The timeline is a frame based measure time containing frames and keyframes.

Timeline layer folder Key-frame Motion tween frame

Frames and KeyFrames Frame (F5) – is a static instance with no more and no less content than the preceding keyframe. Frames are shown as empty space in the timeline (motion tweening occurs in frames) Frame (F5) – is a static instance with no more and no less content than the preceding keyframe. Frames are shown as empty space in the timeline (motion tweening occurs in frames) Keyframe (F6) – special frame where content (graphics, sounds) appear in a movie. Content of a keyframe can be changed. Keyframe (F6) – special frame where content (graphics, sounds) appear in a movie. Content of a keyframe can be changed. Also insert using “Insert” menu. Also insert using “Insert” menu.

Symbols There are three types of symbols in Flash There are three types of symbols in Flash Graphics – static content Graphics – static content Buttons – interactive content Buttons – interactive content Movie Clip – flash movie within a flash movie. (complex animations) Movie Clip – flash movie within a flash movie. (complex animations)

Creating Symbols Symbols can be created one of two ways. Either by “Insert” new symbol (CTRL + F8), or Convert to Symbol (F8). Symbols can be created one of two ways. Either by “Insert” new symbol (CTRL + F8), or Convert to Symbol (F8). First draw a shape and then convert to a symbol. First draw a shape and then convert to a symbol. This enables the symbol to be moved around the workspace and used in other parts of the movie. This enables the symbol to be moved around the workspace and used in other parts of the movie. Images can also be imported and converted to symbols. Images can also be imported and converted to symbols.

The Tool Palette Line tool Basic shapes Pencil Tool Eye-dropper Text tool Paint bucket

Tool Properties Each tool on the toolbar has a corresponding set of attributes in the properties bar. This enables modifications of color, line width, line properties, font and more. Each tool on the toolbar has a corresponding set of attributes in the properties bar. This enables modifications of color, line width, line properties, font and more.

Symbol Library All Symbols are stored in a Library. The library also contains imported sound files and images. All Symbols are stored in a Library. The library also contains imported sound files and images. Graphic Movie clip Button

Library Items can be created and stored in the library and inserted into any keyframe of the movie. Items can be created and stored in the library and inserted into any keyframe of the movie. Double-clicking on an item in the library window allows you to edit that symbol. Double-clicking on an item in the library window allows you to edit that symbol. Items deleted from the library will also be deleted from any place they appear in the movie. Items deleted from the library will also be deleted from any place they appear in the movie.

Symbols on the Timeline When a Symbol is created in the movie it resides in a keyframe on the timeline. When a Symbol is created in the movie it resides in a keyframe on the timeline. Multiple Symbols may be placed within the same layer in the same keyframe. Multiple Symbols may be placed within the same layer in the same keyframe.

Tweening Tweening is the motion of a Symbol in the timeline. Basic tweens start with the object in one position in the first keyframe… Tweening is the motion of a Symbol in the timeline. Basic tweens start with the object in one position in the first keyframe…

Tweening …next, create a keyframe where the motion of the Symbol will end. …next, create a keyframe where the motion of the Symbol will end.

Tweening Then, either select the initial keyframe, or any of the frames in between and “Insert” motion tween. Then, either select the initial keyframe, or any of the frames in between and “Insert” motion tween.

Tweening Now the Symbol may be moved in either of the two keyframes and Flash will fill the in between frames with the motion to connect the two points. Now the Symbol may be moved in either of the two keyframes and Flash will fill the in between frames with the motion to connect the two points. First keyframe Final keyframe

Tweening Only one object per keyframe can be tweened, thus if multiple objects are to move at the same time they should be in multiple frames. Only one object per keyframe can be tweened, thus if multiple objects are to move at the same time they should be in multiple frames.

Complex Symbols Symbols may be as simple or complex as you would like to make them. Symbols may be as simple or complex as you would like to make them. Symbols may even be made up of multiple symbols (this is especially true of movie clips). Symbols may even be made up of multiple symbols (this is especially true of movie clips). To edit a symbol already in the movie, double click on it (when in a keyframe) and it may be edited in place. To edit a symbol already in the movie, double click on it (when in a keyframe) and it may be edited in place. When any symbol is modified in one instance, it will modify all instances of that symbol. When any symbol is modified in one instance, it will modify all instances of that symbol.

Sample Flash I files Be sure to open this from your browser… NOT a saved location on your computer. Be sure to open this from your browser… NOT a saved location on your computer. Laba Laba Laba Labb (Sorry I didn’t save one for you.. Go to c) Labb (Sorry I didn’t save one for you.. Go to c) Labc Labc Labc