working with brushes, symbols, and layers chapter 8 © 2011 delmar, cengage learning

43
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

Upload: jeremy-bruce

Post on 23-Dec-2015

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

Working with Brushes, Symbols, and Layers

Chapter 8

© 2011 Delmar, Cengage Learning

Page 2: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Chapter Objectives• Place a sketch or line art in Illustrator as a template to

make the artwork scalable and sharp with Illustrator’s drawing tools.

• Learn to trace the image accurately using Illustrator’s drawing tools and the Live Trace tool.

• Create and apply brushes, place symbols, and format text by applying styles.

• Create symbols to add to the Symbols panel. • Work with Symbolism tools and symbol libraries. • ADVANCED: Placing a logo created by the Blob Brush

tool onto multiple artboards, for various print sizes.

Page 3: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Creating Templates in Illustrator• When drawings are scanned in a digital imaging application like

Photoshop, and are traced and recreated in Illustrator, they can be scaled to any size and edited, while keeping sharp edges throughout.

• A nonprintable template, which is a faded version of the original image, can be created from a scanned image and then traced and edited using many of Illustrator’s drawing and painting tools.

Page 4: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Drawing Tools (1 of 2)

• As a line is drawn, a path is automatically created with anchor points when the mouse is released.

• The Pencil tool allows the designer to draw freely or trace any drawing from a template.

• The Smooth tool moves and deletes anchor points to help smooth out crooked freehand path segments created by the Pencil tool.

• The Eraser tool removes anchor points and path segments.• The Selection tool creates a bounding box around selected paths.• Illustrator’s Blob Brush tool creates clean vector paths and shapes,

even when strokes overlap one another. This tools works in conjunction with the Direct Select, Path Eraser, and Smooth tools creating paths that can be merged as filled shapes of the same color.

Page 5: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Drawing Tools (2 of 2)

Page 6: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Direct Selection Tool The Direct Selection tool selects isolated segments,

anchor points, or objects. You can then drag and reposition these selected paths and anchor points.

Page 7: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Symbols, Symbolism Tools, Libraries, and the Symbols Panel

• Symbols are art objects that you can create from combinations of paths, text, images, or groups of objects, including brush strokes and special effects, and save for later use in the Symbols panel.

• The Symbols panel is used to place, store, and create symbols.

• You can modify the size, color, and distribution of symbol instances using various Symbolism tools.

• Illustrator comes with a wide variety of preset symbols organized in collections called symbol libraries.

• You can create repeating symbol designs or symbol instances of a particular symbol within a document.– These symbol instances can be edited and changed.

Page 8: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Symbols, Symbol Panels, and Libraries

Page 9: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Applying Brushes(1 of 2)

• Creating paths with brushes usually involves either the Paintbrush, Pencil, or Pen tools.

• To apply brushes using these tools, you choose a brush from the Brushes panel first, then draw in the artwork creating paths.

• You can also apply brushes to existing paths by selecting the path(s) first, and then choose a brush in the Brushes panel.

• Illustrator comes with a variety of preset brushes organized as brush libraries, which appear in a new panel and are added by selecting the brush and dragging it to the Brushes panel.

• In the Brushes panel, you can create your own brush artwork or use predefined brushes in four different categories: Calligraphic, Scatter, Art, and Pattern.

Page 10: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Brushes, Panels, and Libraries (2 of 2)

Page 11: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Working with Type• The Type tools contain many functions in Illustrator. You

can select the normal horizontal Type tool, make selections from the Type menu, and then click anywhere to start typing normally.

• There are also Type tools that allow you to type vertically and along a path or within an area.

• Type-related panels in the Window menu (Window > Type) allow adjustments in character or paragraph formatting, tabbing, and to create and apply automated special formatting or styles to selected text.

• You can also use the Control Panel to select Type options.

Page 12: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Type Tool, Panels, and Tool Options

Page 13: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Creating a Tourist Map From A Sketch

Page 14: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Scanning Drawings Into Photoshop• Before tracing and applying brushes and symbols to the map, it

needs to be brought into Illustrator as a template to use as a guide for tracing.

• Since the template will be dimmed when placed in Illustrator, you can scan the image into Photoshop and save it in Grayscale mode to keep the file size down.

