1-1 obj copyright 2003, paradigm publishing inc. dr. joseph otto silvia castaneda christopher...

1-1-11OBJOBJ

Copyright 2003, Paradigm Publishing Inc.

Dr. Joseph Otto

Silvia Castaneda

Christopher deCastroCSULA

Macromedia Flash MXMacromedia Flash MXIntroductionIntroduction

1-1-22OBJOBJ


What is Macromedia Flash MX?What is Macromedia Flash MX?What is Macromedia Flash MX?What is Macromedia Flash MX?

a software application that creates rich content

Web sitesWeb sitesmultimedia

devices- CDROMs

multimediadevices

- CDROMs

1-1-33OBJOBJ


Web designer or developerDesign appealing web pages or

parts of web pages Static images, lots of text Interactive sites – animated logos,

watch movies, click graphic buttons

Flash files – smaller – vector animation program – reuse objects

Create graphics and animation – flash document

1-1-44OBJOBJ


Graphic ImagesGraphic ImagesGraphic ImagesGraphic Images

- describes images using mathematical

equations- small file sizes

- fast download time- resized without

becoming distorted

vector

- represented by pixels

- large file sizes- slower download

time- degrade in quality as they are resized

bitmapped

1-1-55OBJOBJ


.fla filename extension – contain – develop, design, test interactive content

Publish as a flash movie - .swf – browser – plug-in – flash player or shockwave

1-1-66OBJOBJ


Flash File TypesFlash File TypesFlash File TypesFlash File Types

- automaticallyassigned to the end

of the file name- can only be

opened in Flash

fla

- assigned to movies converted to the

Flash Player format- can be viewed inany Web browser

swf

1-1-77OBJOBJ


createeye-catching

graphics

createbuttons for auser interface

Graphics or other elements can beanimated to produce stimulating

effects and interactivity.

Graphics or other elements can beanimated to produce stimulating

effects and interactivity.

1-1-88OBJOBJ


A developer creates the sequence of images or imports images and

adds special effects.

animation

sound video

This process is referred to as authoring.

1-1-99OBJOBJ


The content has to be converted to a format that

can be viewed by others.

Flash PlayerFlash Player

included in most Web browsers

1-1-1010OBJOBJ


Flash Content on the WebFlash Content on the WebFlash Content on the WebFlash Content on the Web

background color behind the word changes as the mouse rolls over it and a new menu

appears

images move across the page in a

sequence

1-1-1111OBJOBJ


Advantages of Using FlashAdvantages of Using FlashAdvantages of Using FlashAdvantages of Using Flash

Vector Graphics graphics created in Flash are stored as

vectors by default Streaming Technology

multimedia files begin playing instantaneously as data is being transferred

Ease of Use easy to learn

Compatibility movie will display consistently in any

operating environment

1-1-1212OBJOBJ


The Flash ScreenThe Flash ScreenThe Flash ScreenThe Flash Screen

Title bar

Menu bar

Toolbox

Timeline

Stage

Property Inspector

Workspace

Panels

Information bar

1-1-1313OBJOBJ


Screen ComponentsScreen ComponentsScreen ComponentsScreen Components

Stage where you draw objects and/or place items

Workspace where you practice drawing techniques or

place objects that will be animated on or off the stage

Layers - different areas that are stacked onto a flash workspace

Toolbox contains the tools needed to draw and

modify objects

1-1-1414OBJOBJ


Screen Components…/2Screen Components…/2Screen Components…/2Screen Components…/2

Timeline where layers and frames are

controlledPanels

contain options for controlling or manipulating the objects on the stage

Property Inspector displays information and options for

the active object

1-1-1515OBJOBJ


Drawing Basic ShapesDrawing Basic ShapesDrawing Basic ShapesDrawing Basic Shapes

Click the tool in the Toolbox for the shape that you want to draw

Choose the attributes line colors, fill colors, line thickness,

line styles, and so on

Draw the shape position crosshair pointer drag to ending point release mouse button

1-1-1616OBJOBJ


ToolboxToolboxToolboxToolbox

Arrow Tool (V)Line Tool (N)Pen Tool (P)

Oval Tool (O)Pencil Tool (Y)

Free Transform Tool (Q)Ink Bottle Tool (S)

Eyedropper Tool (I)

Hand Tool (H)

Black and White

No Color

Subselection Tool (A)Lasso Tool (L)Text Tool (T)Rectangle Tool (R)Brush Tool (B)Fill Transform Tool (F)Paint Bucket Tool (K)Eraser Tool (E)

Zoom Tool (M, Z)

Stroke ColorFill ColorSwap Colors

Options vary dependingon active tool

1-1-1717OBJOBJ


Selecting Shape Attributes…/3Selecting Shape Attributes…/3Selecting Shape Attributes…/3Selecting Shape Attributes…/3

hold down the leftmouse button and

drag to create an oval

hold down theShift key while dragging

to create a circle

1-1-1818OBJOBJ


Starting a New DocumentStarting a New DocumentStarting a New DocumentStarting a New Document

File, New or Ctrl + N- a new document is created

- document on the screen is moved to the background- bottom of Window menu lists open documents

File, New from Template- templates included with Flash

1-1-1919OBJOBJ


Selecting ObjectsSelecting ObjectsSelecting ObjectsSelecting Objects

Arrow ToolArrow Toolmethods:

- click object- double-click object

- Shift + click- draw a selection box

Lasso ToolLasso Tool

Subselection ToolSubselection Tool

draw a lasso around anirregular group of objects

click outline todisplay the points

that define the object

1-1-2020OBJOBJ


Creating a Basic AnimationCreating a Basic AnimationCreating a Basic AnimationCreating a Basic Animation

Animation simulation of movement created by playing

a series of slightly different graphics over a period of time at a fast rate

Sequence of images stored in frames default frame rate is 12 fps (frames per

second) Images created in keyframes

automatically generates copies in the frames between the keyframes

Animate by changing contents at various keyframes

1-1-2121OBJOBJ


TimelineTimelineTimelineTimeline

Frames

CurrentFrame

FrameRate

ElapsedTime

FrameNumbers

Playhead

1-1-2222OBJOBJ


FramesFramesFramesFrames

Ordinary Frames the frames that

Flash generates the frames

between the keyframes

Keyframes the frames that

you create• where you modify

the images identified by a dot

inside the frame• solid dot indicates

content• empty dot

indicates blank

frame 1 is automatically considered a keyframeframe 1 is automatically considered a keyframe

1-1-2323OBJOBJ


Creating the AnimationCreating the AnimationCreating the AnimationCreating the Animation

create the content

select the framein the Timeline

Insert, Keyframe

1-1-2424OBJOBJ


Creating the Animation…/2Creating the Animation…/2Creating the Animation…/2Creating the Animation…/2

modify the contentfor the next portion

of the movie

repeat insertingkeyframes and

modifying contentas desired

1-1-2525OBJOBJ


Viewing the MovieViewing the MovieViewing the MovieViewing the Movie

Pressing Enter allows you to view the movie's animation

The playhead moves along the Timeline as the movie is being played

1-1 obj copyright 2003, paradigm publishing inc. dr. joseph otto silvia castaneda christopher...

Documents