Date post: | 21-Dec-2015 |
Category: |
Documents |
View: | 244 times |
Download: | 9 times |
Macromedia Flash MX 2004 –Design Professional
Macromedia Flash MXDRAWING IN
2Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Use the Macromedia Flash drawing tools
Edit drawings
Work with objects
Work with text
Work with layers
Chapter Lessons
3Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Flash creates and manipulates vector graphics
Vector format Vs Bitmap format– Bitmap graphics are based on pixels– Altering pixels can result in jagged
edges
Drawing in Flash MX
4Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Native to Flash
Represent an image using lines and curves
Can resize without losing image quality
Generally smaller than bitmap images – Good for Web sites
Not as effective at bitmaps for photo-realistic images
Vector Graphics
5Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Modifying vectors
Vector objects have a stroke, fill, or both
Strokes can be segmented into smaller lines
You can modify the size, shape, rotation, and color of each stroke, fill and segment
6Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
The Drawing ToolsSELECTION - Used to select an object or parts of an object such as the stroke or fill, and to reshape objects
SUBSELECTION-Used to select, drag, and reshape an object
– Anchor Points
LINE-Used to draw straight lines
LASSO- Used to select objects or parts of objects
7Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
The Drawing ToolsPEN- Used to draw lines and curves by creating a series of dots
TEXT-To create and edit text
OVAL-To draw oval and circular shapes
RECTANGLE- To draw rectangular and square shapes
PENCIL-Used to draw freehand lines
BRUSH- Used to paint with brush-like strokes
8Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
The Drawing ToolsFREE TRANSFORM-Used to transform objects by rotating, scaling, skewing, etc
FILL TRANSFORM-Used to transform a gradient fill
INK BOTTLE-Used to apply line colors and thickness to a stroke
PAINT BUCKET-Used to fill enclose areas of a drawing with color
9Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
The Drawing Tools
EYEDROPPER-Used to copy stroke, fill and text attribute from one object to another
ERASER-Used to erase lines and fills
Many of the tools have options that you should become familiar with
10Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Point to a tool todisplay its name
Flash Drawing Toolbox
11Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Tool optionsPencil ToolOptions
Changing theBrush Size
12Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Selecting Objects
Before you can edit a drawing, you first must select the object
Strokes and Fills can be selected independently
Strokes can have several segments
13Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Using the Selection Tools
Arrow Tool -Used to select part or all of an object– To select multiple objects hold down
“Shift”
Lasso Tool -Provides more flexibility when selecting an area of the stage– Freehand– Polygon
14Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Using the Selection Tools
UnselectedStroke
selectedFill
selectedStroke and Fill selected
Group selected
15Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Working with Gradients
A gradient is a color fill that makes a gradual transition from one color to another
Apply a gradient with the Paint Bucket Tool
The position of the Paint Bucket Tool determines the direction of the gradient fill
16Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Working with Gradients
The position of the PaintBucket Tool determines the direction of the gradient fill
Fill Transform Handles
17Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Working with objects
Objects can be copied and pasted
Objects can be transformed with the Free Transform Tool– Select the object, then the tool to
display the eight rectangular handles and center circular transformation point.
– Rotate and Skew, Scale, Distort, Envelope
18Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Free Transform Tool
Scale withCornerhandles
Drag corner handle toRotate anobject
Rotate anObject around itsTransform-ation point
Drag middle handle toskew anobject
19Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Reshaping a segment of an Object
The Selection tool can be used to reshape the edge of an object– The pointer is context-sensitive– The Arc pointer drags out curved
shapes– The L shaped pointer drags out
corners of the object
20Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Distorting with the Arrow and sub-selection tools
Using the Selection tool’sArc Pointer to reshapean object
Using the SubselectionTool to drag a handle andreshape an object
21Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Other transformations
You can use other options to flip an object horizontally or vertically
The Remove Transform Command allows you to restore an object to its original state
22Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Treating textFlash provides a lot of flexibility when formatting text– Font
– Size
– Style
– Color
– Transformation
23Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Entering Text and altering the Text BlockText is entered into “Text Blocks”
Text Blocks expand as more text is entered and may extend beyond the edge of the stage
You can adjust the size to a fixed width by dragging the handle in the upper right corner
24Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Changing Text Attributes
The Properties panel allows you to change the font, size and style of a single character or an entire text block
The Properties Panel when a text object is selected
25Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Working with Paragraphs
Flash acts similar to a word processor
You can align paragraphs– left, right, center, justified
Use the Properties panel to set– Margins, indents, line spacing
26Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Transforming Text
Text is an object, and can therefore be transformed like other objects in Flash
The entire block gets transformed
Use “Break Apart” command to transform individual letters
27Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Transforming Text
Skewing a text block
Reshaping a letter after the textblock has been “broken apart”
28Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Introduction to Layers
Layers are used on the timeline to organize objects
Placing objects on their own layer makes them easier to work with
Six layer types
29Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
The Six Layer Types
Normal-default layer type– All objects on these layers appear in
the movie
Guide(Standard and Motion)– Standard guide layers serve as a
reference point for positioning objects on the stage
– Motion guide layers are used to create a path for animated objects to follow
30Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
The Six Layer TypesGuided– A layer that contains an animated object,
linked to a Motion Guide layer
Mask– A layer that contains and reveals portions
of another layer
Masked– A layer that contains the objects that are
hidden and revealed by a Mask layer
31Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
The Six Layer Types
Folder– A layer that can contain other layers
Show/Hide All LayersShow All Layers as Outlines
Lock/Unlock All Layers
Lock/Unlock This Layers
Show/Hide this Layer
32Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Working with Layers
Using the Layer Properties Dialog box, and the Layer section, you can– Name a layer
– Lock a layer
– View layers as outlines
33Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Using a Guide Layer
Used to align objects– Use the Layer Properties Dialog
box to set the layer as a guide
– Turn on “Snap to Guides”
– Drag the desired object to the guide line
– Guide is not visible in exported swf
34Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Distributing Text to Layers
Used when text blocks are made up of more than one character
Distributes text to its own respective layer
Distributing textto layers
35Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Using Folder Layers
Allows you to organize layers by creating folders and grouping other layers in them
A folder layer
36Drawing in Macromedia Flash Web Collection: Flash MX 2004 Chapter B
Chapter B TasksUse the Macromedia Flash drawing tools
Edit drawings
Work with objects
Work with text
Work with layers