• Line art can be any drawing or sketch created by traditional drawing utensils, like pencil, pen, charcoal, and so on.

• To bring line art into the computer to use in Illustrator, it still needs to be scanned and imported into an image-editing program like Photoshop (File > Import).

• The image can then be “placed” into a new document created in Illustrator.

Page 15: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Scanning Into Photoshop

Page 16: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Placing the Drawing as a Template• Before an image is traced, a template layer must be created, which

dims the image. Template layers are nonprintable representations that allow you to trace a sketch or drawing.

• By using the Place command, any sketch or drawing can be made into a template for tracing manually by either the Pencil or Pen tool.

• When the Place dialog box comes up, and the Template option is checked, the scanned image can be placed in a new document created in Illustrator and is automatically dimmed 50 percent.

• A drawing layer is automatically created on top of the template layer for tracing the drawing.

• You can lock and unlock the template layer or any other layer by clicking on the Lock Icon to the left of the active layer.

• Layers can be named and options set by double-clicking on a layer’s name.

Page 17: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Placing Artwork as Template

Page 18: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using Pencil, Smooth, and Eraser Tools• When tracing, the Pencil tool allows you to create freehand paths.

You can modify a path by drawing over the path with the Pencil tool again, which replaces the existing path with the newly drawn path.

• The Smooth tool is used to edit or smooth out crooked path segments, while the Eraser tool will remove path segments.

• If you mess up, use Edit > Undo Pencil to delete that portion of the path, redraw it, and then use the Smooth and Eraser tools to adjust and complete the basic outline, if needed.

Page 19: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using the Direct Selection Tool• The Direct Selection tool allows the designer to select

single path segments or anchor points and move them around independently of the rest of the path.

• Dragging the direction lines extending from anchor points modify a curve or path with precision.

Page 20: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Displaying and Hiding the Template Layer and Selected Paths

Page 21: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using the Line Segment and Direct Selection Tools

Page 22: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using the Stroke Panel

Page 23: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Creating A Custom Brush

Page 24: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using Live Trace (1 of 2)

• Illustrator uses a Live Trace function that interprets the contours and outlines of drawings and bitmap images, translating them into vector drawings.

• The Tracing Options dialog box offers presets to trace a variety of images, including sketches, drawings, photos, and even templates, and you have the ability to set your own options for tracing.

• Live Trace is located in the Object menu. In order to trace any object, it has to be selected first.

• To convert the tracing outline to a series of connected paths, you select the Expand command.

Page 25: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using Live Trace (2 of 2)

Page 26: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Symbols Panel• A designer can create a graphic, copy it, and then paste it into

another document. The selected graphic can then be saved as a symbol in the Symbols panel for later use.

• Any object can be made into a symbol, which can then appear as a• graphic thumbnail in the Symbols panel. • Once a symbol is created, it stays in the Symbols panel for use

whenever it is needed in the document. • You can create multiple versions of the symbol, called symbol

instances, by dragging it from the Symbols panel to the artboard. Once it is placed in your document, you can resize or edit it.

• Illustrator allows you to name your symbol and determine whether it will be used as a graphic or as part of a video or animated sequence.

Page 27: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Symbols Panel With New Symbols Created

Page 28: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Placing Imported Type in Illustrator• Illustrator allows you to import text from other documents made by

Microsoft Word (DOC), as plain text files (TXT), or rich text format files that maintain formatting commands (RTF).

• With text, the Place command imports a copy of the document into its own text block; so it can easily be moved around into position and edited.

Page 29: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Character and Paragraph Panels• Illustrator has a Character panel and a Paragraph panel to format

selected type. This is helpful when you need to format large amounts of text or specialized titles and headlines.

• In the Character panel, you can apply character formatting techniques to selected characters or lines of text, while in the Paragraph panel, you can apply paragraph formatting commands to selected paragraphs.

Page 30: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Symbolism Tools and Symbol Instances• You can select symbols from a variety of preset symbols

organized in collections called symbol libraries.• When you open a Symbol library from the Symbols panel

menu, it displays as a new panel.• To add symbols to the Symbols panel from the library,

