![Page 1: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/1.jpg)
Macromedia Flash 5
Foundation Level Course
![Page 2: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/2.jpg)
What is Flash?
Flash 5 is the latest version of Macromedia’s graphics and animation package
![Page 3: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/3.jpg)
Flash File Types
• In the Flash you can use many file types.
• We will cover the most important ones:
• FLA Files• SWF Files• HTML Files• PROJECTOR Files
![Page 4: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/4.jpg)
Movie Properties
Setting up Movie Properties:
• Frame Rate• Dimensions• Background Color• Ruler Units
![Page 5: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/5.jpg)
The Authoring Environment
Panels
The Toolbox
The Timeline
The Stage
The Work Area
The Launcher Bar
![Page 6: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/6.jpg)
Toolbars
• Flash has five Toolbars: Toolbox, Main, Status Bar, Controller, and the Launcher Bar
Toolbox
Main
Launcher Bar
Status Bar
Controller
![Page 7: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/7.jpg)
The Timeline
• The Timeline is an object on the Flash interface that contains the sequence of frames, layouts and scenes composing an animation.
![Page 8: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/8.jpg)
Panels
• You can control Panels by choosing Window, then…
• Panels > Panels Menu• Panel Sets• Save Panel Layout…• Close All Panels
![Page 9: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/9.jpg)
Frames
• Any content you want to display in the Flash movie needs to be placed within one or more Frames
Frames
Playhead Frame Numbers
![Page 10: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/10.jpg)
Layers
• The Timeline can have one or more Layers• Layers allow us to separate out pieces of content
and action One Layer
Many Layers
![Page 11: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/11.jpg)
Scenes
• The Flash movie can have one or more Scenes• Each new Flash movie comes with one default
scene, named “Scene 1”
Default Scene “Scene 1”
![Page 12: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/12.jpg)
The Movie Explorer
• The Movie Explorer gives you the ability to browse through the whole movie at different levels of detail
• The Movie Explorer displays the contents of the movie: scenes, layers and keyframes
![Page 13: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/13.jpg)
Toolbox
• The Toolbox is a toolbar where you can quickly access all the drawing, painting and editing tools
• The Toolbox window is divided into four sections
Tools OptionsView Colors
![Page 14: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/14.jpg)
Arrow Tool
• The Arrow tool is used to select, move, place and modify objects on stage
• The Arrow tool has five modifiers in the Options section: Snap to Objects, Smooth, Straighten, Rotate and Scale Snap to Objects
Smooth Straighten
ScaleRotate
![Page 15: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/15.jpg)
Lasso Tool
• The Lasso tool is used to select objects on the stage
• The Lasso tool has three modifiers in the Options section: Magic Wand, Magic Wand Properties and Polygon Mode
Magic Wand Magic Wand Properties
Polygon Mode
![Page 16: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/16.jpg)
Oval Tool
• The Oval tool is used to draw oval shapes on the stage
![Page 17: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/17.jpg)
Rectangle Tool
• The Rectangle tool is used to draw rectangle shapes on the stage
• The Rectangle tool has one modifier in the Options section: Round Rectangle Radius
Round Rectangle Radius
![Page 18: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/18.jpg)
Line Tool
• The Line tool is used to draw lines on the stage
![Page 19: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/19.jpg)
Pencil Tool
• The Pencil tool is used to draw freeform lines on the stage
• The Pencil tool has one modifier in the Options section: Pencil Mode
Pencil Mode
![Page 20: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/20.jpg)
Brush Tool
• The Brush tool is used to paint on the stage
• The Brush tool has four modifiers in the Options section: Brush Mode, Brush Size, Brush Shape and Lock Fill
Brush Mode
Brush Size
Brush Shape
Lock Fill
![Page 21: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/21.jpg)
Pen Tool
• The Pen tool is used to draw curves on the stage
• The curves created by Pen tool are called Bezier Curves
![Page 22: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/22.jpg)
Text Tool
• The Text tool is used to create and edit text elements on the stage
• The Text tool is used in conjunction with the Character Panel
![Page 23: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/23.jpg)
Ink Bottle Tool
• The Ink Bottle tool is used to change the fill color of existing lines
• The Ink Bottle tool is used in conjunction with the color palette on the Toolbox
![Page 24: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/24.jpg)
Paint Bucket Tool
• The Paint Bucket tool is used to fill in empty shapes or to change the fill color of existing shapes
• The Paint Bucket tool is used in conjunction with the color palette on the Toolbox
• The Paint Bucket tool has three modifiers in the Options section: Gap Size, Lock Fill and Transform Fill
Gap Size
Transform FillLock Fill
![Page 25: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/25.jpg)
Subselect Tool
• The Subselect tool is used to select and modify existing points on the curves
![Page 26: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/26.jpg)
Dropper Tool
• The Dropper tool is used to pick-up the colors and styles of fills or lines from existing objects
![Page 27: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/27.jpg)
Eraser Tool
• The Eraser tool is used to erase shapes on the stage
• The Eraser tool has three modifiers in the Options section: Eraser Mode, Faucet and Eraser Shape
Eraser Mode Faucet
Eraser Shape
![Page 28: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/28.jpg)
Hand Tool
• The Hand tool is used to move around the segment of the stage that is displayed on your screen
![Page 29: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/29.jpg)
Zoom Tool
• The Zoom tool allows you to enlarge or reduce screen view
• The Zoom tool has two modifiers in the Options section: Enlarge and Reduce
Enlarge Reduce
![Page 30: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/30.jpg)
Colors
Colors have five modifiers:
• Stroke Color • Fill Color• Default Colors • No Color • Swap Colors
Fill Color
Stroke Color
Swap ColorDefault Colors
No Color
![Page 31: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/31.jpg)
Lines
• Lines can be drawn using the Line tool, the Pencil tool and the Pen tool
Using the Line Tool
Using the Pencil Tool
Using the Pen Tool
![Page 32: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/32.jpg)
Fills
• Fills can be painted using the Brush tool, the Paint Bucket tool and the Pen tool
Using the Brush Tool
Using the Paint Bucket Tool
Using the Pen Tool
![Page 33: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/33.jpg)
Shapes
• Shapes can be easily drawn using the Oval tool and the Rectangle tool
![Page 34: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/34.jpg)
Selecting Shapes
• The Arrow tool and the Lasso tool are used for selecting shapes
Using the Arrow Tool
Using the Lasso Tool
![Page 35: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/35.jpg)
Modifying Shapes
• Shapes can be modified using the Arrow tool, the Dropper tool, the Paint Bucket tool and the Ink Bottle tool
Using the Arrow Tool
Using the Ink Bottle Tool
![Page 36: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/36.jpg)
Custom Colors
• To create custom colors, you will use the Mixer panel, the Swatch panel and the Color picker
![Page 37: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/37.jpg)
Gradient Color
In Flash, you can create:• Solid colors - called Color Swatches• Multicolored color - called Color Gradient
![Page 38: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/38.jpg)
Creating Text
• The Text tool is used to create text
• There are three Panels that are used to modify text: Character Panel, Paragraph Panel and Text Options Panel
![Page 39: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/39.jpg)
Font Types
Flash can use the following font types:
• True Type Fonts• Postscript Type 1 Fonts• Bitmap Fonts• Device Fonts
![Page 40: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/40.jpg)
Vector Graphics
• A Vector graphic file stores image data in the form of mathematical expressions
• Vector graphics can scale to any size without loosing the image quality
• Vector graphics are not good for representing a detailed graphic
500% increase
![Page 41: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/41.jpg)
Raster Graphics
• A Raster graphic file stores image data for each individual pixel
• Raster graphics can become very “pixelated” when scaled up from their original size
• Raster graphics appear onscreen very quickly
500% increase
![Page 42: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/42.jpg)
Importing Vector Graphics
• Choose File > Import… • Select a vector graphic file:
– WMF
– FH
– AI
– SWF
![Page 43: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/43.jpg)
Importing Raster Graphics
• Choose File > Import… • Select a raster graphic file:
– JPG– BMP– GIF– TIF– PCT– PNG
![Page 44: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/44.jpg)
Grouping Objects
Grouping objects has two main benefits:
• It isolates objects from the other shapes so that they do not merge into one shape when overlapped
• It allows stacking of the shapes
![Page 45: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/45.jpg)
Transforming Objects
• The Transform Menu is used to change an object by scaling it, rotating it or flipping it
![Page 46: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/46.jpg)
Arranging Objects
• The Arrange Menu is used to change the stacking order of the objects on the same layer
![Page 47: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/47.jpg)
Aligning Objects
• The Align Panel is used to control alignment, size and spacing of the objects on the stage
![Page 48: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/48.jpg)
Rulers
• Rulers are used to help you align and organize your objects
![Page 49: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/49.jpg)
Grid
• Grid is used as a guide for the placement and alignment of objects on the stage
![Page 50: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/50.jpg)
Guides
• Guides are also used to help you align and organize your objects.
• They can be customized to suit your work style and needs
![Page 51: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/51.jpg)
Symbol Types
• Symbols are self-contained content stored in the Library
• There are three symbol types:– Graphics Symbol
– Button Symbol
– Movie Clip Symbol
![Page 52: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/52.jpg)
Creating Symbols
There are two ways to create a symbol:
• Converting an existing object• Creating new symbol from scratch
![Page 53: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/53.jpg)
Library
• The Library is a storage facility for various media elements used in a Flash movie, such as graphics, sounds and movies
• Libraries can be shared between many Flash movies
![Page 54: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/54.jpg)
Publishing Options
![Page 55: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/55.jpg)
Formats Options
![Page 56: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/56.jpg)
Flash Options
![Page 57: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/57.jpg)
HTML Options
![Page 58: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package](https://reader030.vdocuments.mx/reader030/viewer/2022032723/56649cf75503460f949c7a50/html5/thumbnails/58.jpg)
Projector