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