1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher...
-
Upload
monica-johns -
Category
Documents
-
view
217 -
download
2
Transcript of 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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
.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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
TimelineTimelineTimelineTimeline
Frames
CurrentFrame
FrameRate
ElapsedTime
FrameNumbers
Playhead
1-1-2222OBJOBJ
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
Creating the AnimationCreating the AnimationCreating the AnimationCreating the Animation
create the content
select the framein the Timeline
Insert, Keyframe
1-1-2424OBJOBJ
Copyright 2003, Paradigm Publishing Inc.
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
Copyright 2003, Paradigm Publishing Inc.
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