Upload
maude-wells
View
227
Download
0
Tags:
Embed Size (px)
Citation preview
© 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 ToolClosed 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
DasheshaveButtcaps
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 ShadowsEffects dialog box
© 2010 Delmar Cengage Learning