Transcript Chapter 7 - PowerPoint

Chapter 7
Creating Graphics
© 2010 Delmar, Cengage Learning
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
Open and
curved path
Straight 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
Resulting point is
smooth
Click and drag
corner point with
Convert Direction
Point tool pointer
© 2010 Delmar Cengage Learning
Reshape Frames and Apply
Stroke Effects
• 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.
© 2010 Delmar Cengage Learning
Reshape Frames and Apply
Stroke Effects
Example of
path selected
with Direct
Selection tool
Anchor points
can be moved
© 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
24 pt. dash
Dashes
have
Butt
caps
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