Presentation is loading. Please wait.

Presentation is loading. Please wait.

Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.

Similar presentations


Presentation on theme: "Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols."— Presentation transcript:

1 Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols

2 XP Objectives Draw lines, curves, ovals, and rectangles Apply stroke and fill colors Modify strokes and fills Transform graphic objects using the Free Transform tool Create text blocks New Perspectives on Adobe Flash CS42

3 XP Objectives Export a graphic for use in a Web site Learn how to use the History panel Create symbols and instances of symbols Organize symbols in the Library panel Apply filters to symbol instances and text New Perspectives on Adobe Flash CS43

4 XP Drawing Lines and Shapes Tools for drawing lines and curves – Line, Pen, and Pencil tools Tools for drawing basic shapes – Oval, Rectangle, PolyStar, Brush, Rectangle Primitive, and Oval Primitive tools New Perspectives on Adobe Flash CS44

5 XP Sketch of the Web Site Banner for Jenny’s Oyster Hut Web site New Perspectives on Adobe Flash CS45

6 XP Using the Oval, Rectangle, and PolyStar Tools Common technique for using the three tools – Select the tool on the toolbar – Select colors for the stroke and fill – Click and drag the pointer on the Stage PolyStar tool: used to draw polygons or star shapes The Oval tool can be used to draw a perfect circle The Rectangle tool can draw a perfect square New Perspectives on Adobe Flash CS46

7 XP Star Shapes with Different Point Sizes New Perspectives on Adobe Flash CS47

8 XP Using the Pencil Tool Used to draw straight and free-form lines Features common to Pencil and Line tools – Color, height, and style options for lines Pencil Mode modifier New Perspectives on Adobe Flash CS48

9 XP Fins Drawn on the Fish New Perspectives on Adobe Flash CS49

10 XP Paint Bucket Tool Change color of fill or add fill for enclosed area Using the Paint bucket tool – Select tool from the Tools panel – Select a fill color – Click an object’s enclosed area using tool’s pointer Gap Size modifier – Determines how tool will paint partially enclosed areas New Perspectives on Adobe Flash CS410

11 XP Applying a Fill Color New Perspectives on Adobe Flash CS411

12 XP Eyedropper Tool Copy fill or stroke properties of an object Using the Eyedropper Tool – Click the Eyedropper tool in the Tools panel – Click the stroke or fill whose attributes are to be copied – Click the stroke or fill to apply the copied attributes New Perspectives on Adobe Flash CS412

13 XP Fill Color Copied from the Green Oval to the Top Fin New Perspectives on Adobe Flash CS413

14 XP Using Primitive Tools Rectangle Primitive and Oval Primitive tools – Create rectangles and ovals that are treated as separate objects You can modify characteristics using the Property inspector New Perspectives on Adobe Flash CS414

15 XP Shapes Drawn with the Primitive Tools New Perspectives on Adobe Flash CS415

16 XP Free Transform Tool Actions: move, rotate, scale, skew, or distort objects Transform entire object or particular stroke or fill Using the Free Transform tool – Click the Free Transform tool on the Tools panel – Select the object you want to transform – Click one of the modifiers on the Tools panel – Drag the bounding box handles to modify the object Modifiers: Rotate and Skew, Scale, Distort, Envelope New Perspectives on Adobe Flash CS416

17 XP Scaled and Rotated Fish New Perspectives on Adobe Flash CS417

18 XP Adding Text Static text block – Text object that does not alter after document is published Dynamic text field – Text object that can be altered after document is published Input text field – Allows user to enter text in form or surveys Create a text block using the Text tool Modify a text block from the Property inspector New Perspectives on Adobe Flash CS418

19 XP Text Tool Creates text blocks for your documents Fixed-width text block – Doesn’t change as you type Single-line text block – Block extends as you type Modify text block using the Property inspector New Perspectives on Adobe Flash CS419

20 XP Text Block for the Top of the Banner New Perspectives on Adobe Flash CS420

21 XP Checking the Spelling of Text Use Check Spelling command on Text menu Configure Check Spelling command before use Features of the Spelling Setup dialog box – Document options – Built-in dictionaries – Personal dictionary – Checking options New Perspectives on Adobe Flash CS421

22 XP Check Spelling Dialog Box New Perspectives on Adobe Flash CS422

23 XP Exporting a Graphic for Use on the Web Flash documents are created in the FLA format Published documents (Flash movies) are SWF files Exporting involves converting a file format – Example: export image in FLA file to JPG format Exporting combines distinct elements into one graphic Image elements are modified in source FLA document New Perspectives on Adobe Flash CS423

24 XP Export Image Dialog Box New Perspectives on Adobe Flash CS424

25 XP Using the History Panel Record of steps you have performed Steps are recorded and displayed Replaying steps – Apply step(s) in the History panel to an object on the Stage Undoing steps – Document-level undo and object-level undo New Perspectives on Adobe Flash CS425

26 XP Creating and Editing Symbols Symbols: reusable graphics or buttons Convert an object to a symbol with Convert to Symbol Create a new symbol using the New Symbol command Symbol behavior types – Movie clip (default) – Graphic symbol – Button symbol New Perspectives on Adobe Flash CS426

27 XP Using the Library Stores symbols you create for a document View, organize, and edit symbols from Library panel Click Library on Window menu to view Library Panel Symbol’s icon indicates type and behavior Create folders to group and hold related symbols New Perspectives on Adobe Flash CS427

28 XP Library Panel New Perspectives on Adobe Flash CS428

29 XP Editing a Symbol Symbols may be edited after they are created Options available through the instance – Edit Symbols – Edit Selected – Edit in Place Editing the symbol directly – Select the symbol in the Library panel – Double-click icon to enter symbol-editing mode New Perspectives on Adobe Flash CS429

30 XP Instances of Symbols New symbols are automatically stored in the library Use symbols in your document by creating instances Create an instance by dragging symbol onto Stage Instances may be modified without altering the original symbol New Perspectives on Adobe Flash CS430

31 XP Applying Filters A filter is a special graphic effect – Can be applied to movie clips, buttons, and text Applied using the Filters section of the Property inspector – Drop shadow – Blur – Glow – Bevel New Perspectives on Adobe Flash CS431

32 XP Drop Shadow Applied to a Fish Graphic Instance New Perspectives on Adobe Flash CS432


Download ppt "Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols."

Similar presentations


Ads by Google