© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with advanced text features, corner effects, and drop shadows © 2010 Delmar Cengage Learning

Introduction InDesign allows you to create graphics using tools in InDesign The Pen tool can be used for drawing straight lines, curved lines, polygons, and irregularly shaped objects You can create shapes with the Rectangle tool, Ellipse tool, and Polygon tool. © 2010 Delmar Cengage Learning

Use the Pen Tool The Pen tool creates straight or curved line segments called paths Clicking Pen Tool on artboard creates an anchor point –Line segments are automatically placed between every two anchor points © 2010 Delmar Cengage Learning

Use the Pen Tool An open path is a path with unconnected end points. A closed path is a path consisting of continuous lines that do not contain end points. © 2010 Delmar Cengage Learning

Use the Pen Tool Straight line segments are created by creating corner anchor points –Click Pen tool once, then release –Lines connected by corner points Reconnecting to a path –Click the Pen tool over path’s end point when diagonal line appears © 2010 Delmar Cengage Learning

Use the Pen Tool Closed paths Straight path Open and curved path © 2010 Delmar Cengage Learning

Use the Pen Tool Adding anchor points and using the Direct Selection tool –Use Pen tool to create the general shape –Use Direct Selection tool to improve upon –Deselect path first, then click with Direct Selection tool –Click anchor point and drag to new location © 2010 Delmar Cengage Learning

Use the Pen Tool When you position the Pen tool positioned over an anchor point, it becomes the Delete Anchor Point tool. Click to delete anchor point. When deleted, two line segments are joined into one. © 2010 Delmar Cengage Learning

Use the Pen Tool Drawing curved segments with the Pen tool: –To draw a curve, click an anchor point, then click and drag Pen tool when creating next anchor point Anchor points are called smooth points. Direction lines determine arc of curved path. © 2010 Delmar Cengage Learning

Use the Pen Tool Change the shape of path using direction lines: –Manipulate direction lines with Direct Selection tool –Click point you want to modify, then drag direction handle in new direction to change direction, shorten or elongate it –When two segments joined at corner, they can be manipulated independently © 2010 Delmar Cengage Learning

Use the Pen Tool Converting anchor points –Direction lines move in tandem but can be moved independently with the Convert Direction Point tool –Smooth point changed into corner that joins two unrelated curves © 2010 Delmar Cengage Learning

Use the Pen Tool Converting anchor points –Convert Direction Point tool can change corner points to smooth points –Click Convert Direction Point tool on anchor point and drag pointer until new direction lines appear © 2010 Delmar Cengage Learning

Use the Pen Tool Use the Convert Direction Point tool to change corner points to smooth points and smooth points to corner points Corner point Click and drag corner point with Convert Direction Point tool pointer Resulting point is smooth © 2010 Delmar Cengage Learning

Tools panel offers tools for creating shapes: Rectangles, ellipses, polygons Click a path with the Direct Selection tool or the Pen tool to manipulate the path and the anchor points within shapes. Reshape Frames and Apply Stroke Effects © 2010 Delmar Cengage Learning

Anchor points can be moved Example of path selected with Direct Selection tool Reshape Frames and Apply Stroke Effects © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects A stroke is the border of a path You can change the stroke color and stroke weight using the Stroke panel © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects Defining joins and caps –A join defines the appearance of a corner point when a path has a stroke applied to it Miter join – produces pointed corner Round join – produces rounded corners Bevel join – produces square corners © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects A cap defines end points when stroke added –Butt caps – produce square ends –Round caps – produce round ends –Projecting caps – apply square edges that extend anchor points © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects Examples of caps and joins applied to artwork © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects The miter limit determines when a join is squared off to beveled edge. Default miter limit is 4, which means that when length of miter reaches 4 times the stroke weight, it will automatically be squared off to a beveled edge. © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects Dashed strokes are strokes that consist of a series of dashes and gaps. Define dash sequence by entering length of dashes and gaps in the Stroke panel. Create a maximum of three different size dashes separated by three different size gaps. © 2010 Delmar Cengage Learning

Reshape Frames and Apply Stroke Effects Dashes have Butt caps 24 pt. dash 12 pt. gap 6 pt. dash © 2010 Delmar Cengage Learning

Work with Polygons and Compound Paths The Tools panel offers the Polygon tool and Polygon Frame tool to create multisided objects such as triangles, pentagons, and hexagons –Double-click the Polygon tool to open Polygon Settings dialog box –Choose number of sides © 2010 Delmar Cengage Learning

Work with Polygons and Compound Paths © 2010 Delmar Cengage Learning

Work with Polygons and Compound Paths Create compound paths to cut hole in another object. Use Make Compound Path command to create compound paths. © 2010 Delmar Cengage Learning

Work with Polygons and Compound Paths Two paths that make up a compound path © 2010 Delmar Cengage Learning

Work with Polygons and Compound Paths Complex compound paths create interesting visuals © 2010 Delmar Cengage Learning

Work with Polygons and Compound Paths Anchored objects are objects you create and use as text characters. –Objects placed or pasted into text blocks at intersection point –When you edit the text, the anchored object is affected © 2010 Delmar Cengage Learning

Work with Polygons and Compound Paths Example of anchored objects © 2010 Delmar Cengage Learning

Work with Advanced Text Features Positioning type on a line –Use the Type on a Path tool to place type on a curved or straight path –Float Type on a Path tool pointer over path until plus sign appears, click path and being typing © 2010 Delmar Cengage Learning

Work with Advanced Text Features Positioning type on a line –Drag start bracket with either of selection tools to move text along path –If you drag from center text will flow in opposite direction –Once entered, edit text just as in text frame –Use Baseline Shift text box in Character panel to make text flow above or below path © 2010 Delmar Cengage Learning

Work with Advanced Text Features Converting text to outline –Convert text to outlines so that you can fill it with images or gradients –Select text, click Object on Application bar, then click Create Outlines –Each letter object is a vector graphic © 2010 Delmar Cengage Learning

Work with Corner Effects A simple way to convert the corners of a frame or polygon. To access corner effects, click Object on Application bar, then click Corner Options. Click the Effect list arrow in Corner Options dialog box and click Preview box. © 2010 Delmar Cengage Learning

Work with Drop Shadows A drop shadow is a soft-edge graphic that appears behind another, appearing as a shadow. Click Object on the Application bar, point to Effects, then click Drop Shadow. Effects dialog box opens with Drop Shadow category checked. © 2010 Delmar Cengage Learning

Work with Drop Shadows Applying a drop shadow: –Dialog box contains three sections for specifying appearance of drop shadow –Blending section lets you choose mode, color, and opacity © 2010 Delmar Cengage Learning

Work with Drop Shadows Effects dialog box © 2010 Delmar Cengage Learning