38
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Embed Size (px)

Citation preview

Page 1: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

© 2010 Delmar, Cengage Learning

Chapter 7

Creating Graphics

Page 2: © 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

Page 3: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 4: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 5: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 6: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 7: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Use the Pen ToolClosed paths

Straight path

Open and curved path

© 2010 Delmar Cengage Learning

Page 8: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 9: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 10: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 11: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 12: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 13: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 14: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 15: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

• 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

Page 16: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Anchor points can be moved

Example of path selected with Direct Selection tool

Reshape Frames and Apply Stroke Effects

© 2010 Delmar Cengage Learning

Page 17: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 18: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Reshape Frames and Apply Stroke Effects

© 2010 Delmar Cengage Learning

Page 19: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 20: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 21: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Reshape Frames and Apply Stroke Effects

Examples of caps and joins applied to artwork

© 2010 Delmar Cengage Learning

Page 22: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 23: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 24: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Reshape Frames and Apply Stroke Effects

DasheshaveButtcaps

24 pt. dash

12 pt. gap

6 pt. dash

© 2010 Delmar Cengage Learning

Page 25: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 26: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Work with Polygons and Compound Paths

© 2010 Delmar Cengage Learning

Page 27: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 28: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Work with Polygons and Compound Paths

Two paths that make up a compound path

© 2010 Delmar Cengage Learning

Page 29: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Work with Polygons and Compound Paths

• Complex compound paths create interesting visuals

© 2010 Delmar Cengage Learning

Page 30: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 31: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Work with Polygons and Compound Paths

Example of anchored objects

© 2010 Delmar Cengage Learning

Page 32: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 33: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 34: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 35: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 36: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 37: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

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

Page 38: © 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics

Work with Drop ShadowsEffects dialog box

© 2010 Delmar Cengage Learning