1 / 36

Chapter Lessons

Chapter Lessons. OVERVIEW. Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers. Drawing in Flash MX. INTRODUCTION. Flash creates and manipulates vector graphics Vector format Vs Bitmap format Bitmap graphics are based on pixels

feivel
Download Presentation

Chapter Lessons

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter Lessons OVERVIEW • Use the Macromedia Flash drawing tools • Edit drawings • Work with objects • Work with text • Work with layers Getting Started with PhotoShop 7.0

  2. Drawing in Flash MX INTRODUCTION • Flash creates and manipulates vector graphics • Vector format Vs Bitmap format • Bitmap graphics are based on pixels • Altering pixels can result in jagged edges Getting Started with PhotoShop 7.0

  3. Vector Graphics INTRODUCTION • 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 Getting Started with PhotoShop 7.0

  4. Modifying vectors INTRODUCTION • 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 Getting Started with PhotoShop 7.0

  5. The Drawing Tools LESSON 1 • SELECTION - 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 Getting Started with PhotoShop 7.0

  6. The Drawing Tools LESSON 1 • PEN- 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 Getting Started with PhotoShop 7.0

  7. The Drawing Tools LESSON 1 • FREE 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 Getting Started with PhotoShop 7.0

  8. The Drawing Tools LESSON 1 • 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 Getting Started with PhotoShop 7.0

  9. Flash Drawing Toolbox LESSON 1 Point to a tool to display its name Getting Started with PhotoShop 7.0

  10. Tool options LESSON 1 Pencil Tool Options Changing the Brush Size Getting Started with PhotoShop 7.0

  11. Selecting Objects LESSON 2 • Before you can edit a drawing, you first must select the object • Strokes and Fills can be selected independently • Strokes can have several segments Getting Started with PhotoShop 7.0

  12. Using the Selection Tools LESSON 2 • 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 Getting Started with PhotoShop 7.0

  13. Using the Selection Tools LESSON 2 Stroke selected Fill selected Stroke and Fill selected Group selected Unselected Getting Started with PhotoShop 7.0

  14. Working with Gradients LESSON 2 • 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 Getting Started with PhotoShop 7.0

  15. Working with Gradients LESSON 2 The position of the Paint Bucket Tool determines the direction of the gradient fill Fill Transform Handles Getting Started with PhotoShop 7.0

  16. Working with objects LESSON 3 • 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 Getting Started with PhotoShop 7.0

  17. Free Transform Tool LESSON 3 Rotate an Object around its Transform-ation point Scale with Corner handles Drag middle handle to skew an object Drag corner handle to Rotate an object Getting Started with PhotoShop 7.0

  18. Reshaping a segment of an Object LESSON 3 • 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 Getting Started with PhotoShop 7.0

  19. Distorting with the Arrow and sub-selection tools LESSON 3 Using the Selection tool’s Arc Pointer to reshape an object Using the Subselection Tool to drag a handle and reshape an object Getting Started with PhotoShop 7.0

  20. Other transformations LESSON 3 • 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 Getting Started with PhotoShop 7.0

  21. Treating text LESSON 4 • Flash provides a lot of flexibility when formatting text • Font • Size • Style • Color • Transformation Getting Started with PhotoShop 7.0

  22. Entering Text and altering the Text Block LESSON 4 • Text 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 Getting Started with PhotoShop 7.0

  23. Changing Text Attributes LESSON 4 • 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 Getting Started with PhotoShop 7.0

  24. Working with Paragraphs LESSON 4 • 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 Getting Started with PhotoShop 7.0

  25. Transforming Text LESSON 4 • 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 Getting Started with PhotoShop 7.0

  26. Transforming Text LESSON 4 Skewing a text block Reshaping a letter after the text block has been “broken apart” Getting Started with PhotoShop 7.0

  27. Introduction to Layers LESSON 5 • Layers are used on the timeline to organize objects • Placing objects on their own layer makes them easier to work with • Six layer types Getting Started with PhotoShop 7.0

  28. The Six Layer Types LESSON 5 • 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 Getting Started with PhotoShop 7.0

  29. The Six Layer Types LESSON 5 • Guided • 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 Getting Started with PhotoShop 7.0

  30. The Six Layer Types LESSON 5 • 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 Layer Getting Started with PhotoShop 7.0

  31. Working with Layers LESSON 5 • Using the Layer Properties Dialog box, and the Layer section, you can • Name a layer • Lock a layer • View layers as outlines Getting Started with PhotoShop 7.0

  32. Using a Guide Layer LESSON 5 • 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 Getting Started with PhotoShop 7.0

  33. Distributing Text to Layers LESSON 5 • Used when text blocks are made up of more than one character • Distributes text to its own respective layer Distributing text to layers Getting Started with PhotoShop 7.0

  34. Using Folder Layers LESSON 5 • Allows you to organize layers by creating folders and grouping other layers in them A folder layer Getting Started with PhotoShop 7.0

  35. Chapter B Tasks SUMMARY • Use the Macromedia Flash drawing tools • Edit drawings • Work with objects • Work with text • Work with layers Getting Started with PhotoShop 7.0

More Related