58
Macromedia Flash 5 Foundation Level Course

Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package

Embed Size (px)

Citation preview

Page 1: Macromedia Flash 5 Foundation Level Course. What is Flash? Flash 5 is the latest version of Macromedia’s graphics and animation package

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Projector