just select from the Symbol library, and it is automatically placed in the Symbols panel.

• Placing symbols on the artwork creates symbol instances, which can be resized and modified using the various Symbolism tools.

• To make any changes to a symbol instance, it needs to be selected first.

Page 31: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Symbolism Tools• To adjust the size of a graphic, you can use the Symbol Sizer tool. • The Symbol Spinner tool is used to vary the direction of the selected

symbol instance. • You can change the color of symbol instances with the Symbol

Stainer tool and apply other effects to symbol instances with the other Symbolism tools.

Page 32: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Saving Artwork in EPS Format (1 of 2)

• Saving Illustrator files in EPS format allows them to be viewed universally by many graphics applications.

• EPS files work quite nicely with text and graphic elements and are used predominantly in the commercial press industry, especially when vector graphics are needed to maintain sharpness and clarity.

• You can include options like embedding fonts and display thumbnail previews, although adding options will also increase file size.

• You can save EPS files using the current CS5 version or earlier versions. If you save to an earlier version, you may see various warnings and functions grayed out in the dialog box; this is because some of Illustrator CS5’s features may not have been available in a previous version.

Page 33: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Saving Artwork in EPS Format (2 of 2)

Page 34: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Advanced: Placing Logos Created by the Blob Brush Onto Multiple Artboards

• The Multiple Artboards feature allows a designer to create up to 100 multiple artboards to show a potential client various sizes and types of media that the artwork created can be used for.

• Whereas the Brush, Pen, and Pencil tools create stroke paths and anchor points from the inside out, the Blob Brush tool creates paths of a Fill color with no stroke with paths and anchor points on the outside creating shapes from anything you draw.

• Multiple artboards are useful for creating a variety of things such as multiple page PDFs, printed pages with different sizes or different elements, independent elements for websites, and so on.

Page 35: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using Multiple Artboards

Page 36: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Multiple Artboards and the Artboard Tool• Designers can use and save multiple artboards within one

document or export each artboard to its own file. • Double-clicking the Artboard tool opens the Artboard Options dialog

box, and then clicking Artboard Options button in the Control panel. • You can adjust dimensions of a selected artboard using the Control

panel or by using the Artboard tool. • The Artboard tool (Shift + O) controls how you move, resize, and

edit artboards, with one artboard selected at a time. • To set an artboard as the active artboard, click it. When you have

multiple artboards defined, you can view them all by selecting the Artboard tool.

• Double-clicking the Artboard tool opens the Artboard Options dialog box, or by clicking the Artboard Options button in the Control panel.

Page 37: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using the Artboard Tool

Using the Artboard tool to select, edit, resize, and move artboards to suit various client needs.

Page 38: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using the Artboard PanelThe Artboard Tool can be used to name each artboard or create an orientation. The Artboards panel provides options for your individual artboards.

Page 39: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

The Blob Brush Tool• Illustrator’s Blob Brush tool (Shift + B) allows a designer to draw

merged paths as fill shapes. Instead of a regular paintbrush stroke, you get a filled compound path.

• You can use the Blob Brush tool to paint filled shapes that you can intersect and merge with other shapes of the same color. The key here is same color shapes.

• The Blob Brush tool uses Fill colors with a Stroke of none. Different colors create different or independent shapes or object paths.

• The Blob brush works alongside the Direct Selection, Smooth, and Path Eraser tools to smooth out or erase parts of the shape paths created by the Blob Brush. To see brush options, double-click on the Blob Brush tool.

• You can use the Blob Brush tool to create free-style shapes.

Page 40: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

The Blob Brush Tool and Draw Behind Modes

Using the Draw Behind mode, you can draw behind all artwork on a selected layer if

no artwork is selected, otherwise if artwork is selected, the new object is drawn

directly beneath the selected object.

Page 41: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Using the Blob Brush Tool

Page 42: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

Saving Multiple Artboards• When saving multiple artboards in,

you can save as one document, which will display as multiple pages in Bridge.

• If you save to earlier versions like CS3, it will create separate documents from each artboard.

• You can also export a range of different artboards or choose individual pages. Saving your work as PDF file will display multiple artboards within the same document name.

Page 43: Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning

© 2011 Delmar Cengage Learning

End