use the macromedia flash drawing tools edit drawings work with objects work with text work with...
Post on 21-Dec-2015
217 views
TRANSCRIPT
![Page 1: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/1.jpg)
Use the Macromedia Flash drawing tools
Edit drawings
Work with objects
Work with text
Work with layers
Unit Lessons
![Page 2: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/2.jpg)
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
![Page 3: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/3.jpg)
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
![Page 4: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/4.jpg)
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
![Page 5: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/5.jpg)
The Drawing ToolsARROW-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
![Page 6: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/6.jpg)
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 brushlike strokes
![Page 7: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/7.jpg)
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
![Page 8: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/8.jpg)
The Drawing ToolsEYEDROPPER-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
![Page 9: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/9.jpg)
Point to a tool todisplay its name
Description of thetool
![Page 10: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/10.jpg)
Tool options
Pencil ToolOptions
Changing theBrush Size
![Page 11: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/11.jpg)
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
![Page 12: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/12.jpg)
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
![Page 13: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/13.jpg)
Using the Selection Tools
UnselectedStroke
selectedFill
selectedStroke and Fill selected
Group selected
![Page 14: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/14.jpg)
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
![Page 15: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/15.jpg)
Working with Gradients
The position of the PaintBucket Tool determines the direction of the gradient fill
Fill Transform Handles
![Page 16: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/16.jpg)
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
![Page 17: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/17.jpg)
Free Transform Tool
Scale withCornerhandles
Drag corner handle toRotate anobject
Rotate anObject around itsTransform-ation point
Drag middle handle toskew anobject
![Page 18: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/18.jpg)
Reshaping a segment of an Object
The arrow 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
![Page 19: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/19.jpg)
Distorting with the Arrow and sub-selection tools
Using the Arrow Tool’sArc Pointer to reshapean object
Using the SubselectionTool to drag a handle andreshape an object
![Page 20: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/20.jpg)
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
![Page 21: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/21.jpg)
Treating textFlash provides a lot of flexibility when formatting text– Font
– Size
– Style
– Color
– Transformation
![Page 22: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/22.jpg)
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
![Page 23: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/23.jpg)
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
![Page 24: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/24.jpg)
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
![Page 25: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/25.jpg)
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
![Page 26: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/26.jpg)
Transforming Text
Skewing a text block
Reshaping a letter after the textblock has been “broken apart”
![Page 27: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/27.jpg)
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
![Page 28: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/28.jpg)
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
![Page 29: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/29.jpg)
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
![Page 30: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/30.jpg)
The Six Layer Types
Folder– A layer that can contain other layers
Show/Hide All Layers
Show All Layers as Outlines
Lock/Unlock all Layers
Lock/Unlock this Layers
Show/Hide this Layers
![Page 31: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/31.jpg)
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
![Page 32: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/32.jpg)
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
![Page 33: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/33.jpg)
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
![Page 34: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/34.jpg)
Using Folder Layers
Allows you to organize layers by creating folders and grouping other layers in them
A folder layer
![Page 35: Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons](https://reader035.vdocuments.mx/reader035/viewer/2022062516/56649d545503460f94a310be/html5/thumbnails/35.jpg)
Unit TasksUse the Macromedia Flash drawing tools
Edit drawings
Work with objects
Work with text
Work with layers