Adobe InDesign 2.0
Adobe InDesign 2.0
www.adobe.com/adobepress
© 2002 Adobe Systems Incorporated and its licensors. All rights reserved.
Adobe® InDesign® 2.0 Classroom in a Book® for Windows and Mac OS
This book, as well as the software described in it, is furnished under license and may be used or copied only in accordance with the
terms of such license. The content of this manual is furnished for informational use only, is subject to change without notice, and
should not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility
or liability for any errors or inaccuracies that may appear in this book.
Except as permitted by such license, no part of this publication may be reproduced, stored in a retrieval system, or transmitted, in
any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Adobe Systems
Incorporated.
Please remember that existing artwork or images that you may want to include in your project may be protected under copyright
law. The unauthorized incorporation of such material into your new work could be a violation of the rights of the copyright owner.
Please be sure to obtain any permission required from the copyright owner.
Any references to company names in sample templates are for demonstration purposes only and are not intended to refer to any
actual organization.
Adobe, the Adobe logo, Adobe Garamond, Adobe Jenson, Adobe Wood Type, Acrobat, Classroom in a Book, Illustrator, InDesign,
Myriad, PageMaker, Photoshop, PostScript, PostScript 3, PressReady, and Trajan are trademarks of Adobe Systems Incorporated.
Apple, ColorSync, Mac, Macintosh, and QuickTime are trademarks of Apple Computer, Inc. registered in the U.S. and other
countries. Microsoft, Windows, and Windows NT are trademarks of Microsoft Corporation registered in the U.S and/or other
countries. Kodak is a registered trademark of Eastman Kodak Company. PANTONE®, PANTONE MATCHING SYSTEM®,
PANTONE Process Color System®, and Hexachrome™ are trademarks of Pantone, Inc. TRUMATCH is a registered trademark
of Trumatch, Inc. All other trademarks are the property of their respective owners.
U.S. Patents 318,290; 327,902; 327,903; 4,837,613; 5,185,818; 5,634,064; 5,729,637; 5,737,599; 5,754,873; 5,781,785; 5,819,301; 5,832,530;
5,832,531; 5,835,634; and 5,860,074; patents pending. Contains an implementation of the LZW algorithm licensed under U.S. Patent
4,558,302.
Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA
Notice to U.S. government end users. The software and documentation are “commercial items,” as that term is defined at 48 C.F.R.
§2.101, consisting of “commercial computer software” and “commercial computer software documentation,” as such terms are used
in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §§227.7202-1 through
227.7202-4, as applicable, the commercial computer software and commercial computer software documentation are being li-
censed to U.S. government end users (A) only as commercial items and (B) with only those rights as are granted to all other end
users pursuant to the terms and conditions set forth in the Adobe standard commercial agreement for this software. Unpublished
rights reserved under the copyright laws of the United States.
9 8 7 6 5 4 3 2 1
iii
Contents
Getting Started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1
About Classroom in a Book . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1
Prerequisites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1
Installing the program . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2
Installing the Classroom in a Book fonts . . . . . . . . . . . . . . . . . .2
Copying the Classroom in a Book files . . . . . . . . . . . . . . . . . . . .2
Restoring default preferences . . . . . . . . . . . . . . . . . . . . . . . . . . .3
Additional resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4
Adobe Certification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4
Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461
ADOBE INDESIGN 2.0 1
Classroom in a Book
Getting Started
Welcome to Adobe® InDesign® 2.0. InDesign is a powerful design and production tool that
offers precision, control, and seamless integration with other Adobe professional graphics
applications. Using InDesign, you can of produce professional-quality, full-color output
on high-volume color printing presses, or to a wide range of output devices and formats,
such as desktop printers, PDF files, and HTML files.
Writers, artists, designers, and publishers today can communicate to a broader audience
than ever before and through an unprecedented variety of media. The Adobe Network
Publishing vision recognizes this with tools for creating visually rich content that is
available anywhere, any time, and on any device. InDesign supports this view with its
seamless integration with Adobe Photoshop®, Adobe Illustrator®, Adobe Acrobat®, and
Adobe GoLive®. The Adobe InDesign 2.0 Classroom in a Book introduces and describes
new features, workflows, and techniques that support this new wave of publishing.
Prerequisites
Before beginning to use Adobe InDesign 2.0 Classroom in a Book, you should have a
working knowledge of your computer and its operating system. Make sure you know how
to use the mouse and standard menus and commands, and also how to open, save, and
close files. If you need to review these techniques, see the printed or online documen-
tation included with your Windows or Mac OS documentation.
2
Getting Started
You can also install the Classroom in a Book fonts by copying all the files in the Fonts
folder on the InDesign Classroom in a Book CD to the Fonts folder within the folder in which
you installed InDesign on your hard disk. This makes the fonts available to InDesign but not
to other applications.
• Mac OS 9. Open the ATM installer file on the CD, located in the Fonts/Fonts/ATM
4.6.1+Fonts Installer folder. Double-click the ATM 4.6.1+Fonts Installer to install the
fonts.
• Max OS 10.1. Open the Fonts/Fonts/ATM 4.6.1 + Fonts Installer folder on the CD.
Select all of the fonts in the Fonts folder and drag them into the Library/Fonts folder on
your hard disk. You can select and drag multiple fonts to install them, but you cannot
drag the entire folder to install the fonts.
If you renamed the defaults files to preserve them, you can return to your previous settings
by first deleting the newest copies of the InDesign Defaults and InDesign SavedData files.
Then restore the original names of the files you renamed in the steps above.
Production Notes
This Adobe InDesign 2.0 Classroom in a Book was created electronically using
Adobe InDesign and Adobe FrameMaker. Art was produced using Adobe InDesign,
Adobe Illustrator, and Adobe Photoshop. The Minion and Frutiger families of typefaces
were used throughout this book.
References to company names in the lessons are for demonstration purposes only and are
not intended to refer to any actual organization. The name Jean Neuhouse is used with
permission of the designer’s mother-in-law.
Images
Photographic images and illustrations are provided in low-resolution formats and are
intended for instructional use only. Illustrations of the Adobe InDesign user interface in
vary from chapter to chapter, representing in turn Windows, Mac OS 9, and Mac OS 10.1.
Photography credits
CMCD: Quick Tour (pinata, from Everyday Objects).
CMCD images: © 1994 CMCD. All rights reserved.
Image Club Graphics: Quick Tour (skeleton, from Volume 5, Objectgear/Amusements;
red armadillo, ceramic sun and tin fire heart, from Volume 6, Objectgear/Culturals). All
Image Club Graphics images: © 1996 Image Club Graphics.
PhotoDisc™: Color signature butterfly study (SS11090.TIF, from The Signature
Series 11/Details of Nature).
Bob Bringhurst: Lesson 8 (bike riders).
Julie Brockmeyer: Lesson 14 (chocolate shavings, truffles and packaging).
Andrew Faulkner: Lesson 2, Lesson 3 (all)
Thom Feild: Lesson 7 (all); Lesson 10 (all)
Craig Hoeschen: Lessons 11 and 12 (foods)
Bonnie Lebesch: Lesson 5 (searching hands and clasped hands); Lesson 8 (bicycle crank
and bicycle seat); Lesson 9 (bicycle spokes and bicycle tire).
Susan Bari Price: Quick Tour (pressed tin, blue moon, ceramic angel, el paraguas and
beaded moon).
Pat Solon: Lessons 11 and 12 (orchids, window)
Typefaces used
Adobe Caslon Pro, Adobe Garamond, Adobe Garamond Pro, Myriad, Trajan ® and Wood
Ornaments 2 were used throughout the lessons.
Adobe Certification
The Adobe Training and Certification Programs are designed to help Adobe customers
improve and promote their product-proficiency skills. The Adobe Certified Expert (ACE)
program is designed to recognize the high-level skills of expert users. Adobe Certified
Training Providers (ACTP) use only Adobe Certified Experts to teach Adobe software
classes. Available in either ACTP classrooms or on site, the ACE program is the best way
to master Adobe products. For Adobe Certified Training Programs information, visit the
Partnering with Adobe Web site at http://partners.adobe.com.
A Quick Tour of
Adobe InDesign
Getting started
You’ll start the tour by opening a partially completed document. You’ll add the finishing
touches to this 6-page article on Mexican folk art written for an imaginary travel magazine.
Before you start Adobe InDesign, you should restore the default preferences for InDesign if
you have not already done so in this session. Restoring default preferences ensures that the
tools and palettes function exactly as described in this lesson. After you learn how to use
InDesign, this step is no longer necessary.
1 Delete or deactivate the InDesign Defaults file and the InDesign SavedData file,
following the procedure in “Restoring default preferences” on page 4.
2 Start Adobe InDesign.
3 Choose File > Open, and locate the ID_00 folder in the Lessons folder you copied from
the InDesign Classroom in a Book CD to your hard disk:
4 In the ID_00 folder, double-click ID_01.indd.
Note: In Windows, your extensions may be hidden. If this is so, the file appears as ID_01 (not
ID_01.indd) in the Open a File dialog box.
If an alert message appears that asks which dictionary file you want to use, click No
(Windows) or Document (Mac OS).
5 Choose File > Save As, and rename the file Tour in the ID_00 folder. If someone else
has created this file, choose Yes to replace it.
ADOBE INDESIGN 2.0 7
Classroom in a Book
3 Position the pointer on the palette-menu button ( ) on the right side of the palette
window, and choose View All Spreads from the Navigator palette menu. If you can’t see
the three spreads well, drag the lower right corner of the palette down to resize it; drag
it back up when you’re finished.
Notice that the red view box in the Navigator palette determines which area of the
document is displayed.
8
A Quick Tour of Adobe InDesign
4 In the Navigator palette, click the center of the middle spread to view pages 4 and 5. If
necessary, drag the red box so that you can see pages 4 and 5.
Now we’ll look at the Pages palette, which is another useful tool for turning pages. You’ll
be using the Pages palette throughout this tour, so you’ll separate the Pages palette from
the other two palettes.
5 Click the Pages palette tab, and then drag the Pages tab below the other palettes.
ADOBE INDESIGN 2.0 9
Classroom in a Book
6 In the Pages palette, click the palette-menu button (in the upper right corner) to open
the palette menu, and then choose Palette Options.
7 In the Pages Palette Options dialog box, deselect Show Vertically in the Pages group,
and then click OK. The page icons in the Pages palette are now aligned horizontally.
Feel free to move and rearrange palettes in this Quick Tour as needed. You can move a
palette by dragging its top bar, or you can click the minimize button or close button on the top
bar. When you need to use the palette again, click the restore button or choose the appropriate
menu command (such as Window > Pages to display the Pages palette). Several palettes also
have a double-arrow icon ( ) on the tab itself. You can click this icon to toggle the palette
views.
8 In the Pages palette, double-click the numbers 6-7 below the page icons to view the last
spread in the document.
Double-clicking the numbers below the page icons centers the full spread in the document
window. Double-clicking a page icon centers the page in the document window.
Now that you’ve seen all three spreads, let’s go back to page 3 and start working.
10
A Quick Tour of Adobe InDesign
Turning on guides
In this document, the guides are hidden. You’ll turn on the guides to make it easy to see
your layout grid and snap objects into place.
• Choose View > Show Guides.
The pointer takes the shape of a loaded text icon ( ). With a loaded text icon, you have
several choices: You can drag to create a text frame, click inside an existing frame, or click
to create a frame within a column. You’ll add this text to a column in the lower half of
page 3.
2 Position the loaded text icon just below the fourth guide from the bottom margin and
just to the right of the left margin, and click.
The text flows into a new frame in the lower half of the first column on page 3. When a
text frame has more text than can fit, the frame is said to have overset text. Overset text is
indicated by a red plus symbol in the out port of the frame (the small square just above
the lower right corner of the frame).
If the text box is not placed in the left column, click the selection tool ( ) and drag the
sizing handles to move it to the proper location.
3 Click the out port in the selected frame.
12
A Quick Tour of Adobe InDesign
The pointer becomes a loaded text icon. Now you’ll add a column of text to the lower half
of the second column.
4 Position the loaded text icon just below the fourth guide from the bottom margin and
just to the right of the second column guide, and click. Text now fills the lower part of the
right column.
Threading text
Clicking the out port to flow text is called manual threading. You can also hold down Shift
to thread text automatically so that all the overset text is flowed into the columns, but you
don’t want to do that in this document because the text frames should not appear on every
page. However, you can hold down Alt (Windows) or Option (Mac OS) to thread text one
frame at a time without having to reload the text icon.
1 Click the out port in the second column (on page 3).
2 In the Pages palette, double-click the page 4 icon to center page 4 in the document
window.
ADOBE INDESIGN 2.0 13
Classroom in a Book
3 Holding down Alt (Windows) or Option (Mac OS), position the loaded text icon in the
upper left corner of the first column, and click. Release the Alt/Option key.
The text flows into the left column. Because you held down Alt/Option, the pointer is
still a loaded text icon.
4 Position the loaded text icon in the upper left corner of the second column on page 4,
and click.
14
A Quick Tour of Adobe InDesign
Whenever the pointer is a loaded text icon, you can click any tool in the toolbox to cancel.
No text will be lost.
Now you’ll flow the text into the bottom of the two columns on page 7.
5 Click the out port in the second column of page 4, and then double-click the page 7
icon in the Pages palette to center page 7 in the document window.
6 Holding down Alt/Option, position the loaded text icon in the left column below the
guide on page 7, and click. Release the Alt/Option key.
7 Position the loaded text icon in the second column below the guide, and click.
You have just finished threading text frames. A threaded set of frames is called a story.
8 Choose File > Save.
2 Using the selection tool ( ), drag the text frame from the pasteboard so that it’s
centered between the columns of text on page 4. If necessary, use the arrow keys to nudge
the frame. The bottom of the frame should pass through the middle of the red star.
3 Choose View > Fit Page in Window. Then choose File > Save.
2 Choose Window > Swatches, and then select PANTONE Warm Red CVC in the
Swatches palette.
3 To change the weight of the stroke, choose Window > Stroke to display the Stroke
palette, if it is not already visible. Then for Weight, select 0.5 pt.
3 Click OK.
The pull-quote text is now inset 1 pica from the inside edges of the frame.
ADOBE INDESIGN 2.0 19
Classroom in a Book
As a general rule, you get the best margin alignment when you select the same size font
that the text in your story uses. In this case, the pull quote uses an 18-point font.
4 Click the Close button to close the Story palette. Choose Edit > Deselect All to view the
completed pull-quote frame.
4 Choose Type > Paragraph Styles to display the Paragraph Styles palette.
5 In the Paragraph Styles palette, click Body Text to format the entire story with the Body
Text style.
ADOBE INDESIGN 2.0 21
Classroom in a Book
Now you’ll apply a different paragraph style to the first paragraph of the story.
7 Using the type tool ( ), click anywhere in the first paragraph on page 3.
8 In the Paragraph Styles palette, select Body Text / Drop Cap.
Like other options in the Paragraph and Character palettes, drop caps can be part of a style.
9 Choose File > Save.
1 In the Pages palette, double-click the page 7 icon to center page 7 in the document
window. To make sure that you can read the text at the bottom of this page, press Ctrl+=
(Windows) or Command+= (Mac OS) and use the scroll bars as necessary.
You should be able to see three references to other pages: (page 7), (page 2), and (page 5).
2 Using the type tool ( ), select the “(page 7)” reference.
3 Choose Type > Character to display the Character palette (grouped with the Transform
and Paragraph palettes).
4 Select Italic from the Type Style menu. For font size ( ), select 11 pt.
A new character style named Character Style 1 is created. This new style includes the
characteristics of the selected text.
3 In the Character Styles palette, double-click Character Style 1 to open the Modify
Character Style Options dialog box.
4 For Style Name, type Emphasis and click OK.
24
A Quick Tour of Adobe InDesign
5 Using the type tool ( ), select “(page 2)” in the next paragraph, and then click
Emphasis in the Character Styles palette to apply the style.
Placing graphics
Graphics you insert are automatically placed inside frames. When dealing with graphics,
you should become familiar with the two selection tools.
The selection tool ( ) is used for general layout tasks, such as positioning and sizing
objects. The direct-selection tool ( ) is used for tasks involving drawing and editing
paths or frames; for example, to select frame contents or to move an anchor point on a
path. The direct-selection tool is also used for selecting objects within frames or groups.
2 Using the selection tool ( ), click the black star on page 5 to select it.
Notice that the star is part of a group. Instead of having to ungroup the objects to select only
the black star, you can use the direct-selection tool ( ) to select the object within a group.
3 Click the direct-selection tool ( ), and then click the black star.
2 Click the edge of the star twice to add two anchor points.
3 Select the direct-selection tool ( ), and then drag the lower of the two anchor points
away from the star to create another ray.
ADOBE INDESIGN 2.0 27
Classroom in a Book
You can select and drag more than one point. Shift-click to select multiple points; click the
center point to select all points; click outside the shape to deselect all points. You can also click
between two points and drag the segment.
4 Use the direct-selection tool ( ) to drag anchor points as needed to reshape the star.
Notice that the armadillo frame is the same color as the Photos layer in the Layers palette.
An object’s frame color tells you which layer it belongs to.
7 In the Layers palette, click the box next to the Text layer name so that the lock icon ( )
appears.
Locking this layer prevents you from selecting or making any changes to the Text layer or
any objects on that layer. With the Text layer locked, you can edit the frame containing the
armadillo without accidentally selecting the frame containing “Hecho en Mexico.”
2 Select the direct-selection tool ( ), and then click the armadillo to select it.
Using the direct-selection tool to select the object lets you rotate only the armadillo
photograph, not the entire frame.
3 Select the rotate tool ( ) in the toolbox.
The crosshair icon, which appears in the upper left anchor point of the frame, determines
the point of rotation. You can change the crosshair location using the proxy icon in the
Transform palette.
4 In the Transform palette, make sure the center point of the proxy icon is selected. If
another point is selected, just click the center point to select it.
4 Using the selection tool ( ), position the pointer over the center of the armadillo
frame and drag the object so that it snaps to the right edge of the page.
ADOBE INDESIGN 2.0 31
Classroom in a Book
Notice that the edge of the armadillo is behind the decorative border. This is because the
Photos layer is below the Graphics layer in the Layers palette.
5 Choose File > Save.
This master page includes a decorative border surrounding the spread and text frames at
the bottom of each master page. You’ll edit the footer on the right master page to change
“Issue” to “Fall/Winter.” However, this text frame belongs to the Text layer, which is
currently locked.
32
A Quick Tour of Adobe InDesign
2 In the Layers palette, click the lock icon (the crossed-out pencil) on the Text layer so
that the lock icon is removed.
3 Select the zoom tool ( ), and then drag across the lower right corner of the master
page to zoom in on the footer text.
4 Select the type tool ( ), and then drag across the word “Issue.” (Do not select the
em space after the word or the letter A, which is the page-number marker.)
5 Type Fall/Winter.
ADOBE INDESIGN 2.0 33
Classroom in a Book
3 In the Pages palette, click A-Master and drag the hand pointer over pages “4–5” (below
the page icons) until you see a box around both page icons; release the mouse button.
When you drag a master over the page numbers below the page icons, the master is
applied to both pages in the spread.
4 In the Pages palette, double-click pages 6–7 below the page icons to center the spread
in the document window.
ADOBE INDESIGN 2.0 35
Classroom in a Book
When you changed the color of the master-page object on the layout page, you did not
break the connection between the master-page object and the layout-page object; only the
color is different. If you decided to move the object on the master page, the object on the
layout page would also move.
3 In the zoom pop-up menu in the lower left corner of the document window, select 25%
to view all the spreads. If necessary, select a different zoom percentage so that you can view
all three spreads.
36
A Quick Tour of Adobe InDesign
When you want to see an unobstructed view of your document, pressing Tab will remove
the palettes.
5 Press Tab again to show palettes.
6 Choose File > Save.
On your own
Congratulations! You’ve completed the InDesign tour. You’re now ready to create your
own InDesign documents. To learn more about InDesign, you may want to try the
following:
• Continue experimenting with the travel document. Add new pages, edit the master
pages, move items among the layers, create text frames, and adjust the graphics using the
tools in the toolbox.
• Choose Help > Help Topics to use online Help.
• Go through the lessons in the rest of this book.
1 Getting to Know
the Work Area
Getting started
In this lesson, you’ll practice using the work area and navigating through pages of the
Exploring the Library booklet. This is the final version of the document—you won’t be
changing or adding text or graphics, only checking to make sure everything is ready for
print. Before you begin, you’ll need to restore the default preferences for Adobe InDesign.
1 To ensure that the tools and palettes function exactly as described in this lesson, delete
or deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file.
See “Restoring default preferences” on page 4.
2 Start Adobe InDesign.
To begin working, you’ll open an existing InDesign document.
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_01 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
3 Choose File > Open, and open the 01_a.indd file in the ID_01 folder, located inside the
Lessons folder within the IDCIB folder on your hard disk. If an alert message appears that
asks which dictionary file you want to use, click No (Windows) or Document (Mac OS).
4 Choose File > Save As, rename the file 01_Library.indd, and save it in the ID_01 folder.
Note: This document was saved with the frame edges hidden (View > Hide Frame Edges). By
default, frame edges are visible in all documents.
ADOBE INDESIGN 2.0 41
Classroom in a Book
Toolbox
The InDesign toolbox contains tools for selecting objects, working with type, drawing, and
viewing, as well as controls for applying and changing color fills, strokes, and gradients.
Adobe Online
Swap fill/stroke ( + X)
(X) Fill
Stroke (X)
(D) Default fill/stroke
Formatting affects container Formatting affects text
(>) Apply gradient
(<) Apply color Apply none (/)
As you work through the lessons, you’ll learn about each tool’s specific function. Here
you’ll familiarize yourself with the toolbox and the tools.
1 Position the pointer over the selection tool ( ) in the toolbox. Notice the name and
shortcut are displayed. You can select a tool by either clicking the tool in the toolbox or
pressing the tool’s keyboard shortcut.
ADOBE INDESIGN 2.0 43
Classroom in a Book
2 Position the pointer over the pen tool and hold down the mouse button—additional
pen tools appear. Drag to the right and release the mouse button over one of the
additional tools to select it. Any tool that displays a small black triangle at the bottom
right corner contains additional tools.
3 Select the selection tool again; then click the little cloud in the top left corner of page 1
to select it.
Now you’ll use the color controls, which are located on the bottom half of the toolbox.
4 Select the Fill box to make sure that any changes you make affect the center portion of
the object and not its stroke.
44 LESSON 1
Getting to Know the Work Area
5 Click the Color box ( ) in the toolbox. The object becomes filled with solid black.
Click the Gradient box ( ). The object becomes filled with a white-to-black gradient.
Click the None box ( ) to return the object to its original unfilled state.
Object filled with black (left), filled with a gradient (center), and reset to no fill (right).
Note: If you accidently double-click a Fill or Gradient box, the Fill or Gradient palette will
open. Close the palette to continue with the lesson.
6 Now select the Stroke box ( ) so that any changes you make affect the object’s stroke.
ADOBE INDESIGN 2.0 45
Classroom in a Book
7 Click the Gradient box ( ) in the toolbox. The solid stroke becomes a gradient stroke.
Click the Color box ( ) to return the object to its original stroke. Then click a blank area
of the page of pasteboard to deselect the cloud.
To learn how to change the color of a fill, stroke, or gradient, see Lesson 4, “Creating and
Applying Colors, Tints, and Gradients.”
Document window
The document window contains your document pages. You set margins for a new
document when you first open it, and then you place, type, or create all text and artwork
on the document pages. You can have more than one document window open at a time.
Here, you’ll open a second window so that as you work you can see two different views of
the document at the same time.
1 Choose Window > New Window. A new window titled 01_Library.indd:2 opens.
Notice that the original window is now titled 01_Library.indd.1.
46 LESSON 1
Getting to Know the Work Area
3 Now select the zoom tool in the toolbox ( ) and click twice on the dinosaur in the
rightmost document window. Notice that the original document window remains at the
original magnification. This arrangement lets you work closely on details and see the
overall results on the rest of the page.
4 Close the 01_Library.indd:2 document window, choose Window > Cascade, and then
resize and reposition the window as necessary to return it to its original size.
ADOBE INDESIGN 2.0 47
Classroom in a Book
You can simply click the Maximize (Windows) or Resize (Mac OS 9) button in the upper
right corner of any window or palette. In Mac OS 10.1, this is the green button in the upper
left corner of the window. To change the window manually, drag the title bar (Windows) or
any edge (Mac OS) to move the window; then drag the lower right corner to resize the
window.
Pasteboard
Each page or spread in your document has its own pasteboard surrounding it, where you
can store objects before positioning them. Pasteboards also provide the additional space
along each edge of the document for extending objects past the edge of the page (also
known as creating a bleed).
1 To see the full size of the pasteboard for the pages in this document, choose View >
Entire Pasteboard.
Note: If you cannot see the graphic of a book on the pasteboard, it may be hidden behind one
of the palettes. Move the palettes or reduce the size of the document window so that you can
see all these objects.
A. Pasteboard B. Document
Notice the book graphic on the pasteboard for page 1. This graphic was originally
placed in the document, but then moved to the pasteboard in anticipation that it would
be used somewhere else in the document. It is no longer necessary to keep this image
with the document.
48 LESSON 1
Getting to Know the Work Area
2 Using the selection tool ( ), select the book image on the pasteboard and press Delete.
3 Choose View > Fit Page in Window to restore the window to its previous size.
4 Choose File > Save.
To find a hidden palette, choose the palette name on the Window menu. If the palette
name already has a check mark, then the palette is already open and in front of any other
palettes in its palette group. If you choose a checked palette name on the Window menu, the
palette will close.
Now you’ll reorganize the palette group.
ADOBE INDESIGN 2.0 49
Classroom in a Book
3 Drag the Layers palette tab outside of the group to create a new palette window.
Palettes are grouped (left). Drag the palette tab to separate a palette from the group (right).
You can also move palettes from one palette group to another to create custom palette
groups of the palettes you use most often.
Docking Palettes
Dock palettes by connecting the lower edge of one palette to the top edge of another palette, so that both pal-
ettes move together and are shown and hidden together. When you dock palettes, both palettes remain fully
visible. In contrast, when you group palettes, only the frontmost palette is visible.
You can dock one palette to another single palette or to a group of palettes. However, you can’t dock a group
of palettes unless you dock each of them individually, because docking involves dragging an individual pal-
ette’s tab and not the title bar.
To dock palettes, drag a palette’s tab to the bottom edge of another palette.
When the bottom edge of the other palette is highlighted, release the mouse.
50 LESSON 1
Getting to Know the Work Area
4 Drag the Layers palette tab into the center of the Paragraph palette group. Then drag
the tab back to the Pages palette group.
Note: To add a palette to a group, make sure you drag its tab into the middle of the palette. If
you drag a palette tab to the bottom of another palette, you will dock the palette instead of
adding it. See the “Docking Palettes” sidebar in this section.
Now you’ll organize the palettes to create more space in your work area.
5 Drag the lower right corner of the Pages palette to change the height of the palette.
6 Click the Minimize/Maximize button (Windows) or the collapse/expand box
(Mac OS) to collapse the group so that only the palette tabs appear. Click the box again
to expand the group.
For some palettes, you can click the double arrows on the left side of the palette tab
repeatedly to toggle through the default, collapsed, and fully expanded views.
2 Position the pointer on the palette-menu button in the upper right corner of the
Swatches palette, and hold down the mouse button to display the palette menu.
3 Choose Small Name. This command affects the Swatches palette rows, but not the
other palette rows in the group. The commands in the palette menu apply only to the
active palette.
4 On the Swatches palette menu, choose Name to return the swatches names to their
original size.
4 With Alt/Option still held down, click twice over the dinosaur; the view is reduced.
In addition to clicking the zoom tools, you can drag a marquee to magnify a specific area
of your document.
5 With the zoom tool still selected, hold down the mouse button and drag a marquee
around the dinosaur; then release the mouse.
The percentage by which the area is magnified depends on the size of the marquee (the
smaller the marquee, the larger the degree of magnification).
Dragging a marquee with the zoom tool (left) and the resulting view (right)
6 In the toolbox, double-click the icon for the zoom tool to return to a 100% view.
Because the zoom tool is used frequently during the editing process to enlarge and reduce
the view of your document, you can temporarily select it from the keyboard at any time
without deselecting any other tool you may be using. You’ll do that now.
7 Click the selection tool in the toolbox and position it in the document window.
8 Hold down Ctrl+spacebar (Windows) or Command+spacebar (Mac OS) so that the
selection-tool icon becomes the zoom-tool icon, and then click on the dinosaur to
magnify the view. When you release the keys, the pointer again appears as the selection-
tool icon.
9 Hold down Ctrl+Alt+spacebar (Windows) or Command+Option+spacebar (Mac OS)
and click to zoom out, returning to a 100% view.
10 Choose View > Fit Spread in Window to center the page.
54 LESSON 1
Getting to Know the Work Area
Turning pages
You can turn pages using the Pages palette, the page buttons at the bottom of the
document window, the scroll bars, or a variety of commands.
The Pages palette provides page icons for all the pages in your document. Double-clicking
on any page icon or page numbers brings that page or spread into view. Double-clicking
the numbers below the page icons centers a spread in the document window; double-
clicking one page icon for a spread centers that page in the document window.
2 In the Pages palette, double-click the 2–3 page numbers below the page icons to target
and view the spread on pages 2 and 3 (you may need to scroll in the Pages palette). The
spread opens and appears centered in the document window.
3 Double-click the page 3 icon to select and center only that page in the document window.
Now you’ll use the page buttons at the bottom of the document window to change pages.
56 LESSON 1
Getting to Know the Work Area
4 Click the next-page button ( ) at the lower left corner of the document window to go
to page 4.
You can also turn to a specific page number by typing the number in the page box.
5 Select 4 in the page box at the lower left of the document window, type 1, and press
Enter or Return.
Now you’ll change pages using a menu command.
6 Choose Layout > Go Back to return to page 4.
7 Choose Layout > Previous Page to turn to page 3.
You can also turn to a specific page number by selecting the page number from the Page
pop-up menu.
8 Click the downward facing arrow ( ) to the right of the page box, and select 2 from
the Page pop-up menu that appears.
You can experiment with all the different methods. For a full list of commands used for
turning pages, see “Turning pages” in online Help or in Chapter 1 of the Adobe InDesign
User Guide.
ADOBE INDESIGN 2.0 57
Classroom in a Book
You can also use the hand tool as a shortcut to fit the page or spread in the window.
4 In the toolbox, double-click the icon for the hand tool to fit the spread in the window.
5 Using the hand tool, click on or near the bug in the lower right corner and drag to
center it in the window.
58 LESSON 1
Getting to Know the Work Area
3 In the Navigator palette, position the pointer inside the red outline. The pointer
becomes a hand, which you can use to scroll to different areas of the page or spread.
4 Drag the hand to scroll to the upper left corner of page 2.
5 Save the file.
The 01_Library.indd document has three layers. You’ll experiment with these layers to
learn how the order of the layers and the placement of objects on layers can greatly affect
the design of your document.
1 Click the Layers palette tab in the Pages palette group, or choose Window > Layers.
60 LESSON 1
Getting to Know the Work Area
2 In the Layers palette, click the Number layer. Notice that a pen icon ( ) appears to the
right of the layer name. This icon indicates that this layer is the target layer and anything you
import or create will belong to this layer. The highlight indicates that the layer is selected.
3 In the Layers palette, drag the Number layer between the Floor layer and the Graphics
layer; when you see a black line, release the mouse. Notice how the objects now appear in
a different order in your document.
4 Click the empty square to the left of the Number layer name. This square lets you lock
a layer so it cannot be edited. When you lock a layer, the palette displays a crossed-out
pencil icon ( ) in the square.
ADOBE INDESIGN 2.0 61
Classroom in a Book
5 Using the selection tool ( ), click the word “Floor” in the document window. Notice
in the Layers palette that the Graphics layer is selected and a dot appears to the right of
the layer name. This indicates that the selected object belongs to this layer. You can move
objects from layer to layer by dragging the dot.
6 In the Layers palette, drag the dot from the Graphics layer to the Floor layer. The
word “Floor” now belongs to the Floor layer and appears in the stacking order in the
document accordingly.
7 Now that you’re done editing the layers, you can click the crossed-out pencil icon for
the Number layer to unlock this layer.
8 Save the file.
2 With the selection tool ( ), right-click (Windows) or Control-click (Mac OS) the word
“Floor.” Options for the text under the tool are displayed in the context-sensitive menu.
(These same options are also in the Object menu.) Being careful not to select any of the
commands on the context menu, click a blank area of the page to close the menu.
3 Right-click (Windows) or Control-click (Mac OS) the pasteboard. Notice that the
options listed on the context menu have changed so that they are appropriate for what is
directly behind the tool when you right-click or Control-click.
ADOBE INDESIGN 2.0 63
Classroom in a Book
3 Click the Viewing Topics link on the left side of the page. The topic “Viewing Topics”
opens on the right side of the page.
4 When you finish reading the “Viewing Topics” page, do one of the following to open
the next Help page:
• At the bottom of the topic page, click the linked word Next if you want to open the next
topic, “Using the Contents.”
• Also at the bottom of the topic page, click Top if you want to jump back to the top of
the “Viewing Topics” page.
• On the left side of the Help window, click the title of the topic you want to read, such as
“Using the Index” or “Using Search.”
5 Continue exploring each of the “Using Help” topics until you are comfortable using
InDesign online Help.
6 When you are finished using Help, you can close or minimize the Help window, or you
can leave it open and switch back to InDesign.
ADOBE INDESIGN 2.0 65
Classroom in a Book
3 Select an option for how often you want to check automatically for updates at Adobe
Online. Then, use your operating-system controls to set your Internet connection prefer-
ences. See the ReadMe file in your Adobe InDesign folder for more details on setting up
your Internet connection.
On your own
Now that you have explored the work area, try some of the following tasks using either
the Library_01.indd document or your own.
1 Display the document in four tiled document windows.
2 Using the Navigator palette, display all the pages of the document simultaneously in
the document window.
3 Find information about layers using each of the different search options in online
Help: Contents, Index, and Search.
ADOBE INDESIGN 2.0 67
Classroom in a Book
Review questions
1 Describe two ways to change your view of a document.
2 How do you select tools in InDesign?
3 Describe three ways to change the palette display.
4 Describe two ways to get more information about the InDesign program.
Review answers
1 You can select commands from the View menu to zoom in or out of a document, or fit
it to your screen; you can also use the zoom tools in the toolbox, and click or drag over a
document to enlarge or reduce the view. In addition, you can use keyboard shortcuts to
magnify or reduce the display. You can also use the Navigator palette to scroll through a
document or change its magnification without using the document window.
2 To select a tool, you can either click the tool in the toolbox or you can press the tool’s
keyboard shortcut. For example, you can press V to select the selection tool from the
keyboard. You select hidden tools by clicking the triangle on a tool in the toolbox and
dragging to select from the additional tools that appear.
3 To make a palette appear, you can click its tab or choose its name on either the Window
menu or the Type menu, for example, Window > Align. You can drag a palette’s tab to
separate the palette from its group and create a new group, or drag the palette into
another group. You can drag a palette group’s title bar to move the entire group. Double-
click a palette’s tab to display palette titles only. You can also press Shift+Tab to hide or
display all palettes.
4 Adobe InDesign contains online Help, with all the information in the Adobe InDesign
User Guide, plus keyboard shortcuts and full-color illustrations. InDesign also has links
to the Adobe Systems Web site for additional information on services, products, and
InDesign tips.
2 Setting Up Your Document
In this introduction to setting up your document, you’ll learn how to do the following:
• Start a new document.
• Create and edit master pages.
• Create additional masters.
• Apply the masters to document pages.
• Add sections to change page numbering.
• Override master-page items on document pages.
• Add graphics and text to document pages.
Getting started
In this lesson, you’ll set up a 12-page magazine article about origami, and then you will
place text and graphics on one of the spreads. Before you begin, you’ll need to restore the
default preferences for Adobe InDesign, to ensure that the tools and palettes function
exactly as described in this lesson. Then you’ll open the finished document for this lesson
to see what you’ll be creating.
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_02 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
1 Delete or deactivate (by renaming) the InDesign Defaults file and the InDesign
SavedData file. See “Restoring default preferences” on page 4.
2 Start Adobe InDesign.
ADOBE INDESIGN 2.0 73
Classroom in a Book
3 If you want to see what the finished document will look like, open the 02_b.indd file in
the ID_02 folder, located inside the Lessons folder within the IDCIB folder on your hard
disk. You can leave this document open to act as a guide as you work.
The document window shows several spreads, including pages 2–3, which is the only spread
that you’ll complete in this lesson. You can refer to this document throughout this lesson.
Note: As you work, feel free to move palettes or change the magnification to a level that works
best for you. See “Changing the magnification of your document” on page 51.
• Under Margins, type 4 for Bottom and leave the Top, Inside, and Outside margins at 3
picas (3p0).
• Under Columns, type 5 for Number.
Note: When you type numbers in a dialog box or palette, you don’t need to type the unit of
measurement you’ve set as the default, such as p for picas, pt for points, and either in or "
(quotation marks) for inches. After you type a value and either press Tab or click another
option, the measurement is applied automatically.
3 Click OK.
The document window appears, displaying page 1, as indicated in the Pages palette. The
Pages palette is divided into two sections. The top section displays icons for the master
pages. The bottom half displays icons for document pages in your document. In this
document, the master consists of a two-page spread for facing pages.
4 Choose File > Save As, name the file 02_Setup.indd in the ID_02 folder, and then
click Save.
ADOBE INDESIGN 2.0 75
Classroom in a Book
The left and right master pages appear centered in the document window.
2 Choose Layout > Create Guides.
3 Under Rows, type 8 for Number, and type 0 for Gutter.
76 LESSON 2
Setting Up Your Document
Selecting Margins instead of Page causes the guides to fit within the margin boundaries
rather than the page boundaries. You won’t add column guides because column lines
already appear in your document.
5 Select Preview to see how the horizontal guides will appear on your master pages.
6 Click OK.
Note: You can also use the Master Options dialog box to change other properties of existing
master pages.
ADOBE INDESIGN 2.0 77
Classroom in a Book
A B C
D E
1 In the Pages palette, choose New Master from the Pages palette menu.
A B
You can create page ruler guides, which apply only to the page on which you drag, or a
spread ruler guide, which applies to all pages in the spread. Spread ruler guides also
extend across the pasteboard.
1 Make sure that the B-Footer master pages are still in view (the page box near the
bottom left corner of the document window indicates which page is displayed).
2 If the Transform palette is not open, choose Window > Transform.
3 Without clicking in your document, move the pointer around the document window
and watch the horizontal and vertical rulers as the pointer moves. Notice how the hairline
indicators in the rulers correspond to the pointer’s position. Also notice that the dimmed
X and Y values in the Transform palette also indicate the position of the pointer.
4 Holding down Ctrl (Windows) or Command (Mac OS), position the pointer in the
horizontal ruler and drag to the 62 pica marker to create a ruler guide. Don’t worry about
placing the guide exactly at 62 picas—you’ll do that in the next step. (You can look in the
Transform palette to see the current position.)
Holding down Ctrl (Windows) or Command (Mac OS) while dragging a guide applies
the guide to the spread instead of the individual page.
5 To make sure the guide is at the 62 pica location, select the selection tool ( ) in the
toolbox, hold down Ctrl (Windows) or Command (Mac OS) and click the guide to select
it (the guide changes color). In the Transform palette, the Y value is no longer dimmed
because the guide is selected. In that Y box, type 62p, and then press Return or Enter.
80 LESSON 2
Setting Up Your Document
6 Drag a ruler guide from the vertical ruler to the 12p0.6 pica marker (the ruler guide
will snap to the column guide at that location). Refer to the X value in the Transform
palette as you drag.
7 Drag another guide from the vertical ruler to the 88p5.4 marker.
2 Select the type tool ( ) in the toolbox. On the left master page, drag to create a text
frame below the second column where the guides intersect, as shown. Don’t worry about
drawing the frame in exactly the right location—you’ll snap it into place later.
3 With the insertion point in the new text frame, choose Type > Insert Special
Character > AutoPage Number.
The letter B, which represents the B-Footer master, appears in your text frame. This
character will reflect the current page number in your document pages, such as “2” on
page 2.
4 To add an em space after the page number, right-click (Windows) or Control-click
(Mac OS) the text frame to display a context menu, and then choose Insert White Space >
Em Space. (Instead of using the context menu, you can choose Type >Insert White
Space > Em Space.)
5 Type Origami after the em space.
Next, you’ll change the font and size of the text in the frame.
6 With the insertion point still in the text frame, choose Edit > Select All to select the text
and page-number marker.
82 LESSON 2
Setting Up Your Document
7 In the Character palette, on the font family pop-up menu, scroll to the g’s on the alpha-
betical list and select Adobe Garamond. For Size ( ), select 10 pt.
Note: It’s easy to confuse the Size menu ( ) with the Leading menu ( ). Make sure that you
change the font size, not the leading.
8 In the toolbox, select the selection tool ( ). If necessary, drag the footer frame so that
it snaps to the horizontal and vertical guides, as shown.
9 Click a blank area of your document window or choose Edit > Deselect All to deselect
the footer frame.
Notice that part of the footer frame is hidden by the guides. You will change a preferences
setting to place the guides in back and change the column guide color.
10 Choose Edit > Preferences > Guides (Windows and Mac OS 9) or InDesign >
Preferences > Guides (Mac OS 10.1). Under Guide Options, select Guides in Back.
Click OK.
Notice that the guides are now behind the footer frame.
ADOBE INDESIGN 2.0 83
Classroom in a Book
4 Make sure that you can see the bottom of the right master page. If necessary, zoom in
and use the scroll bars or hand tool.
5 Select the type tool ( ), and then click anywhere inside the text frame on the right
master page to place an insertion point.
6 Click the Paragraph palette tab (or choose Type > Paragraph), and then click Align
Right ( ).
The text is now right-aligned within the footer frame on the right master page. Now you
will improve the mirror effect by placing the page number after “Origami” on the right
master page.
7 Delete the em space and page number at the beginning of the footer.
84 LESSON 2
Setting Up Your Document
8 Place the insertion point at the end of the word “Origami,” and then choose Type >
Insert Special Character > Auto Page Number.
9 Place the insertion point between “Origami” and the page number; right-click
(Windows) or Control-click (Mac OS), and then choose Insert White Space > Em Space.
10 Choose Edit > Deselect All and then choose File > Save.
2 Select the type tool ( ). Drag to create a text frame that is slightly wider than the page
and approximately as tall as one of the grid blocks. You’ll position and resize this text
frame later.
7 Select the Paragraph palette tab and click the Align Center option.
8 Select the selection tool ( ). If necessary, click the new text frame to select it. Then drag
the text frame by the lower center handle until the frame is just tall enough to hold the
text. If the text disappears, just drag the handle down again to make it taller. When you
finish, choose View > Fit Spread in Window to zoom out.
ADOBE INDESIGN 2.0 87
Classroom in a Book
9 In the Transform palette, select the upper left handle in the proxy icon ( ). Then open
the palette menu and select Rotate 90° CW.
10 Drag the rotated text frame down so that it snaps to against the top of the right
column guide in the far left column. Then drag the center handle on the bottom of the
frame to stretch the frame to the lower margin of the page
11 Click a blank area of the page or pasteboard to deselect, and then save the document.
88 LESSON 2
Setting Up Your Document
3 To make sure that the guide is at the 36-pica location, select the selection tool ( ) in
the toolbox and click the guide to select it (the guide changes color). Then type 36p in the
Y box of the Transform palette, and press Enter or Return.
4 Select the rectangle frame tool ( ) in the toolbox.
ADOBE INDESIGN 2.0 89
Classroom in a Book
5 Draw a frame in the upper area of the left page so that the frame covers the area from
the top edge of the page down to the horizontal guide you set at the 36-pica mark and
spreading across the page from the vertical guide at the 12p0.6-mark to the center of the
spread.
3 In the toolbox, select the selection tool ( ) and drag from the horizontal ruler to the
16 pica mark to create a new ruler guide. Then click a blank area to deselect the guide.
When you are selecting and dragging frames, it’s common to drag guides accidentally. To
prevent guides from being dragged, you’ll lock guides.
4 Choose View > Lock Guides.
5 Choose Window > Swatches to open the Swatches palette.
6 In the upper left corner of the palette, click the Stroke box ( ) to activate it, and then
click None in the list of Swatches. This eliminates the outline around the edge of the shape
you are going to draw.
Notice that the Stroke box is also in front of the Fill box in the toolbox.
7 In the same area of the Stroke palette, click the Fill box ( ) to make it active. Then click
[Paper] in the list of swatches, to set Paper as a placeholder color for the objects you draw
next.
ADOBE INDESIGN 2.0 91
Classroom in a Book
8 Select the rectangle tool ( ) in the toolbox, and draw a frame in the right page from
the top edge of the paper to the guide at 16 picas, and stretching from one edge of the page
to the other. Leave the frame selected for the next step.
Notice that the Paper fill now hides the column guides and margins that are behind the
rectangle.
9 In the Pages palette, double-click the left page icon for C-Placeholder, to center the left
master page in the document window.
10 Still using the rectangle tool, draw a frame from the top to the bottom of the page,
covering the left margin of the page and the first column. Notice that the new frame
blocks the title placeholder text from view.
92 LESSON 2
Setting Up Your Document
11 With the new rectangle frame still selected, choose Object > Arrange > Send to Back.
2 Choose View > Fit Spread in Window. On the right master page, drag to create a text
frame four columns wide and six rows tall, snapping to the guides as shown.
Next, you’ll make sure that each of the main-story text frames has two columns.
3 Select the selection tool ( ). Shift-click to select both text frames.
4 Choose Object > Text Frame Options. Under Columns, type 2 for Number, and then
click OK.
Each of the main-story text frames will include two columns of text. To make the text flow
from one text frame to the next, you will thread the frames.
5 Click the out port in the lower half of the text frame on the left master page. Hold the
pointer over the text frame on the right master page so that it changes from a loaded text
icon ( ) to a link icon ( ), and then click.
A. Out port
First, you’ll use the drag-and-drop technique to apply the C-Placeholder master to pages
in the document that will contain articles.
ADOBE INDESIGN 2.0 95
Classroom in a Book
4 Drag the C-Placeholder name over the numbers 6–7 below the page icons (not over the
page icons themselves). When a box appears around both page icons in the spread, release
the mouse button.
The C-Placeholder master pages are applied to pages 6 and 7, as indicated by the letter C
in the page icons. Instead of dragging the C-Placeholder master to the remaining spreads,
you’ll use a different method to apply master pages.
5 Choose Apply Master to Pages from the Pages palette menu. For Apply Master, choose
C-Placeholder. For To Pages, type 8-11. Click OK.
Notice that pages 6–11 in the Pages palette are now formatted with the C-Placeholder
master. Now you’ll format pages 2–5 with the B-Footer master. Pages 2–5 will contain
introductory material that requires a footer without placeholder frames.
6 Choose Apply Master to Pages from the Pages palette menu. For Apply Master, choose
B-Footer. For To Pages, type 2-5. Click OK.
Page 12 will require individual formatting without page numbering, so no master page
is desired.
7 Drag the None master to page 12.
96 LESSON 2
Setting Up Your Document
Make sure that the A-Grid master is assigned to page 1, the B-Footer master is assigned to
pages 2–5, and the C-Placeholder master is assigned to pages 6–11; page 12 should not
have a master page assigned to it.
2 On the Pages palette menu, choose Numbering & Section Options. Then, in the New
Section dialog box, make sure that Start Section and Automatic Page Numbering are
selected, or select them now.
3 For Style, choose i, ii, iii, iv (lowercase) from the pop-up menu. Then click OK and
notice the page icons in the Pages palette. Starting with page 2, the page numbering is now
set to appear in roman numerals in the footers of the pages.
The Pages palette and the page numbers on page ii. The triangle above page ii in the Pages
palette indicates the start of a section.
Now you’ll specify arabic numbers for the pages from 6 through the rest of the document.
4 Click page 6 (vi) in the Pages palette to select it.
5 On the Pages palette menu, choose Numbering & Section Options.
6 In the New Section dialog box, make sure that the Start Section is selected or select it
now.
7 Select Start Page Numbering At, press Tab and type 2 to start the section numbering
with page 2.
98 LESSON 2
Setting Up Your Document
8 For Style, select 1, 2, 3, 4 on the pop-up menu, and then click OK. Save your file.
Now your pages are properly renumbered. Notice that a black triangle appears above
pages 1, ii, and 2 in the Pages palette. These triangles indicate the start of a new section.
3 Holding down Shift, click the loaded text icon ( ) anywhere inside the text frame on
the bottom of page 2. Release the Shift key.
The text flowed into the text frames on pages 2 and 3. Now you’ll add a graphic to the
placeholder frame.
4 Choose Edit > Deselect All to make sure that no frames are selected.
If a frame is selected when you place a file, the contents of the file will be added to the
selected frame.
5 Choose File > Place. Double-click 02_d.tif in the ID_02 folder. The pointer takes the
shape of a loaded graphics icon ( ).
6 Position the loaded graphics icon over the graphics-frame placeholder on page 2 so
that the pointer appears in parentheses ( ), and click.
7 To position the image correctly, choose Object > Fitting > Center Content. Then
deselect and save your work.
100 LESSON 2
Setting Up Your Document
2 If necessary, adjust your view so that you can see the “TITLE PART XXX” text on
page 2. Click it to try to select it—nothing happens.
You cannot select master-page items on the document pages simply by clicking. However,
you can select a master-page item if you use the right keyboard shortcut.
3 Holding down Shift+Ctrl (Windows) or Shift+Command (Mac OS), click the title
placeholder frame on the left side of page 2 to select it.
4 Using the type tool ( ), double-click the word “TITLE” to select it, and then type
paper trails. Then select the “XXX,” and type one. (Remember that this text is set in the
Trajan font, which has no lowercase characters, so all text appears uppercase.)
The text is now replaced on the document page. Now you will use the eyedropper tool to
color the text.
5 Triple-click the type tool in “PAPER TRAILS PART ONE” to select all the text.
6 In the toolbox, select the zoom tool and then drag a marquee around the image of the
origami crane to magnify the image, so that the area you drag fills the window.
ADOBE INDESIGN 2.0 101
Classroom in a Book
7 In the toolbox, make sure that the text Fill box ( ) is selected, and then select the
eyedropper tool ( ). Move the tip of the eyedropper over one of the deep red stripes on
the crane and click to select it.
8 Choose View > Fit Spread in Window. Notice that even though you’ve used other tools,
the text is still selected. Choose Edit > Deselect All to see the text now filled with the red
color you selected.
9 Using the selection tool ( ), hold down Ctrl+Shift (Windows) or Command+Shift
(Mac OS) and click to select the two rectangles you created on the placeholder master
pages.
10 Repeat steps 6 and 7, but this time select a mustard yellow color from the crane paper
to fill the rectangles. Do not deselect the rectangle frames.
11 Choose View > Fit Spread in Window, and choose Object > Arrange > Send to Back
so that the yellow rectangles do not hide the title text. Then deselect all and save your file.
102 LESSON 2
Setting Up Your Document
2 Select the selection tool ( ), and then click the “TITLE PART XXX” text frame.
The proxy icon ( ) in the Transform palette determines the point of rotation. In this
case, we want the object to rotate around its center so that it stays in place.
3 In the Transform palette, select the center point in the proxy icon.
ADOBE INDESIGN 2.0 103
Classroom in a Book
4 In the Transform palette menu, select Rotate 180°. The text block now reads up from
the bottom of the column. Choose Edit > Deselect All.
5 In the Pages palette, double-click page 2 (not page ii) to switch views from the master
pages to the page with the origami story.
Notice that the settings you applied (local overrides) to the title text on the document page
remain in effect—that is, that the text is still red and still says “PAPER TRAILS” instead
of “TITLE” and “ONE” instead of “XXX.”
Rotating the frame on the master page affected all the pages to which the master was
applied, including the page containing the local override. When you override a master-
page item on a document page, you override only the set of attributes that you change. In
this case, you changed the text and the color of text on the document page. If you were to
change the text or color of text on the master page, those changes would not affect this
overridden object.
104 LESSON 2
Setting Up Your Document
You have formatted enough of the 24-page document to see how adding objects to the
master pages will help you maintain a consistent design throughout your document.
3 Choose File > Save.
Congratulations. You have finished the lesson.
On your own
A good way to reinforce the skills you’ve learned in this lesson is to experiment with them.
Try some of the following exercises that give you more practice with InDesign techniques.
1 Place another photograph at the bottom of the second column of text on page 3. Use
the 02_e.jpg image that is inside the Extras folder within the ID_02 folder.
2 Add a read-in pull quote: Using the type tool ( ), select the opening phrase of the
story, from “The flight...” through “...take forever.” Choose Edit > Cut. Then use the type
tool to drag a frame in the yellow panel across the top of page 3, and choose Edit > Paste.
Triple-click the text you pasted and use the Character palette to format it using the font,
size, style, and color of your choice.
ADOBE INDESIGN 2.0 105
Classroom in a Book
3 Try rotating the “title” text block using different corners or edges of the proxy icon as
the center of rotation, and notice the difference in the results.
4 Create a new pair of master pages for a spread that you could use for the continuation
of this story. Name the new master page D-Next and select B-Footer for the Based On
option. Then create placeholder frames for the text and graphics, giving the spread a
different arrangement from C-Placeholder master pages. When you finish, apply the
D-Next master pages to pages 4–5 of your document.
106 LESSON 2
Setting Up Your Document
Review questions
1 What are the advantages of adding objects to master pages?
2 How do you change the page-numbering scheme?
3 How do you override a master-page item on a document page?
Review answers
1 By adding objects such as guides, footers, and placeholder frames to master pages, you
can maintain a consistent layout on the pages to which the master is applied.
2 In the Pages palette, select the page icon where you want new page numbering to begin.
Then choose Section Options from the Pages palette menu and specify the new page-
numbering scheme.
3 Hold down Shift+Ctrl (Windows) or Shift+Command (Mac OS), and then click the
object to select it. You can then edit, delete, or otherwise manipulate the object.
3 Working with Frames
In this introduction to working with frames, you’ll learn how to do the following:
• Use the selection and direct-selection tools to modify frames and their contents.
• Resize and reshape text frames.
• Resize and reshape graphics frames.
• Distinguish between bounding boxes and their frames.
• Crop a graphic.
• Scale an image contained in a graphics frame.
• Move a graphic within its frame.
• Convert a graphics frame to a text frame.
• Wrap text around an object.
• Create and rotate a polygon frame.
• Align graphic objects to each other.
• Center and scale an object within a frame.
Getting started
In this lesson, you’ll work on a two-page article for a magazine about origami paper
folding. Before you begin, you’ll need to restore the default preferences for Adobe
InDesign to ensure that the tools and palettes function exactly as described in this lesson.
Then you’ll open the finished document for this lesson to see what you’ll be creating.
1 Delete or deactivate (by renaming) the InDesign Defaults file and the InDesign
SavedData file, as described in “Restoring default preferences” on page 4.
2 Start Adobe InDesign. To begin working, you’ll open an InDesign document that is
already partially completed.
3 Choose File > Open, and open the 03_a.indd file in the ID_03 folder, located inside the
Lessons folder within the IDCIB folder on your hard disk. If an alert message appears that
asks which dictionary file you want to use, click No (Windows) or Document (Mac OS).
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_03 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
4 Choose File > Save As, rename the file 03_frames.indd, and save it in the ID_03 folder.
ADOBE INDESIGN 2.0 111
Classroom in a Book
5 (Optional) If you want to see what the finished document will look like, open the
03_b.indd file in the same folder. You can leave this document open to act as a guide as
you work. When you’re ready to resume working on the lesson document, choose
Window > 03_frames.indd.
Note: As you work through the lesson, feel free to move palettes around or change the magni-
fication to a level that works best for you. For more information, see “Changing the magnifi-
cation of your document” on page 51 and “Using the Navigator palette” on page 58.
1 Click the Layers palette tab (or choose Window > Layers if you do not see the Layers
palette), and do the following:
• Click the lock box to the left of the Art layer to lock the layer.
• Using the selection tool ( ), click to select the text frame on the left page. Notice that
the text frame has eight hollow handles and a solid center point.
2 Drag the center top handle upwards to resize the height of the frame until it snaps to
the horizontal guide immediately above the frame (near 22 picas on the vertical ruler).
When you release the mouse, text reflows throughout the entire frame.
When you want to simultaneously resize a text frame and the text characters inside it, use
the scale tool.
A B C
The tool you use to select an object determines how you can change it.
• Use the type tool ( ) to type text and to select and edit text within a text frame.
• Use the selection tool ( ) to move or resize an item by its bounding box.
• Use the direct-selection tool ( ) to reshape the path by selecting and working with anchor points. Also use
this tool to set path characteristics and to resize, reshape, and move the graphic within a graphics frame with-
out altering the frame itself.
114 LESSON 3
Working with Frames
A B
3 Select the anchor point in the upper left corner of the text frame and drag it downward
until it snaps to the horizontal guide below it. (After you start dragging, you can hold
down Shift to constrain any horizontal movement.)
Make sure you drag only the anchor point—if you drag just below the anchor point, you’ll
move the text frame.
To see both the bounding box and the path, choose View > Show Frame Edges. To turn
frame edges off again, choose View > Hide Frame Edges.
A B
Next, you’ll change the text frame on the right page of the spread so that it mirrors the
text frame on the left page.
5 Click a blank area of your document to deselect the text frame, or choose Edit >
Deselect All.
6 Press A on your keyboard to switch back to the direct-selection tool ( ) and click the
large text block on page 5. Select the upper left anchor point of the text frame and drag it
up to the same horizontal guide you used to reshape text on the left page. You can hold
down Shift as you drag to ensure that the change is only vertical.
Pressing the A and V keys to toggle between the selection and direction-selection tools
are just two of many keyboard shortcuts available in InDesign. For more shortcuts, refer to
the Quick Reference Card in your printed InDesign documentation or the “Windows
shortcuts” or “Macintosh shortcuts” topics in InDesign online Help.
116 LESSON 3
Working with Frames
2 To center the right page in the document window, choose 4 from the Pages pop-up
menu at the bottom of the document window.
3 Choose Edit > Deselect All to make sure no items are selected (if another frame is
selected, the graphic you place will be inserted into the selected frame).
4 Choose File > Place, and then double-click 03_c.tif in the ID_03 folder.
The pointer changes to a loaded graphics icon ( ).
Note: If the pointer appears with a line through it ( ) when you try to use the selection tool,
the current layer is selected but still locked. You cannot add objects to a locked layer. Make sure
that the Art layer in the Layers palette is both unlocked and selected. The pointer should then
appear as a loaded graphics icon so that you can proceed with this step.
ADOBE INDESIGN 2.0 117
Classroom in a Book
5 Click near the top of page 4 to place the graphic. It doesn’t matter exactly where you
place it or that the purple image may cover some of the story text. You’ll fix that later.
6 Press V to select the selection tool ( ). Then drag the image so that it snaps into place
at the top of the page and on the left side of the column gutter. The left edge of the graphic
should fit snugly against the yellow bar of the title column, with no gap between them.
2 Using the selection tool ( ), click the purple-texture graphic. Drag the lower right
handle until the right side of the bounding box snaps into place against the horizontal
guide at the 32-pica mark on the vertical ruler and to the edge of page 5.
Notice that only the frame bounding box changes, not the purple image itself.
2 Select the handle in the lower right corner of the graphic bounding box, and then hold
down Shift and drag to enlarge the image. Continue dragging until the image dimensions
are even larger than the frame, so that the handle is off the page and onto the pasteboard.
3 Move the direct-selection tool over the purple image so that you see the hand icon. Try
dragging the image with the hand icon, and notice how the area of the image that is visible
within the frame changes as you drag. If you drag too far to the right, notice that the image
no longer covers the left side of the frame area.
Before you start dragging, hold down the mouse button until the hand icon turns into
a solid arrow ( ) pointer. Then, after you start dragging you’ll see a ghosted image of the
hidden areas of the graphic contents, a feature called Dynamic Preview. If you don’t wait
for the pointer icon to change, you’ll still see the bounding box of the graphic as you drag.
4 Make sure that the image entirely fills the frame, and then click a blank area of the page
to deselect the purple image. Save your work.
2 Press A for the direct-selection tool ( ). Then move the tip of the pointer over the edge
of the purple-image frame, and click when the pointer appears with a small diagonal line
( ). This selects the path and reveals the anchor points and center point for the frame.
Leave the path selected.
3 Press P to switch to the pen tool ( ). Carefully position the pointer over the lower edge
of the frame path where it intersects with the right margin of page 4, so that it appears
with a plus sign ( ), and then click. A new anchor point is added.
4 Move the pen tool to page 5, where the lower side of the path intersects with the left
margin, and click again to add another new anchor point.
5 Press A to switch to the direct-selection tool. With the second new anchor point still
selected, move the pointer over the first new anchor point (on page 4 of the layout) until
the pointer arrow appears with a small circle ( ). Then hold down Shift and click to select
that anchor point. Now both new anchor points appear solid, showing that they are
selected.
ADOBE INDESIGN 2.0 121
Classroom in a Book
6 Drag upwards, holding down Shift as you drag from either one of the new anchor
points or the path segment between them. When both anchor points snap into place on
the next guide (at 22p on the vertical ruler), release the mouse button and the Shift key.
The graphic is now properly shaped and sized for the design.
7 Press V to switch to the selection tool, and select the purple graphic. Then choose
Object > Arrange > Send to Back so that the graphic appears to be behind other elements
in the Art layer.
You can simultaneously resize both a graphic image and its frame by using the selection
tool and holding down Ctrl+Shift (Windows) or Command+Shift (Mac OS) as you drag a
handle of the frame. In this case, the Shift key simply maintains the proportions of the
bounding boxes, so that the graphic image is not distorted. Using the Shift key is optional if
distortion doesn’t matter to your design.
2 Using the selection tool ( ), click either the gray or the black background behind the
sidebar story. The entire sidebar background is selected, showing the usual eight handles
in the bounding box. Notice that a question mark (?) appears in the toolbar Fill box ( ),
indicating that the nested items do not all have the same fill color.
3 Press Ctrl+Shift+A (Windows) or Command+Shift+A (Mac OS) to deselect the
group.
4 Press A to switch to the direct-selection tool, and click the black fill in the upper part
of the sidebar background. Now the four anchor points and center point for the black
rectangle appear. Notice that the Fill box in the toolbox is black and that Black is
highlighted in the Swatches palette.
5 Make sure that the Fill box ( ) is still selected in the toolbox. Then scroll down the
Swatches palette and select the Black 80% tint. Now the upper rectangle behind the text
block has a dark gray fill but the lower one remains filled with light gray.
6 Save your file.
When you have the smaller rectangle selected, notice what happens if you switch back to
the selection tool: The handles appear, but only for the upper rectangle, not the entire
group as appeared when you did step 2, above. This can be handy when you have nested
objects and want to adjust the frame without ungrouping.
Notice that the text appears on top of the image. You’ll fix that by applying text wrap.
2 Choose Window > Text Wrap to open the Text Wrap palette, and select the second
wrap option so that the text wraps around the bounding box, not around the star-shaped
frame.
3 Next, select the third wrap option so that the text wraps around the contour of the image
frame instead of the bounding box. Click a blank area to deselect all.
4 Leave the Text Wrap palette open for now, and choose File > Save.
124 LESSON 3
Working with Frames
4 In the Text Wrap palette, select the first option to remove the text wrap because it is
unnecessary in this area of the page. Then choose View > Fit Spread in Window.
5 Hold down Alt (Windows) or Option (Mac OS) and drag the crane graphic to page 5.
When you release the mouse, you’ll see that by using the Alt or Option key, you have
moved not the original but a new copy of the graphic.
ADOBE INDESIGN 2.0 125
Classroom in a Book
If you hold down the mouse button for a few seconds before you start to drag, you’ll see
the ghosted copy of the duplicate graphic frame and contents as you move it.
Notice that the crane image now appears only in a small segment of the two enlarged
frame areas. You will adjust the contents in the next few procedures.
6 Select the crane graphic on page 5, hold down Shift, and drag to enlarge it slightly.
Then drag the graphic as needed so that it is approximately centered over the far right
column of the page.
1 Using the selection tool ( ), select the new crane graphic you placed in the upper area
of page 4. Hold down Shift to maintain the symmetry of the frame, drag up from the
upper right handle to above the top edge of the spread so that part of the image bleeds off
the page. Leave the frame selected
6 Press V for the selection tool, and select the duplicate crane image, on page 5.
7 Choose File > Place, and browse as needed to find the 03_e.tif file in your ID_03 folder.
The image of an origami box replaces the image of the origami crane.
8 With the box graphic still selected, choose Object > Fitting > Fit Content to Frame.
Now you’ve used a single frame shape three times to hold three different images.
ADOBE INDESIGN 2.0 127
Classroom in a Book
2 Double-click the polygon tool to open the Polygon Settings dialog box, and specify the
following:
• For Number of Sides, type 4.
• For Star Inset, type 20%, and then click OK.
3 Hold down Shift and drag to draw a four-pointed star that it is 12p x 12p, using the H
and W values in the Transform palette as a reference as you drag the star. If you have diffi-
culty getting the values exactly at 12 picas, leave the star selected, type the values in the W
and H boxes, and press Enter or Return.
128 LESSON 3
Working with Frames
4 Press V to switch to the selection tool and then drag the new star into position in the
purple background on page 5, so that it is slightly off center and entirely within the purple
background image. Leave the star selected.
2 In the toolbox, select the Fill box ( ), and then in the Swatches palette, select 80%
black as the fill color for the new frame.
3 In the Layers palette, click the Text layer lock icon ( ) to unlock the Text layer.
4 With the 80% gray star selected, drag the dot from the Art layer to the Text layer to
move the star to that layer. Leave the star selected.
5 Choose File > Place, and then browse to the 03_ID folder and double-click the
03_f.doc file. The text appears in the star, with the same text formatting that it had in the
original .doc file. The out port on the bounding box is empty, indicating that all the text
for the pull quote fits into the 12-pica star shape.
6 Press T to switch to the type tool. Click anywhere in the pull quote, and then choose
Edit > Select All.
7 Make sure the text Fill box ( ) is selected in the toolbox, and then use the Swatches
palette to select C=0 M=28 Y=100 K=0 so that the text is also mustard-colored.
130 LESSON 3
Working with Frames
Rotating an object
There are several options within InDesign for rotating objects. In this topic, you’ll use the
Transform palette.
1 Using the selection tool ( ), select the four-pointed yellow star.
2 In the Transform palette, make sure that the center point is selected on the proxy icon
( ) so that the object rotates around its center, and then select 45° from the rotation
angle pop-up menu.
4 Again in the Align palette, click the Vertical Align Center button ( ). The two stars are
now centered on the same location in the layout.
5 Click a blank area to deselect all, and then save your file.
5 Hold down the mouse button until the pointer changes to a solid arrow ( ), and then
drag one of the corner handles counterclockwise to rotate both the image and the frame,
stopping when you like the look of the results. The sample uses a rotation of 25°.
Note: Waiting for the pointer to become a solid arrow makes a ghosted image of the contents
appear on-the-fly as you rotate. If you don’t wait for the pointer, the bounding box will
remain visible as you drag to rotate.
Finishing up
Congratulations. You have finished the lesson. Now it’s time to admire your work.
1 Choose Edit > Deselect All.
2 Choose View > Fit Spread in Window.
3 In the toolbox, click the Preview Mode button to hide all guides and frames.
On your own
One of the best ways to learn about frames is to experiment on your own. In this section,
you will learn how to nest an object inside a shape you create. Follow these steps to learn
more about selecting and manipulating frames:
1 Using the direct-selection tool ( ), select and copy any image on page 4 or 5.
2 To create a new page, choose Insert Pages from the Pages palette menu and then click OK.
3 Use the polygon tool to draw a shape on the new page (use any number of sides and
any value for the star inset). Select the shape using the direct-selection tool, and then
choose Edit > Paste Into to nest the image inside the frame. (If you choose Edit > Paste,
the object will not be pasted inside the selected frame.)
A B C
A. Image pasted into frame B. Image moved and scaled within the
frame C. Polygon frame reshaped
4 Use the direct-selection tool to move and scale the image within the frame.
5 Use the direct-selection tool to change the shape of the polygon frame.
6 Use the selection tool ( ) to rotate both the frame and the image. Use the direct-
selection tool to rotate only the image within the frame.
7 When you are done experimenting, close the document without saving.
ADOBE INDESIGN 2.0 135
Classroom in a Book
Review questions
1 When should you use the selection tool ( ) to select an object, and when should you
use the direct-selection tool ( ) to select an object?
2 How do you resize a frame and its contents simultaneously?
3 How do you rotate a graphic within a frame without rotating the frame?
4 Without ungrouping objects, how do you select an object within a group?
Review answers
1 Use the selection tool ( ) for general layout tasks, such as positioning and sizing
objects. Use the direct-selection tool ( ) for tasks involving drawing and editing paths or
frames; for example, to select frame contents or to move an anchor point on a path.
2 To resize a frame and its contents simultaneously, select the selection tool ( ), hold
down Ctrl (Windows) or Command (Mac OS), and then drag a handle. Hold down Shift
to maintain the object’s proportions.
3 To rotate a graphic within a frame, use the direct-selection tool to select the graphic
within the frame. Select the rotation tool ( ), and then drag one of the handles to rotate
only the graphic, not the frame.
4 To select an object within a group, select it using the direct-selection tool.
4 Creating and Applying Colors,
Tints, and Gradients
In this introduction to working with colors, you’ll learn how to do the following:
• Add colors to the Swatches palette.
• Apply colors to objects.
• Create dashed strokes.
• Create and apply a gradient swatch.
• Adjust the direction of the gradient blend.
• Create a tint.
• Create a spot color.
Getting started
In this lesson, you’ll work on a 2-page spread for a magazine article about origami. If
you’ve gone through the two previous lessons, the design of this document will look
somewhat familiar. The document includes two layers (Art and Text), two master pages
(B is based on A), and a separate main story and sidebar. Before you begin, you’ll need to
restore the default preferences for Adobe InDesign. Then you’ll open the finished
document for this lesson to see what you’ll be creating.
1 To ensure that the tools and palettes function exactly as described in this lesson, delete
or deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file.
See “Restoring default preferences” on page 4.
2 Start Adobe InDesign.
3 Choose File > Open, and open the 04_a.indd file in the ID_04 folder, located inside the
Lessons folder within the IDCIB folder on your hard disk. If an alert message appears that
asks which dictionary file you want to use, click No (Windows) or Document (Mac OS).
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_04 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
4 Choose File > Save As, rename the file 04_Color.indd, and save it in the ID_04 folder.
ADOBE INDESIGN 2.0 141
Classroom in a Book
5 If you want to see what the finished document will look like, open the 04_b.indd file in
the same folder. You can leave this document open to act as a guide as you work. When
you’re ready to resume working on the lesson document, choose its name from the
Window menu.
Note: As you work through the lesson, feel free to move palettes around or change the magni-
fication to a level that works best for you. For more information, see “Changing the magnifi-
cation of your document” on page 51 and “Using the Navigator palette” on page 58.
You’ll now create most of the colors you’ll use in this document. Since this document is
intended for a commercial press, you’ll be creating CMYK process colors.
1 Make sure that no objects are selected, and then click the Swatches palette tab. (If the
Swatches palette is not visible, choose Window > Swatches.)
The Swatches palette stores the colors that have been preloaded into InDesign, as well as
the colors, tints, and gradients you create and store for reuse.
2 Choose New Color Swatch from the Swatches palette menu.
3 Deselect Name With Color Value, and for Swatch Name, type Purple. Make sure that
Color Type and Color Mode are set to Process and CMYK, respectively.
The Name With Color Value option names a color using the CMYK color values that you
enter, and automatically updates the name if you change the value. This option is
available only for process colors and is useful when you want to use the Swatches palette
to monitor the exact composition of process-color swatches. For this swatch you
deselected the Name With Color Value option, so that you can use a name (Purple) that’s
easier to read for this lesson.
4 For the color percentages, type the following values: Cyan = 67, Magenta = 74,
Yellow = 19, and Black = 12, and then click OK.
ADOBE INDESIGN 2.0 143
Classroom in a Book
5 Repeat the previous three steps to name and create the following colors:
C M Y K
Red 0 69 60 12
Green 51 19 91 12
Gold 0 31 81 4
If you forget to type the name for a color or if you type an incorrect value, double-click the
swatch, change the name or value, and then click OK.
New colors added to the Swatches palette are stored only with the document they are
created in. You’ll apply these colors to text, graphics, and frames in your document.
Notice that these three objects are grouped, so all are now selected. You will ungroup these
objects and lock them in place. Locking objects prevents you from accidentally moving
them.
144 LESSON 4
Creating and Applying Colors, Tints, and Gradients
2 With the group of objects still selected, choose Object > Ungroup and then choose
Object > Lock Position.
3 Deselect the objects. To deselect an object, you can choose Edit > Deselect All, you can
click a blank area in your document window, or you can press Shift+Ctrl+A (Windows)
or Shift+Command+A (Mac OS).
4 Select the zoom tool ( ) in the toolbox and drag across the three diamonds to draw a
marquee around the shapes. The view magnification changes so that the area defined by
the marquee now fills the document window. Make sure that you can see all three
diamond shapes.
To fine-tune the zoom magnification, you can press Ctrl+= (Windows) or Command+=
(Mac OS). To zoom out, you can press Ctrl+- (Windows) or Command+- (Mac OS).
5 Select the selection tool ( ), and then click the border of the middle diamond to select
it. Select the Stroke box ( ) in the toolbox, and then click Purple in the Swatches palette.
The stroke of the diamond shape is now purple. However, the color is not applied to the
lines inside the shape because they are separate objects.
6 Deselect the object.
7 Click the border of the left diamond to select it. Select Red in the Swatches palette to
apply a red stroke.
ADOBE INDESIGN 2.0 145
Classroom in a Book
8 With the left diamond still selected, select the Fill box ( ) in the toolbox, and then
select Gold in the Swatches palette (you may need to scroll down the list of swatches).
The right diamond requires the same Red stroke and Gold fill. You’ll use the eyedropper
to copy the stroke and fill attributes from the left diamond in one quick step.
9 Select the eyedropper tool ( ), and click the left diamond. Notice that the eyedropper
is now filled ( ), indicating that it picked up the attributes from the clicked object.
10 With the filled eyedropper tool, click the white background of the rightmost
diamond. The right diamond takes on the left diamond’s fill and stroke attributes.
Now you’ll change the color of the two diagonal lines in the right diamond.
11 Select the selection tool ( ), and then deselect the objects.
146 LESSON 4
Creating and Applying Colors, Tints, and Gradients
12 Holding down Shift, select the two diagonal lines inside the right diamond.
Release Shift. Select the Stroke box ( ) in the toolbox, and then select [Paper] in the
Swatches palette.
[Paper] is a special color that simulates the paper color on which you’re printing. Objects
behind a paper-colored object won’t print where the paper-colored object overlaps them.
Instead, the color of the paper on which you print shows through.
2 If the Stroke palette is not already visible, choose Window > Stroke to open it, and then
choose Show Options from the Stroke palette menu to expand the palette so that you see
several previously hidden options.
3 For Type, select Dashed.
Six dash and gap boxes appear at the bottom of the Stroke palette. To create a dashed line,
you specify the length of the dash, and then the gap, or spacing, between the dashes.
ADOBE INDESIGN 2.0 147
Classroom in a Book
4 Type the following values in the Dash and Gap boxes: 6, 4, 2, 4 (press Tab after you type
each value to move to the next box). Leave the last two dash and gap boxes empty.
5 Deselect the lines and close the Stroke palette. Then choose File > Save.
A B
1 Make sure no objects are selected, and choose New Gradient Swatch from the Swatches
palette menu.
A B C D
Gradients are defined by a series of color stops in the gradient bar. A stop is the point at
which a gradient changes from one color to the next and is identified by a square below
the gradient bar.
2 For Swatch Name, type Green/Gold Gradient.
3 Click the left stop marker ( ). For Stop Color, select Named Color, and then scroll
down the list of color swatches and select Green.
Notice that the left side of the gradient ramp is green.
4 Click the right stop marker ( ). For Stop Color, select Named Color, and then scroll
down the list and select Gold.
The gradient ramp shows a color blend between green and gold.
ADOBE INDESIGN 2.0 149
Classroom in a Book
5 Click OK.
Now you’ll apply the gradient to the fill of the middle diamond.
6 Click the border of the middle diamond to select it.
7 Select the Fill box ( ) in the toolbox, and then click Green/Gold Gradient in the
Swatches palette.
Now you’ll experiment with the gradient tool to see how you can change the direction and
intensity of the gradient.
2 To create a more gradual gradient effect, place the pointer an inch or so outside the
selected diamond and drag across and past it.
150 LESSON 4
Creating and Applying Colors, Tints, and Gradients
When you release the mouse button, you’ll notice that the blend between green and gold
is more gradual than it was before you dragged the gradient tool.
3 To create a sharper gradient, drag a small line in the center of the diamond. Continue
to experiment with the gradient tool so that you understand how it works.
4 When you have finished experimenting, drag from the top corner of the diamond to
the bottom corner. That’s how you’ll leave the gradient of the middle diamond.
Creating a tint
In addition to adding colors, you can also add tints to the Swatches palette. A tint is a
screened (lighter) version of a color. You’ll now create a 30% tint of the green swatch you
created earlier in this lesson.
Tints are helpful because InDesign maintains the relationship between a tint and its
parent color. For example, if you changed the Green color swatch to a different color, the
tint swatch you create in this procedure would become a lighter version of the new color.
1 Deselect all objects.
ADOBE INDESIGN 2.0 151
Classroom in a Book
2 Click Green in the Swatches palette. Choose New Tint Swatch from the Swatches
palette menu. For Tint percentage, type 30 and then click OK.
The new tint swatch appears at the bottom of the list of swatches. The top of the Swatches
palette displays information about the selected swatch, with a Fill/Stroke box showing
that the green tint is currently the selected fill color and a Tint option showing that the
color is 30% of the original Green color.
3 Choose View > Fit Page in Window to center the right page of the spread in the
document window. Using the selection tool ( ), click the sidebar text frame on the right
side of the page.
4 Make sure the Fill box ( ) is selected, and then click the Green tint that you just created
in the Swatches palette.
In this publication, the title design calls for a metallic ink not found in the CMYK color
model. You’ll now add a metallic spot color from a color library.
1 Deselect all objects.
2 In the Swatches palette menu, select New Color Swatch.
3 In the New Color Swatch dialog box, select Spot on the Color Type pop-up menu.
4 In Color Mode, select Other Library.
ADOBE INDESIGN 2.0 153
Classroom in a Book
To select an item in a palette using the keyboard, hold down Ctrl+Alt (Windows) or
Command+Option and click an item in the palette. Then quickly type the color number. In
this case, you would quickly type 876 to select PANTONE 876 CVC.
7 Click OK. The metallic spot color is added to your Swatches palette. Notice the icon
( ) next to the color name in the Swatches palette. This icon indicates that it is a spot
color.
Note: The color you see on your monitor does not reflect the actual printed color. To
determine the color you want to use, look at a chart provided by the color system, such as the
PANTONE Color Formula Guide 747XR, or an ink chart obtained from your printer. It’s a
good idea to minimize the number of spot colors you use. Each spot color you create generates
an additional spot-color plate for the press, increasing your printing costs.
154 LESSON 4
Creating and Applying Colors, Tints, and Gradients
4 In the Swatches palette, click PANTONE 876 CVC, and then click a blank area to
deselect. The text now appears in the spot color.
Your monitor probably shows the text in a dull brown shade, but the actual printed color
of the text will be the metallic spot color. Next, you’ll insert another text frame and apply
colors to the text.
5 Select the type tool ( ) and triple-click “a short story by” at the bottom of the page to
select that paragraph.
6 Make sure the Fill box ( ) is selected in the toolbox, and then click Purple in the
Swatches palette.
7 Triple-click “Clyde Bell” to select the name, and then click Red in the Swatches palette.
8 Choose Edit > Deselect All so that you can see the colored text. Then choose File >
Save.
ADOBE INDESIGN 2.0 155
Classroom in a Book
Now you’ll apply these colors to the larger image at the bottom of the page.
3 Choose View > Fit Page in Window. Select the selection tool ( ), and click the large
image at the bottom of page 2 to select the object. Choose Object > Ungroup.
Notice that the image consists of many smaller shapes grouped together. Now you’ll apply
orange to two of these shapes.
4 Deselect all objects, and then select the Fill box ( ) in the toolbar. Holding down Shift,
click the two objects indicated below, and apply the Orange fill color (not the Orange tint).
156 LESSON 4
Creating and Applying Colors, Tints, and Gradients
5 Deselect all objects. Drag the Orange 70% fill swatch from the Swatches palette to the
object indicated below. Be sure to drop it inside the object and not on the object’s stroke.
Dragging and dropping can be a more convenient way to apply color when an object is a
large, easy target, and you don’t have to select the object first. However, in the next step
the area is small, so you’ll go back to applying a color by selection.
6 Deselect all objects, select the object indicated below, and apply the Blue fill.
If you applied the color to the wrong object, choose Edit > Undo Swatch and try again.
3 Select the object shown below and apply the Blue 70% fill.
Notice how the large image shares the same colors with the small cranes you imported.
Next you’ll change the Blue color. Blue 70% is based on the Blue swatch, so the tint will
also change.
4 Deselect all objects.
5 Double-click Blue (not the Blue tint) to change the color. For Swatch Name, type
Violet Blue. For the color percentages, type the following values: Cyan = 59, Magenta =
80, Yellow = 40, Black = 0. Click OK.
Notice that the color change affects all objects to which Blue and Blue 70% were applied.
As you can see, adding colors to the Swatches palette makes it easy to update colors in
multiple objects.
6 Choose File > Save.
The colors from the previous blend appear in the dialog box.
2 Click the left stop marker ( ), select Named Color for Stop Color, and make sure that
Green (not the tinted Green) is selected in the list box. Click the right stop marker ( ),
select Named Color for Stop Color, and make sure that Green (not the tinted Green) is
selected in the list box.
The gradient ramp is now entirely green. Now you’ll add a stop marker to the middle so
that the color fades towards the center.
3 Click just below the center of the gradient bar to add a new stop. For Location, type 50
to make sure the stop is centered.
4 For Stop Color, select CMYK and then drag each of the four color sliders to 0 (zero) to
create white.
Before you create the graphics frame, make sure that the Art layer is selected. It’s a good
idea to get into the habit of making sure that your objects are placed on the appropriate
layer, so you can hide or lock a set of objects easily.
ADOBE INDESIGN 2.0 159
Classroom in a Book
2 Choose Edit > Deselect All. Click the Layers palette tab to bring the Layers palette to
the front, and then select Art. (Do not select either box to the left of Art, or you’ll hide or
lock the objects on the Art layer.)
3 Select the Fill box ( ) in the toolbox, and then select Green/White Gradient in the
Swatches palette, if it’s not already selected. Select the Stroke box ( ) in the toolbox, and
then click the None button ( ) at the bottom of the toolbox.
A B C
Now that the Fill box is set to the gradient and the Stroke box is set to none, the next object
you draw will contain the gradient fill with no stroke.
4 Select the rectangle tool ( ), and then draw a frame that covers all of page 2, including
the margins.
5 With the frame still selected, choose Object > Arrange > Send to Back (not Send
Backward).
4 With the object selected, choose Object > Ungroup, and then deselect all the objects.
5 To zoom in, press Z to switch to the zoom tool, and drag across the crane object above
“The Art of Paper Folding.” Then press V to switch back to the selection tool.
6 Select the object shown below, make sure the Fill box ( ) in the toolbox is selected, and
apply the Red swatch.
ADOBE INDESIGN 2.0 161
Classroom in a Book
7 Select the object shown below and apply the Green swatch (not the Green tint) as a fill.
Notice that the gradient affects each object on an individual basis. Now you’ll use the
gradient tool to apply the gradient across the three selected objects as one.
9 With the three objects still selected, select the gradient tool ( ) in the toolbox. Drag
an imaginary line as shown.
On your own
Follow these steps to learn more about importing colors and working with gradients.
1 To create a new document, choose File > New > Document, and then click OK in the
New Document dialog box.
2 To import the colors from a different InDesign document, use the following procedure:
• Use the Swatches palette menu and choose New Color Swatch.
• In the Color Mode pop-up menu, select Other Library and browse to find the ID_04
folder.
• Double-click 04_Color.indd (or 04_b.indd). Notice that the colors you created earlier
in this lesson appear in this dialog box list for the new document.
• Select the Green/Gold Gradient and click OK to close the dialog box and add the color
to the Swatches palette.
• Repeat this entire process a few more times to add other colors to the Swatches palette.
3 Use the ellipse tool ( ) to draw a shape. Apply the Green/Gold Gradient to the
shape’s fill.
4 Double-click Green/Gold Gradient in the Swatches palette to change it. Drag the
diamond-shaped slider above the gradient ramp to the right so that the gradient is mostly
green, and click OK. Notice that the gradient in the ellipse changes.
5 Create a new gradient swatch that is radial instead of linear. Apply the new gradient to
the fill of a different shape you draw. Use the gradient tool to change the gradient.
6 When you are done experimenting with colors, close the document without saving it.
164 LESSON 4
Creating and Applying Colors, Tints, and Gradients
Review questions
1 What is the advantage of applying colors using the Swatches palette instead of the
Color palette?
2 What are the pros and cons of using spot colors versus process colors?
3 After you create a gradient and apply it to an object, how do you adjust the direction
of the gradient blend?
Review answers
1 If you apply a color to several objects and then decide you want to use a different color,
you don’t need to update each object individually. Instead, change the color in the
Swatches palette and the color of all the objects will be updated automatically.
2 By using a spot color, you can ensure color accuracy. However, each spot color requires
its own plate at the press, so using spot colors is more expensive. Use process colors when
a job requires so many colors that using individual spot inks would be expensive or
impractical, such as when printing color photographs.
3 To adjust the direction of the gradient blend, use the gradient tool to repaint the fill
along an imaginary line in the direction you want.
5 Importing and Linking
Graphics
Getting started
In this lesson, you’ll assemble a booklet for a compact disc by importing and managing
graphics from Adobe Photoshop and Adobe Illustrator. After printing and trimming, the
insert will be folded so that it fits into a CD box.
This lesson includes a procedure that you can perform using Adobe Photoshop, if you
have a copy of that program installed on your computer. If you use color management,
this lesson works best if you’ve already set up your InDesign color-management settings
to match your settings for Photoshop. For more information on color issues, see Lesson
14, “Ensuring Consistent Color.” To make sure that the Photoshop color-management
settings match InDesign, see “Embedding a profile in a Photoshop TIFF image” on
page 449.
Before you begin, restore the default preferences for Adobe InDesign, using the procedure
in “Restoring default preferences” on page 4.
1 Start Adobe InDesign.
2 Choose File > Open, and open the 05_a.indd file in the ID_05 folder, located inside the
Lessons folder within the IDCIB folder on your hard disk.
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_05 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
3 A message appears, saying that the publication contains missing or modified links.
Click OK; you will fix this later in the lesson. If another alert message appears that asks
which dictionary file you want to use, click No (Windows) or Document (Mac OS).
ADOBE INDESIGN 2.0 169
Classroom in a Book
4 Move the Links palette out of the way so it doesn’t obscure your view of the document.
The Links palette opens automatically whenever you open an InDesign document that
contains missing or modified links.
5 (Optional) If you want to see what the finished document will look like, open the
05_b.indd file in the same folder. If you prefer, you can leave the document open as you
work to act as a guide. When you’re ready to resume working on the lesson document,
choose its name from the Window menu.
6 Choose File > Save As, rename the file 05_cdbook.indd, and save it in the ID_05 folder.
Note: As you work through the lesson, feel free to move palettes around or change the magni-
fication to a level that works best for you. For more information, see “Changing the magnifi-
cation of your document” on page 51 and “Using the Navigator palette” on page 58.
170 LESSON 5
Importing and Linking Graphics
Bitmap images are based on a grid of pixels and are created by image-editing applications
such as Adobe Photoshop. In working with bitmap images, you edit individual pixels
rather than objects or shapes. Because bitmap graphics can represent subtle gradations of
shade and color, they are appropriate for continuous-tone images such as photographs or
artwork created in painting programs. A disadvantage of bitmap graphics is that they lose
definition and appear “jagged” when enlarged.
Logo drawn as vector art (left), and rasterized as bitmap art (right)
In general, use vector drawing tools to create art or type with clean lines that look good
at any size. You can create vector artwork using the InDesign drawing tools, or you might
prefer to take advantage of the wider range of vector drawing tools available in Illustrator.
You can use Photoshop to create bitmap images that have the soft lines of painted or
photographic art and for applying special effects to line art.
3 Using the selection tool ( ), select the Orchard of Kings logotype on page 4, the far
right page of the first spread. Notice that the graphic’s filename, 05_i.ai, becomes selected
in the Links palette when you select it on the layout.
A C
D E F G H I
4 Using the selection tool, select the large hand graphic that spans the second spread
(pages 5–7). The filename for this graphic, 05_j.psd, is now selected in the Links palette.
Now you’ll use the Links palette to locate a graphic on the layout.
5 In the Links palette, select 05_h.psd, and then click the Go To Link button ( ). The
graphic becomes selected and centered on the screen. This is a quick way to find a graphic
with a known filename.
If the Links palette is still in the center of the document window, you can move it now so
that it doesn’t block your view of the page as you work through the rest of the lesson.
These techniques for identifying and locating linked graphics are useful throughout this
lesson and whenever you work with a large number of imported files.
1 If the Links palette is not visible, choose Window > Links to display it. If you cannot
see the names of all the linked files without scrolling, drag the lower right corner of the
palette to enlarge it.
2 Double-click the link 05_g.psd. The Link Information dialog box appears, describing
the file that the link refers to.
3 Click Next to view information about the next file on the Links palette list, 05_h.psd.
You can quickly examine all the links this way. One or more links may display an alert icon
( ) under Content Status; this icon indicates a linking problem, which you’ll address in
the next topic. After you’ve examined some link information, click Done.
By default, files are sorted in the Links palette so that files that are not up to date are listed
first. You can use commands in the Links palette menu to sort the file list in different ways.
4 In the Links palette, choose Sort by Page from the Links palette menu. The palette now
lists the links in numerical order by the page on which the linked item appears.
–From “About the Links palette” in the Adobe InDesign User Guide, chapter 8
1 In the Links palette, select the file 05_i.ai, and click the Go To Link button ( ). You
don’t have to do this step to update a link, but it’s a quick way to double-check which
imported file you are about to update.
ADOBE INDESIGN 2.0 175
Classroom in a Book
2 Click the Update Link button ( ). The appearance of the image in the document
changes to represent its newer version. However, the new image is larger than the previous
version so that the existing frame now crops the updated graphic.
3 Using the selection tool ( ), click the “Orchard of Kings” image to select it, and then
choose Object > Fitting > Fit Frame to Content. This command resizes only the frame,
not the image.
You’ll replace the large, wide image of the hand that spans the second spread (pages 5–7)
with a modified image. You can use the Relink button to reassign the link to that graphic.
4 Go to pages 5–7 (the second spread) and choose View > Fit Spread in Window.
5 Select the 05_j.psd image, which is the photograph of two hands that extends across
pages 5–7. You can tell when you’ve selected the right image because the filename
becomes selected in the Links palette.
176 LESSON 5
Importing and Linking Graphics
8 Click a blank area of the pasteboard to deselect the file, and save your work.
All of the buttons at the bottom of the Links palette are also available as commands on the
Links palette menu.
4 Position the loaded graphics icon to the left and slightly below the top edge of the green
square, and click.
Don’t be concerned about the white rectangular background behind the image. You’ll
remove it in the next section of this lesson. Now you’ll zoom in using a high magnification
so that you can learn about options for display quality.
5 Click the Navigator palette tab (or choose Window > Navigator to make the palette
visible). Use the palette to zoom to 400%, keeping the image you placed in the center of
the view.
6 Right-click (Windows) or Control-click (Mac OS) the pear image, and then choose
Display Performance > High Quality Display from the context menu that appears. The
pears image appears at full resolution. Notice that the resolution display of the other
images in the document is not affected by this process.
On-screen display using Typical Display (left) and High Quality Display (right)
2 Choose Object > Clipping Path. If necessary, drag the Clipping Path dialog box so that
you can see the pear image.
3 In the Type pop-up menu, choose Detect Edges. Select the Preview check box so that
you see that the white background is almost entirely eliminated from the image.
4 For Threshold, drag the slider and watch the image on page 7 until the Threshold
setting hides as much of the white background as possible without hiding parts of the
subject (darker areas). We used a Threshold value of 15.
Note: If you can’t find a setting that removes all of the background without affecting the
subject, specify a value that leaves the entire subject visible along with small bits of the white
background. You’ll eliminate the remaining white background by fine-tuning the clipping
path in the following steps.
The Threshold option works by hiding light areas of the image, starting with white. As
you drag to the right, increasingly darker tones are included within the range of tones that
become hidden. Don’t try to find a setting that matches the pears perfectly. You’ll learn
how to improve the clipping path a little bit later.
180 LESSON 5
Importing and Linking Graphics
5 For Tolerance, drag the slider slightly to the left until the Tolerance value is between
about 1 and 1.8.
The Tolerance option determines how many points define the frame that’s automatically
generated. As you drag to the right, InDesign uses fewer points so that the clipping path
fits the image more loosely (higher tolerance). Using fewer points on the path may speed
up document printing, but may be less accurate.
6 For Inset Frame, specify a value that closes up any remaining background areas, and click
OK. We specified a value of 0p1 (zero picas, one point). This option shrinks the current
shape of the clipping path uniformly, and is not affected by the lightness values in the image.
Then click OK to close the Clipping Path dialog box.
7 (Optional) You can refine the clipping path. Make sure that the path is activated, or click
one of the pear images with the direct-selection tool ( ) to activate it. You can then drag
individual anchor points and use the drawing tools to edit the clipping path around the
pears. For information about drawing, see Lesson 6, “Drawing Vector Graphics.”
ADOBE INDESIGN 2.0 181
Classroom in a Book
Now you’ll switch the quality setting for the pear image back to low-resolution, to speed
up performance.
8 Right-click (Windows) or Control-click (Mac OS) the pear image, and then choose
Display Performance > Typical Display from the context menu to set the image for low-
resolution display.
9 Save the file.
You can also use the Detect Edges feature to remove a solid black background. Just select
the Invert option and specify a high threshold value.
3 In Explorer (Windows) or the Finder (Mac OS), open the ID_05 folder, which contains
the file 05_d.psd file.
4 Drag the file 05_d.psd to page 2 in the InDesign document. Then use the selection tool
( ) to reposition the graphic so that it is in the lower left corner of the page.
Note: When you place the file, be careful to drop it outside the solid-color squares. If you drop
it in an object drawn in InDesign, it will be placed inside the object. If this happens, choose
Edit > Undo, and try again.
5 If necessary, you can now maximize the InDesign window to its previous size, because
you’ve finished importing the file.
The procedure in this topic requires a full version of Photoshop 4.0 or later and is easier
if you have enough RAM available to leave both InDesign and Photoshop open as you
work. If your configuration doesn’t include these two standards, you can still read these
steps to help you understand what Photoshop alpha channels look like and do.
1 If necessary, use the selection tool to select the 05_d.psd image in InDesign.
2 If the Links palette is not already open, choose File > Links. The image filename
appears selected in the Links palette.
3 In the Links palette, click the Edit Original button ( ). This opens the image in a
program that can view or edit it. This image was saved from Photoshop, so if Photoshop
is installed on your computer, InDesign starts Photoshop with the selected file.
Note: Sometimes the Edit Original button opens an image in a program other than
Photoshop or the program that created it. The Edit Original button uses your operating
system’s settings for associating files with programs. You can change those settings; see the
documentation for your operating system. Also, some installer utilities change those settings.
4 If an Embedded Profile Mismatch dialog box appears as the image opens in Photoshop,
do one of the following:
• If you’ve properly configured all Photoshop and InDesign color-management settings
for your workflow using accurate ICC profiles, select Convert Document’s Colors to the
Working Space to reproduce the image properly in Photoshop.
• If you are not using color management, select Use the Embedded Profile (Instead of the
Working Space).
5 In Photoshop, choose Window > Show Channels to display the Channels palette, or
click the Channels palette tab.
184 LESSON 5
Importing and Linking Graphics
The Channels palette contains three alpha channels in addition to the standard RGB
channels. These channels were drawn using the masking and painting tools in Photoshop.
6 In the Channels palette in Photoshop, click Alpha 1 to see how it looks, then click Alpha
2 and Alpha 3 to compare them.
7 In Photoshop, choose Window > Show Paths to open the Paths palette, or click the
Paths palette tab.
The Paths palette contains two named paths, Shapes and Circle. These were drawn using
the pen tool and other path tools in Photoshop, although they could also be drawn in
Illustrator and pasted into Photoshop.
8 In the Photoshop Paths palette, click Shapes to view that path. Then click Circle.
You’re finished using Photoshop, so you can now quit that program.
ADOBE INDESIGN 2.0 185
Classroom in a Book
2 (Optional) Right-click (Windows) or Control-click (Mac OS) the hand image, and
choose Display Performance > High Quality from the context menu that appears. This
step isn’t necessary, but it lets you precisely preview the following steps.
3 With the hand image still selected, choose Object > Clipping Path to open the Clipping
Path dialog box. If necessary, move the Clipping Path dialog box so that you can see the
image as you work.
4 Make sure that Preview is selected, and then choose Alpha Channel from the Type menu.
The Alpha menu becomes available, listing the three alpha channels you saw in Photoshop
by the names used in that program.
5 In the Alpha menu, choose Alpha 1. InDesign creates a clipping path from the alpha
channel. Then choose Alpha 2 from the same menu, and compare the results.
The first clipping path you see represents the default settings for defining the edges of an
alpha channel. You can fine-tune the clipping path that InDesign creates from an alpha
channel by adjusting the Threshold and Tolerance options, as you did for the Detect Edges
feature earlier in this lesson. For alpha channels, start with a low Threshold value such as 1.
6 Choose Alpha 3 from the Alpha menu, and then select the Include Inside Edges option.
Notice the changes in the image.
186 LESSON 5
Importing and Linking Graphics
Selecting the Include Inside Edges option makes InDesign recognize a butterfly-shaped
hole painted into alpha channel 3, and adds it to the clipping path.
You can see how the butterfly-shaped hole looks in Photoshop by viewing alpha channel 3
in the original Photoshop file, as you did in the previous procedure, “Examining Photoshop
paths and alpha channels.
7 Choose Photoshop Path from the Type menu, and then choose Shapes from the Path
menu. InDesign reshapes the image’s frame to match the Photoshop path.
8 Choose Circle from the Path menu. Since this is the effect wanted for this design, click
OK.
Since you’re done working with this graphic, you can reset its display resolution to the
document default.
9 Right-click (Windows) or Control-click (Mac OS) the hand image to open the context
menu, and choose Display Performance > Typical Display. Then save the file.
3 Drag the Illustrator file 05_e.ai to the InDesign document. Position it as shown below.
4 If you want, resize the InDesign window once you’ve finished importing the file.
Now you’ll see how the InDesign high-resolution display affects vector graphics.
5 Display the Navigator palette. With the Illustrator graphic selected, type a large
number, such as 1000, in the magnification text box, and press Enter or Return.
6 If necessary, drag the view box in the Navigator palette so that you can see more detail
in the Illustrator graphic.
188 LESSON 5
Importing and Linking Graphics
7 Right-click (Windows) or Control-click (Mac OS) the ivy graphic to open the context
menu, and choose Display Performance > Typical Display. Notice the jagged quality of
the images. Then use the context menu again and choose Display Performance > High
Quality Display.
With the High Quality Display setting, you can see the Illustrator graphic at the greatest
possible level of detail and with sharp, crisp edges. Because the display is this accurate, you
may be able to use sight alone to precisely position and align Illustrator and EPS graphics,
particularly when you zoom in. However, you may also notice a slight decline in
computer performance. You’ll switch back to a low-resolution quality in order to speed
up image display for the rest of the lesson.
8 Right-click (Windows) or Control-click (Mac OS) the ivy graphic, and then choose
Display Performance > Typical Display from the context menu that appears.
9 Save the file.
1 Go to page 3 in the document, and make sure that all of the page is visible. In the Layers
palette, make sure that the Graphics layer is targeted.
Now you’ll use a keyboard shortcut to open the Place dialog box.
2 Press Ctrl+D (Windows) or Command+D (Mac OS). Select Show Import Options,
and in the ID_05 folder, locate and double-click the file 05_f.pdf.
The import options for PDF files let you customize how a PDF file is placed into your
document. For example, this PDF file contains only one page, but when you place a
multiple-page PDF file, you can choose which page to place.
3 Under Option, in the Crop To menu, select Bounding Box. This sets the size of the
placed PDF file to the smallest rectangle that encloses all of the objects in the file. For
example, in this case the logo is much smaller than the page size, so it makes sense for the
imported file to be the size of the logo, not of the page.
190 LESSON 5
Importing and Linking Graphics
4 Leave the other settings as they are, click OK. Then click the loaded graphics icon above
the address on page 3 of your document.
2 In the 05_k.indl library palette, click the Show Library Subset button ( ). In the last
box for the Parameters option, type Tree, and click OK.
3 Type 5 into the page navigation box at the bottom of the InDesign document window
to go to that page, and then press Enter or Return.
4 Make sure that the Links palette is visible. In the Layers palette, make sure that the
Graphics layer is targeted.
5 Out of the two objects visible in the 05_k.indl library palette, drag Tree.tif to page 5.
The file is added to the page, and the filename appears in the Links palette.
6 Using the selection tool, position the Tree.tif image as shown below.
7 With the Tree.tif image selected, choose Object > Arrange > Send Backward.
192 LESSON 5
Importing and Linking Graphics
Creating a library
Now you’ll create your own library.
1 Choose File > New > Library. Type CD Projects as the library filename, navigate to the
ID_05 folder, and click Save. The library appears in its own floating palette, labeled with
the filename you specified.
2 Go to page 3 and, using the selection tool, drag the “ricky records” logo to the library
you just created. The logo is now saved in the library for use in other InDesign
documents.
3 In the CD Projects library, double-click the “ricky records” logo. For Item Name, type
Logo, and then click OK.
4 Using the selection tool, drag the address text block to the library you created. It
appears in the CD Projects library palette.
ADOBE INDESIGN 2.0 193
Classroom in a Book
5 In the CD Projects library, double-click the address text block. For Item Name, type
Address, and then click OK. Now your library contains both text and graphics. As soon
as you make changes to the library, InDesign saves the changes.
On your own
Now that you’ve had some practice working with imported graphics, here are some
exercises to try on your own.
1 Place different file formats with Show Import Options turned on in the Place dialog
box, and see what options appear for each format. For a full description of all the options
available for each format, see Chapter 8, “Importing, Exporting, and Managing Graphics”
in the Adobe InDesign User Guide.
2 Place a multiple-page PDF file with Show Import Options turned on, and import
different pages from it.
3 Create libraries of text and graphics for your work.
194 LESSON 5
Importing and Linking Graphics
Review questions
1 How can you determine the filename of an imported graphic in your document?
2 What are the three options in the Clipping Path command, and what must an
imported graphic contain for each option to work?
3 What is the difference between updating a file’s link and replacing the file?
4 When an updated version of a graphic becomes available, how do you make sure that
it’s up to date in your InDesign document?
Review answers
1 Select the graphic and then choose File > Links to see if the graphic’s filename is
highlighted in the Links palette. The graphic will appear in the Links palette if it takes up
more than 48KB on disk and was placed or dragged in from the desktop.
2 The Clipping Path command in InDesign can create a clipping path from an imported
graphic by using:
• The Detect Edges option, when a graphic contains a solid white or solid black
background.
• The Photoshop Path option, when a Photoshop file contains one or more paths.
• The Alpha Channel option, when a graphic contains one or more alpha channels.
3 Updating a file’s link simply uses the Links palette to update the on-screen represen-
tation of a graphic so that it represents the most recent version of the original. Replacing
a selected graphic uses the Place command to insert another graphic in place of the
selected graphic. If you want to change any of a placed graphic’s import options, you must
replace the graphic.
4 Check the Links palette and make sure that no alert icon is displayed for the file. If an
alert icon appears, you can simply select the link and click the Update Link button as long
as the file has not been moved. If the file has been moved you can locate it again using the
Relink button.
6 Drawing Vector Graphics
Getting started
In this lesson, you’ll create the front and back of a direct-mail piece. You’ll use the
InDesign drawing tools to draw some of the vector objects, or paths, in the design. Before
you begin, you’ll need to restore the default preferences for Adobe InDesign.
1 To ensure that the tools and palettes function exactly as described in this lesson, delete
or deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file.
See “Restoring default preferences” on page 4.
2 Start Adobe InDesign.
To begin working, you’ll open an existing InDesign document.
ADOBE INDESIGN 2.0 199
Classroom in a Book
3 Choose File > Open, and open the 06_a.indd file in the ID_06 folder, located inside the
Lessons folder on your hard disk. If an alert message appears that asks which dictionary
file you want to use, click No (Windows) or Document (Mac OS).
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_06 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
4 Choose File > Save As, rename the file 06_Mailer.indd, and then click Save.
You’ll notice that the page is blank except for a shape near the bottom left corner of the
page. This document contains everything you need to create the completed version of the
document, but to keep things simple, it uses layers to hide everything except the tracing
template for the shape you’re currently drawing. Right now you see the tracing template
for the first shape you’ll draw.
200 LESSON 6
Drawing Vector Graphics
As you progress through the lesson, you’ll use the Layers palette to show and hide other
parts of the document. When you’re finished, you’ll display all layers except the layers
containing the tracing templates. For more information, see “Working with Layers” in
InDesign Help or in Chapter 2 of the Adobe InDesign User Guide.
5 If you want to see what the finished document will look like, open the 06_b.indd file in
the same folder. You can leave this document open to act as a guide as you work. When
you’re ready to resume working on the lesson document, choose its name from the
Window menu.
Note: You’ll use the Layers and Swatches palettes frequently in this lesson. It may be helpful
to enlarge those palettes so that you can easily see all of their items. Also, you won’t be using
the Tables palette in this lesson, so you can close it now.You can move palettes around and
change the magnification of the layout in the document window to the level that works best
for you. See “Changing the magnification of your document” on page 51 and “Using the
Navigator palette” on page 58 of this book.
2 In the Document Grid area under Horizontal, type 10p0 (10 picas, 0 points) for
Gridline Every and type 10 for Subdivisions. Type these values (10p0 and 10) again for
the similar options under Vertical. Then click OK.
3 Choose View > Show Document Grid.
4 Choose View > Snap To Document Grid to select it.
Sometimes the grids are hard to see because they’re covered by objects on the layout. You
can move grids to the front of the display order by choosing Edit > Preferences > Grids
(Windows, Mac OS 9) or InDesign > Preferences > Grids (Mac OS 10.1), and deselecting the
Grids in Back option.
The eye icon ( ) indicates that the layers are visible, and the crossed-out pencil icon ( )
for the Template 1 layer indicates that the layer is locked. All of the template layers are
locked so that you don’t draw on them by accident.
2 In the Layers palette, select the Collar layer. The pen icon ( ) appears to the far right
of the Collar layer name, indicating that anything you add to the page will be written on
this layer.
3 In the toolbox, select the zoom tool ( ) and then click the shirt-collar template one
or more times to zoom until you can easily read the numbers on the template.
8 Move the pen tool over point 2 on the template and click again.
When the Snap To Document Grid command is not on, you can still position points at
45-degree angles by holding down Shift as you click.
9 Click each of the remaining numbered points (3, 4, 5, 6, and 7) in order. Because you’re
clicking at positions that fall on the grid, the shape is a perfect match with the template.
• A third point appears between the first and second anchor points of any segment you
draw. This is the center point of the segment, which automatically appears on any path
that has at least two points. A center point makes it easier to select and align objects. As
you progress through this lesson, watch how the center point automatically keeps itself at
the center of a path as you change a path’s shape.
• When you click the second point, a caret (^) appears next to the pointer as long as the
tip of the pen tool icon is on the new endpoint. The caret indicates an opportunity to
create a curve out of that anchor point. You’ll create curves later in this lesson.
• The path and anchor points you’ve drawn appear in lavender. This is because the Collar
layer uses lavender as its layer color, indicated by the colored square immediately to the
left of the Collar layer name in the Layers palette. The layer color identifies the layers that
contain the currently selected objects.
6 In the toolbox, select the Fill box ( ) to bring it forward and make sure that [None] is
selected in the Swatches palette.
7 Choose Edit > Deselect All, and then choose File > Save to save the file.
Notice that the top edge of the template you just displayed is the same as the collar top
you’ve already drawn. You can save time by duplicating the collar top and editing the copy.
206 LESSON 6
Drawing Vector Graphics
2 Using the direct-selection tool ( ), click the top collar path (the one you’ve already
drawn), and then click the center point to select all points in the path.
3 Hold down Shift+Alt (Windows) or Shift+Option (Mac OS) as you drag the top collar
path down until it lines up with the top edge of the template for the collar bottom. When
you release the mouse, you’ll see that you’ve actually created and dragged a copy of the
path, not the original.
Dragging a copy of upper path (left), and the new copy in position (right)
Note: If you find yourself dragging one point instead of the entire shape, choose Edit > Undo
and try again, making sure all points on the path are selected (solid) before you begin
dragging.
By using the direct-selection tool for this move, you aligned the path itself to the grid, not
the stroke. If you had used the selection tool, the object would have aligned the outer edge
of its stroke width to the grid, not the path.
ADOBE INDESIGN 2.0 207
Classroom in a Book
Changing how stroke weight affects bounding box and path dimensions
When you change the stroke weight of a path, the outer dimensions of the path’s bounding box are preserved
by default. This maintains the position of the stroke’s outer edge while its inner edge grows or shrinks with
the stroke weight. The position and dimensions of the path (which lies at the center of the stroke) are changed
accordingly. If you want to constrain the path’s position and dimensions, select the Weight Changes Bounding
Box. This will have less effect on how much of a path’s fill or contents are visible, but will cause the total area
of the fill and stroke to change whenever you change a stroke weight.
A B C
The selection tool activates the bounding box at the A. Original path B. Stroke weight increased
outer edge of the stroke weight (left). The direct-selection C. Stroke weight increased after selecting the
tool displays the path at the center of the stroke (right) Weight Changes Bounding Box option
6 Position the pointer on the lower right endpoint of the collar path. Then drag it down
to the point numbered 7 on the template to extend both the selected segments.
By learning the keyboard shortcuts for drawing (such as the pen tool shortcut you just used),
you save many trips to the toolbox. That helps you work faster and more smoothly. Many users
find it efficient to keep the mouse in one hand, and keep the other hand over the keyboard to
press tool shortcut and modifier keys.
ADOBE INDESIGN 2.0 209
Classroom in a Book
2 Move the pen tool over endpoint 1 until the slash next to the pointer changes to the
caret ( ), and click to connect to the existing path you drew there.
3 Move the pointer over point 7, and notice that a loop now appears next to the pointer
( ), indicating that a click will close the path. Click point 7 to close the collar shape.
4 In the Layers palette, click the eye icon for the Template 2 layer to hide that layer. Leave
the path selected.
5 In the toolbox, select the Fill box ( ), and then in the Swatches palette select
TRUMATCH 25-c1 50% (the second instance of the color).
6 Press the X key to bring the Stroke box forward in the toolbox.
7 Click the Apply None button ( ) (below the Fill/Stroke boxes) to remove the stroke
color.
210 LESSON 6
Drawing Vector Graphics
9 Choose View > Fit Page in Window, and then save the file.
2 In the magnification pop-up menu in the lower left corner of the document window,
select 600% (or higher) and scroll so that you can see the flower template easily.
Or, you can use the zoom tool to drag a marquee around the flower shape on the template
to define the view magnification.
3 In the toolbox, double-click the pencil tool to open the Pencil Tool Preferences dialog
box, and then set the following options:
• For Fidelity, drag the slider or type to set the value at 15 pixels.
• For Smoothness, drag the slider or type to set the value at 50%.
• Make sure that the Edit Selected Paths option is selected, with the value of Within 12
Pixels so that you can add to an existing path by clicking the pencil tool within that
distance from the endpoint. Then click OK to close the dialog box.
212 LESSON 6
Drawing Vector Graphics
Notice that the path that appears is much smoother than the dotted red line that appeared
as you drew. This is because you set a high Smoothness value for the pencil tool.
2 Place the tip of the pencil tool pointer near the endpoint of the line you drew so that
the small X to the right of the pointer icon disappears, and then continue drawing the
petal in short segments.
It is important that the path is continuous, that is, that the segments join as a single path.
As long as the pencil tool pointer appears without the small X in it as you begin drawing
each successive segment, you can be confident that the path you draw will be unbroken.
It is not important that your flower shape match the template exactly for two reasons:
First, it’s an informal shape, and second, you can refine the path after you finish drawing
it, as explained in the next procedure. However, if you are dissatisfied with a segment you
draw, you can choose Edit > Undo to remove just that segment and try again.
Note: InDesign 2.0 has multiple levels of undo, so you can choose Edit > Undo to step back
through many recent actions. The exact number of undo steps possible may be limited by the
amount of RAM on your computer, but can be as high as several hundred undos.
ADOBE INDESIGN 2.0 213
Classroom in a Book
3 When you come back to the starting point, hold down Alt (Windows) or Option
(Mac OS) so that the pencil tool displays a small loop ( ); then the final segment you
draw will close the flower shape.
If the shape is less precise than you like, you can correct that by using the smooth tool.
3 In the toolbar, move the pencil tool ( ) over the endpoint of one path that you want to connect to the
second path.
4 Start to drag toward the endpoint of the second path and hold down Ctrl (Windows) or Command
(Mac OS) as you draw to the second endpoint. The pencil tool pointer appears with a small loop indicating
that what you draw will merge the two paths.
5 When you finish drawing, release the mouse and then release the Ctrl (Windows) or Command (Mac OS)
key; then choose Edit > Deselect All.
If necessary, repeat steps 2 through 5 to connect the end of the newly merged path with other separate seg-
ments, attaching the segments to the path one at a time.
214 LESSON 6
Drawing Vector Graphics
3 Double-click the smooth tool to open the Smooth Tool Preferences dialog box, and set
Fidelity at 15 and Smoothness at 50%. Then click OK.
4 Drag the smooth tool over any areas of your flower path that you want to smooth.
Using the smooth tool (left), after smoothing a segment (center), finished smoothing (right)
5 Repeat step 4 as necessary until you are satisfied with the shape of the path. If you
smooth too much, choose Edit > Undo to undo the smoothing actions.
ADOBE INDESIGN 2.0 215
Classroom in a Book
The direction lines cause the anchor point to connect the two adjacent path segments as
a continuous curve shaped by the direction lines. The angular collar path you drew in the
previous section only has corners because its anchor points don’t have any direction lines.
ADOBE INDESIGN 2.0 217
Classroom in a Book
As their names imply, the anchor points anchor the curved segments, and the direction
lines control the direction of the curves. You can drag the direction lines or their endpoints,
called direction points, to adjust the shape of the curve.
A B C D
Anchor points, direction points, and direction lines are aids to help you draw. Anchor
points are square and, when selected, appear solid. When unselected, anchor points
appear hollow. Direction points are always round and solid. Direction lines and points do
not appear in print or in any other output; they exist only to help you draw precisely.
5 When you finish examining the anchor points, click a blank area of the page to deselect.
A B C
3 In the Layers palette, click the square to the far left of the Head/eye layer to make it
visible. In the document window, a partially complete path appears, beginning at point 1
and ending at point 6.
ADOBE INDESIGN 2.0 219
Classroom in a Book
4 In the Layers palette, select the Head / eye layer to target it.
Now you’ll use keyboard shortcuts to make the grid visible and make objects snap to it.
5 Make sure that Normal view mode is selected in the toolbox, or select it now.
Note: If you still do not see the document grid lines, press Ctrl+' (Windows) or Command+'
(Mac OS) to show them.
6 Press Shift+Ctrl+' (Windows) or Shift+Command+' (Mac OS) to make objects snap
to the document grid. You can look on the View menu to confirm that the Snap to
Document Grid command has a checkmark, indicating that it is selected.
To reposition an anchor point while drawing, hold down the spacebar as you drag.
You’ll draw the chin by drawing a curved segment in between two straight segments.
3 Position the pointer on point 10. Drag left from point 10 to the red dot.
4 Click point 11. Notice that the new path segment is curved, not a straight line as shown
in the template, so you’ll need to correct that in the next steps.
The left direction line for point 10 is removed, so that the magenta line of the template is
visible where the green directional line used to be. This makes it possible to make the next
segment perfectly straight. Notice that the green directional line on the right of point 10
remains in place and that the chin curve still matches the curve of the template.
7 Click point 11, and then position the pointer over point 1. Click the point when you
see the pointer icon appear with a small circle, indicating that clicking point 1 will close
the path, completing the head drawing.
8 In the Layers palette, click the eye icon for the Template 4 layer to hide it, and then
choose File > Save.
You’ll adjust the fill and stroke of this path later, after you’ve edited the mouth and drawn
the eye.
2 In the document window, zoom in so that you can see the nose, mouth, and chin.
3 With the path for the head still selected in the document window, press A to select the
direct-selection tool ( ). You must use the direct-selection tool because the selection tool
displays the path’s bounding box, not its anchor points.
4 Press P to select the pen tool ( ), and position it on point 6 (but don’t click). You’ll
know it’s positioned on the point when you see a minus sign next to the pointer ( ).
5 With the pen tool still positioned, hold down Alt (Windows) or Option (Mac OS).
Notice that the pointer changes to the icon for the convert-direction-point tool ( )—this
switches to the actual tool, not the pen with a caret. Continue holding down Alt or Option
as you drag down from point 6 to the red dot. Direction lines appear, converting the corner
point to a smooth point.
Don’t be concerned that the segments between points 5, 6, and 7 don’t match the
template. You’ll fine-tune the segments in the following steps. First you’ll retract the
upper direction line to restore the straight segment between points 5 and 6.
If you Alt/Option-click a smooth point, you convert it to a corner point, removing its
direction lines.
ADOBE INDESIGN 2.0 223
Classroom in a Book
6 Position the pen tool on the upper direction point for point 6. Then hold down Alt
(Windows) or Option (Mac OS) as you drag the upper direction point down into point 6.
7 Position the pen tool on point 7, and then hold down Alt/Option as you drag from
point 7 down to the red dot. You’ve converted point 7 from a corner point to a smooth
point. Extending the direction lines also shapes the left half of the segment between points
6 and 7 so that it now matches the template.
8 Position the pen tool on point 8, and then hold down Alt/Option as you drag from
point 8 down to the red dot so that the segment between points 8 and 9 becomes curved.
224 LESSON 6
Drawing Vector Graphics
9 Position the pen tool on point 8’s lower direction point. Then hold down Alt or Option
as you drag the lower direction point up into point 8.
10 Press Ctrl+0 (Windows) or Command+0 (Mac OS) to fit the page in the window.
11 In the Layers palette, click the eye icon for the Template 5 layer to hide it.
12 Deselect everything, and then save the file.
Different artists use various drawing styles. Some prefer to lay down all corners and curves
correctly the first time, and others prefer to rough out a shape by clicking corner points,
and then returning later to create and refine the curves as you did in this section. With
practice, you’ll discover which way you prefer to draw.
4 Make sure that the Head / eye layer is targeted in the Layers palette.
5 Using the pen tool ( ), position the pointer on point 1 on the template, and then click.
6 Position the pointer on point 2, and then hold down Shift as you drag right to the
gray dot.
226 LESSON 6
Drawing Vector Graphics
7 Position the pointer over the right direction point (on the gray dot) for point 2. Hold
down Alt (Windows) or Option (Mac OS) and drag the direction point down to the red
dot. Notice that the left direction line for point 2 does not change.
8 Hold down Shift as you drag from point 3 up to the gray dot.
9 Hold down Alt/Option as you drag point 3’s upper direction line down and right to the
red dot. This will shape the left half of the next segment.
Holding down Shift constrains the directional lines so that they are exactly horizontal.
Note: If you have trouble with this step, choose Edit > Undo and make sure that you start
dragging before you press Shift.
12 Click point 1 to close the path, and then press Shift+Control+A (Windows) or
Shift+Command+A (Mac OS) to make sure that the path is deselected.
13 In the Layers palette, click the eye icon for the Template 6 layer to hide it, and then
save the file.
Notice that as you clicked new segments, the pen tool preserved any existing smooth and
corner points, and that pressing Alt/Option changed the default behavior of the pen tool.
1 In the document window, scroll or zoom if necessary so that you can easily see the
entire head.
In order to make it easier to see the effect of creating a compound path, you’ll temporarily
fill the image.
2 Using the selection tool ( ), click the head path to select it.
3 In the toolbox, make sure that the Fill box ( ) is selected. In the Swatches palette, select
any color except White or None.
4 With the head still selected, hold down Shift as you click the eye to select both paths.
5 Choose Object > Compound Paths > Make.
ADOBE INDESIGN 2.0 229
Classroom in a Book
The head and the eye are now two subpaths of the same compound path. The compound
path uses the eye shape as a hole.
6 Make sure that the Fill box is selected in the toolbox, and click the Apply None button
to remove the temporary colored fill. Then deselect everything and save the file.
Note: When you use the selection tool to select a compound path, it selects the entire compound
path. To select a subpath, select the direct-selection tool and Alt-click (Windows) or Option-
click (Mac OS) a subpath.
6 In the Transform palette, make sure that the center proxy point ( ) is selected.
This proxy point determines that the next action you take in the Transform palette will be
measured from the center of the selection rather than from one of the edges or corners.
7 In the Scale X Percentage option ( ) in the Transform palette, enter 120 and then
press Ctrl+Alt+Enter (Windows) or Command+Option+Return (Mac OS). A larger
duplicate of the circle appears.
If you wanted to scale only the horizontal (X) dimension of the circle, you’d press only
Enter or Return after typing in the value. In this case, you pressed Ctrl (Windows) or
Command (Mac OS) to also make the other (W) dimension scale proportionally, and you
pressed Alt or Option to duplicate the original circle using the new scale value.
Note: The larger duplicate of the circle also has a heavier stroke weight. When you scale a
path, its stroke weight is also scaled by the same percentage.
2 In the toolbox, hold down the mouse button on the gradient tool ( ) to see the
options for this button, and select the scissors tool ( ).
3 Using the scissors tool, click the new circle at the anchor point on its left side. Then
click the anchor point on its right side. Then deselect everything. Notice that the top
anchor point of the circle is no longer selected. That’s because after the two cuts you
made, the original path has become two separate paths and only the lower semicircle
remains selected.
Note: You don’t have to click the scissors tool on a point, but because you’re creating a perfect
semicircle here, the circle’s anchor points are convenient places to slice.
4 Switch to the selection tool ( ), and make sure that the bottom of the larger circle is
selected.
232 LESSON 6
Drawing Vector Graphics
4 In the Stroke palette, choose Circle on the Start pop-up menu. This adds a circle shape
to the start of the path—the first point drawn when the path was created.
5 Deselect everything, zoom out to see the entire page, and then save the file.
To reverse the start and end of a path, use the direct-selection tool to select a point on the
path and then choose Object > Reverse Path.
3 Press Ctrl+D (Windows) or Command+D (Mac OS). Double-click the file 06_c.psd in
the ID_06 folder.
The image appears inside the head automatically, because the head was selected when you
placed the image. Notice that you can still see through the eye.
Now you’ll use InDesign to colorize the image, which you can do only if the image was
saved as a 1-bit or grayscale image.
4 In the toolbar, select the Stroke box and press the / (slash) key to apply None as the
stroke color. Then press Ctrl+Shift+A (Windows) or Command+Shift+A (Mac OS) to
deselect all.
5 Using the direct-selection tool ( ), click the image inside the head. The bounding box
for the texture image you placed inside the head shape is selected.
6 Select the Fill box in the toolbox, and then in the Swatches palette select TRUMATCH
50-b4. The black areas of the texture image are replaced by a dark brown color.
7 Deselecting the image, switch to the selection tool ( ), and select the head again.
ADOBE INDESIGN 2.0 235
Classroom in a Book
8 In the Swatches palette, select TRUMATCH 50-b4 90%. The white areas of the image
are replaced by a lighter brown color, so that the textured image is more subtle and has no
white or black areas.
5 In Number of Sides, select 8, and in Star Inset, select 40%. Then click OK.
6 Drag the pointer crosshairs diagonally across any one of the document grid squares to
create a tiny star shape.
Note: It is not necessary to hold down the Shift key as you drag to constrain the shape because
the Snap to Document Grid is turned on. You should still get a perfectly symmetrical star
shape.
7 Choose View > Hide Document Grid and View > Snap to Document Grid to deselect
that command.
Now that you’ve created the star, you’ll simply paste it into the text to create an inline
graphic.
ADOBE INDESIGN 2.0 237
Classroom in a Book
3 Choose Edit > Paste to put the graphic directly into the text where you clicked the
insertion point.
Depending on where the insertion point was flashing when you placed the inline graphic,
the graphic might be right up against a character in the text and a bit too high. You can
shift the baseline alignment for the star and add space around it, because the inline
graphic behaves as if it were simply another text character.
238 LESSON 6
Drawing Vector Graphics
4 With the type tool still selected, click an insertion point just before the star and press
the spacebar to add a little more space as needed before or after the star shape.
5 Using the type tool ( ), drag across the star to select it. In the Character palette, change
the Shift Baseline value ( ) until the graphic sits nicely between the lines above and
below it. The sample file uses a value of –3 pt.
Note: You can also change the position of the graphic by selecting it with the selection tool and
pressing the down arrow key.
7 In the toolbox, select the Stroke box ( ) and then in the Swatches palette select
TRUMATCH 15-c4 to color the star outline.
8 Deselect everything, zoom out to see the entire page, and then save the file.
Reflecting objects
The back of the completed invitation (page 2) will use duplicates of objects from the
front. The duplicates will be reflected so that you see them as if from behind. You will
quickly duplicate the objects on page 1 and then use the Transform palette to flip them.
1 In the Layers palette, make the Hair, Circles, Head / eye, Squares, Flower, and Collar
layers visible in the document, and hide all other layers including any currently visible
Template layers. Make sure that all visible layers are also unlocked; that is, they do not
display the crossed-out pencil icons ( ).
You can’t select objects on hidden layers, so don’t be concerned about the lock status of
hidden layers.
2 In the document window, zoom out so that you can see both pages of the document.
3 Choose Edit > Select All.
240 LESSON 6
Drawing Vector Graphics
4 Hold down Alt (Windows) or Option (Mac OS) as you drag all of the selected objects
down to page 2, positioning them on the page within the margins, just like the originals
on page 1.
All objects selected on first spread (left), and duplicate objects dragged to the second spread (right)
Note: If you make a mistake, choose Edit > Undo. Before you choose Select All again, be sure
to activate the page 1 spread (click the first spread in the document window, not in the Pages
palette). Otherwise, the Select All command will try to select objects on page 2, the last page
you worked on.
5 Make sure that all of the objects on page 2 are still selected. In the Transform palette,
click the center point on the proxy ( ), and then choose Flip Horizontal from the
Transform palette menu.
6 Deselect everything and save the file.
ADOBE INDESIGN 2.0 241
Classroom in a Book
7 In the Layers palette, make the Headline and Text layers visible. You can now see the
entire document you’ve created.
On your own
In this lesson, you used the pencil tool to draw a flower shape. You can also use the pen
tool to draw that shape. You can try recreating the flower with the pen tool as an exper-
iment, so that you can compare the two methods.
1 Make sure that the Snap to Document Grid command is not selected on the View
menu.
2 In the Layers palette, click the eye icons ( ) for all layers. Then click the square to the
far left of the Template 7 layer and the Practice layer to display the eye icons, so that they
are the only visible layers. Then select the Practice layer so that it is targeted.
242 LESSON 6
Drawing Vector Graphics
3 In the document window, scroll or zoom if necessary so that you can easily see all of the
numbers and colored direction-line guidelines on the flower template.
4 Select the pen tool ( ). Then click and drag from point 1 to point 12 to set anchor
points, each time aligning the direction lines with the red lines and dots on the template
layer.
5 After you draw through point 12, remember to look for the small loop next to the
pointer before you click point 1 again. This ensures that your final click will close the
shape. When you drag from this final anchor point, drag over the blue line and dot on the
template for point 1, not the red ones.
6 In the Layers palette, click the eye icon for the Template 7 layer to hide it.
7 In the toolbox, select the Fill box ( ), and then in the Swatches palette select
TRUMATCH 25-c1.
8 Press X to select the Stroke box ( ) in the toolbox, and then in the Swatches palette
select [None].
ADOBE INDESIGN 2.0 243
Classroom in a Book
Review questions
1 Why is the direct-selection tool more useful than the selection tool when drawing or
editing paths?
2 What is the key difference between smooth and corner points?
3 Which tool can change an anchor point from a corner point to a smooth point or
vice versa?
4 How do you make sure that a transformation (rotating, scaling, etc.) occurs in relation
to the center of an object?
Review answers
1 The selection tool displays only the path’s bounding box. The direct-selection tool
displays the path itself, and the exact location of the anchor points on it.
2 The two direction lines of a smooth point always exist at the same angle. The direction
lines of a corner point (if present) usually exist at different angles, creating a corner at the
anchor point.
3 You can switch between smooth and corner points using the convert-direction-point
tool ( ). It’s grouped with the pen tool in the toolbox.
4 With the object selected, click the center of the proxy ( ) in the Transform palette.
7 Working with Transparency
Getting started
The project for this lesson is a menu for a fictional restaurant, Bistro nonXista. By
applying transparency into objects in a series of layers, you’ll create a visual richness of
color interactions right in InDesign.
To ensure that the tools and palettes function exactly as described in this lesson, delete or
deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file. See
“Restoring default preferences” on page 4.
1 Start Adobe InDesign.
2 Choose File > Open, and open the 07_a.indd file in the ID_07 folder, which is located
within the IDCIB folder on your hard disk. If an alert message appears that asks which
dictionary file you want to use, click No (Windows) or Document (Mac OS).
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_07 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
3 Choose File > Save As, name the file 07_Menu.indd, and save it in the ID_07 folder.
The menu appears as a long, blank page because all layers are currently hidden. You’ll
reveal these layers one by one as you need them, so that it will be easy to focus on the
specific objects and tasks that you’ll do in this lesson.
ADOBE INDESIGN 2.0 249
Classroom in a Book
4 When you are ready to start working, you can either close the 07_b.indd file or choose
Window > 07_Menu.indd to switch back to your own lesson document, leaving the
sample of the finished file open for reference.
2 Choose File > Place, and then locate, select, and open the 07_c.tif file in your ID_07
folder.
250 LESSON 7
Working with Transparency
3 Move the loaded-graphic pointer ( ) to the upper left corner of the page and click, so
that the image fills the entire page, including any margins. After you place the graphic, it
remains selected. Do not deselect.
4 With the graphic still selected, open the Swatches palette. Scroll down the list of
swatches to find the Lime 80% tint, and select it. The white areas of the image are now the
80% tint of the green color, but the black areas are still black. Click anywhere on the paste-
board to deselect.
5 In the toolbox, use the direct-selection tool ( ) to select the image again, and then
select the Aqua tint in the Swatches palette. The Aqua color replaces black in the original
image, leaving the Lime 80% areas as they were.
Note: Remember that the direct-selection tool appears as a hand ( ) when it is over a frame,
but it still selects the image contents when you click.
6 In the Layers palette, select the empty box to the left of the Background layer name to
lock the layer. Leave the Background layer visible so that you can see the results of the
transparency work you do above this layer.
As you now know, the key to converting a black-and-white image to a two-color image is
that you use the right tools to select the object. Your choice of either the selection tool or
the direct-selection tool determines whether the swatch you specify replaces the black or
the white parts of the image.
In this project, you’ll progress through layer by layer rather than technique by technique,
so you’ll get plenty of practice using the various transparency options. In this way, you’ll
see the interactions between transparent objects as the project builds, one layer at a time.
2 Using the selection tool ( ), click the gold background on the right side of the page.
This background is simply a rectangular frame with a solid fill, drawn in InDesign.
3 Choose Window > Transparency to open the Transparency palette.
4 For Opacity, click the arrow button to open the slider, and then drag to set the opacity
at 60%. Or, you can type 60% in the Opacity option and press Enter. Notice that you can
now see the Background layer through the gold background on the Art1 layer.
252 LESSON 7
Working with Transparency
5 Select the black semicircle at the top of the left side of the page, and then choose
Window > Swatches to open the Swatches palette. Make sure that the Fill box is selected
( ) and select Lime (not Lime 80%) to apply a fill color to the semicircle.
6 With the semicircle still selected, go to the Transparency palette and set the Opacity
value at 40%. The semicircle now appears as just a subtle variation in color against the
textured background.
7 Repeat steps 5 and 6 for each of the solid circles on the Art1 layer, using the following
settings:
• Left side, middle: color=Navy, Opacity=80%
• Left side, bottom: color=Gold, Opacity=70%
• Right side, top: color=Aqua, Opacity=70%
• Right side, middle: color=DarkRed, Opacity=60%
• Right side, bottom (semicircle): color=Black, Opacity=10%
1 Using the selection tool ( ), select the subtle green semicircle at the top of the left side
of the page.
2 In the Transparency palette, open the blending mode pop-up menu (which currently
shows Normal selected) and select Multiply. Notice the change in the appearance of the
colors.
3 Select the black half-circle at the bottom of the right side of the page, and apply
Multiply blending mode, using the same method as in step 2.
4 Choose File > Save.
For more information about the different blending modes, see “Selecting blending
modes” in InDesign Help. This topic describes the results generated by each of the
blending modes.
254 LESSON 7
Working with Transparency
5 Select the gold circle at the bottom of the left side of the page.
6 Using the same techniques that you used in steps 1–5 to give the black half-circle a
feathered edge, apply a 0.25" feather to the gold circle.
7 In the Layers palette, click to lock the Art1 layer and then choose File > Save.
3 On the left side of the page, click the black spiral image, which is on top of the Navy
color circle, blocking your view of the lower circle. Then press Shift and click to also select
the spiral that is above the red circle on the right side of the page.
4 In the Transparency palette, select Color Dodge blending mode and set Opacity at
30%.
5 Zoom in, if necessary, and Ctrl+click (Windows) or Command+click (Mac OS) to
select the small black circle above the Navy spiral.
Note: Ctrl+click (Windows) or Command+click (Mac OS) is the keyboard shortcut you use
when you want to select an object that is stacked behind another object in the layout. It is
especially useful when both objects are on the same layer, as they are in this case.
256 LESSON 7
Working with Transparency
3 Move the loaded-graphics icon over the red circle in the middle of the right side of the
page and click to place the graphic image. If necessary, drag the image so that it is approx-
imately centered over the red circle.
4 In the Layers palette, click any displayed eye icons for the Art2, Art1, and Background
layers so that only the Art3 layer appears and you can see the transparency color interac-
tions within the original image. Then click the boxes again to make the Art2, Art1, and
Background layers visible. Notice that the white “olive” shape is completely opaque while
the other shapes are partly transparent.
5 With the glasses graphic still selected, change the Opacity setting in the Transparency
palette to 80%. Notice that you can now see the black spiral behind the white olive and
that the glasses are more subdued in color.
6 Still in the Transparency palette, select Color Burn as the blending mode. Now the
colors and interactions of the image take on a completely different character.
7 Save your work.
2 In the toolbox, select the type tool ( ), click to place an insertion point in the text
frame “I THINK, THEREFORE I DINE,” and choose Edit > Select All. If necessary, zoom
in so that you can read the text easily.
3 In the Swatches palette, select [Paper].
4 Switch to the selection tool and click to select the same text frame.
5 In the Transparency palette, select Overlay blending mode and type 70% as the Opacity
value.
Note: You cannot specify transparency options when the type tool is active. When you switch
to the selection tool, those options are available again.
4 Click OK to close the dialog box. Then, using the selection tool ( ), click the text frame
at the bottom of the page, with five city names. (This is simply typed text created in
InDesign.) If necessary, zoom in so that you can see the text easily.
5 Choose Object > Drop Shadow, and select the following options:
• Select the Drop Shadow check box and the Preview check box.
• In Mode, select Normal.
• In Opacity, type 50%.
• In both X Offset and Y Offset, type 0.03".
• In Blur, type 0.02".
• Under Color, select Swatches in the pop-up menu, and then click the Navy swatch.
6 Click OK to close the dialog box.
7 Lock all layers. Choose File > Save.
The X Offset and Y Offset values determine the horizontal and vertical lengths of the drop
shadow. Positive numbers offset the shadow below and to the right of the object. To offset the
shadow in other directions, use negative values, such as -0.0972 inches, in one or both of the
offset options.
ADOBE INDESIGN 2.0 261
Classroom in a Book
You can install Acrobat 5.0 from the Adobe InDesign 2.0 Classroom in a Book CD or
download your free copy from the Adobe Web site.
In this procedure, you’ll create a PDF of the menu, selecting PDF options that are appro-
priate for printing to a desktop printer or sending to a client to review on-screen.
1 Choose Edit > Deselect All to make sure that nothing is selected in your layout, and
then choose File > Export.
2 In the Export dialog box, in Save In (Windows, Mac OS 9) or Where (Mac OS 10.1),
open the ID_07 folder in your IDCIB folder. Type 07_Menu to name the file. In Save As
Type, select Adobe PDF from the pop-up menu. Then click Save.
• Deselect the Include eBook Tags, Include Hyperlinks, and Include Bookmarks check
boxes if they are selected.
• Select the View PDF after Exporting check box to automatically open the file in Acrobat.
Or, if you want to view the PDF later, you can leave this option unselected.
ADOBE INDESIGN 2.0 263
Classroom in a Book
4 Click Compression in the list on the left side of the Export PDF dialog box. Under
Color Bitmap Images, for Quality, select Medium.
5 Click Export. The Generating PDF dialog box appears, showing you the status of the
exporting process.
6 When the PDF file opens in Acrobat 5.0, the transparencies appear as they did in
InDesign.
If you prepare PDFs to go to commercial printing, you’ll use settings appropriate for press
work. For detailed information, see Chapter 14, “Creating Adobe PDF Files” in the Adobe
InDesign 2.0 User Guide.
To see your work as it will look when printed, select the Preview Mode button in the lower
right corner of the toolbox.
Congratulations! You have now completed this lesson.
Like all the other lessons in this Classroom in a Book, this material serves as an intro-
duction to the features and functions available in InDesign 2.0. For details and in-depth
information, see the Adobe InDesign 2.0 User Guide, InDesign 2.0 online Help, and the
Adobe Web site.
264 LESSON 7
Working with Transparency
On your own
Try some of the following ideas for working with InDesign transparency options:
1 Scroll to a blank area of the pasteboard and create some shapes (using the drawing
tools or by importing new copies of some of the image files used in this lesson). Position
your shapes so that they overlap each other, at least partially. Then:
• Select the topmost object in your arrangement of shapes and experiment with other
blending modes, such as Luminosity, Hard Light, and Difference, by selecting them in the
Transparency palette. Then select a different object and select the same blending modes
to compare the results. When you have a sense of what the various modes do, select all
your objects and select Normal as the blending mode.
• In the Transparency palette, change the Opacity value of some of the objects but not
others. Then select different objects in your arrangement and use the Object > Send
Backwards and Object > Bring Forward commands to observe different results.
• Experiment with combinations of different opacities and different blending modes
applied to an object. Then do the same with other objects that partially overlap the first
object to explore the enormous number of different effects you can create.
2 Double-click the page 1 icon in the Pages palette to center it in the document window.
Then try clicking the eye icons for the different Art layers one at a time, to see the differ-
ences this creates in the overall effect of the project.
3 Choose Help > InDesign Help. At the top of the left pane of the Help window, click
Search. Then in the Find Pages Containing box, type Creating, saving, and loading, and
then click Search. After a short wait, click “Creating, saving, and loading custom flattener
styles” in the lower area of the left pane to open that topic in the right pane. Then follow
the procedure described there for creating a flattener style for exporting transparency
pages to PDF.
ADOBE INDESIGN 2.0 265
Classroom in a Book
Review questions
1 How do you change the color of the white areas of a black-and-white image? The black
areas?
2 How can you change transparency effects without changing the Opacity value of an
object?
3 What is the importance of the stacking order of layers and of objects within layers when
you work with transparency?
4 Will the transparency effects you create in InDesign 2.0 appear in a PDF that you
export from InDesign?
Review answers
1 To change the white areas, select the object with the selection tool ( ) and then select
the color in the Swatches palette. To change the black areas, select the object with the
direct-selection tool ( ) and then select the color you want to use in the Swatches palette.
2 Besides selecting the object and changing the Opacity value in the Transparency
palette, you can also create transparency effects by changing the blending mode, feath-
ering the edges of the object, or adding drop shadows that have transparency settings.
Blending modes determine how the base color and the blend color will be combined to
produce a resulting color. For more information about blending modes, see “Selecting
blending modes” in InDesign online Help.
3 The transparency of an object affects the view of objects below (behind) it in the
stacking order. For example, objects below a semitransparent object can be seen behind
it—like objects behind a colored plastic film. Opaque objects block the view of the area
behind them in the stacking order, regardless of whether the objects behind them have
reduced Opacity values, feathering, or blending modes.
4 Yes, if you open the PDF in Adobe Acrobat 5.0 or Adobe Acrobat Reader 5.0 (or later).
In earlier versions of Acrobat, the objects appear with all objects at 100% opacity.
8 Importing and Editing Text
In this introduction to importing and editing text, you’ll learn how to do the following:
• Flow text manually and automatically.
• Load styles from another document and apply them.
• Thread text.
• Use semi-autoflow to place text frames.
• Find and change text and formatting.
• Find and change a missing font.
• Spell-check a document.
Getting started
In this lesson, you’ll work on an 8-page newsletter for the Sonata Cycles, a fictitious chain
of bicycle stores. Several pages of the newsletter have already been completed. Now that
the final article for the newsletter has been written, you’re ready to flow the article into the
document and add the finishing touches to the newsletter. Before you begin, you’ll need
to make several preparations:
• If you have not already copied the resource files for this lesson from the ID_08 folder of
the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See “Copying the Classroom
in a Book files” on page 3.
• Make sure that you have installed the Classroom in a Book fonts. See “Installing the
Classroom in a Book fonts” on page 2.
• Restore the default preferences for Adobe InDesign, as described in step 1, below.
When your preparations are complete, you’re ready to start work on the lesson.
1 To ensure that the tools and palettes function exactly as described in this lesson, delete
or deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file.
See “Restoring default preferences” on page 4.
2 Start Adobe InDesign.
To begin working, you’ll open an existing InDesign document. We have added a font to this
document that you do not have on your system. You will replace this font later in this lesson.
ADOBE INDESIGN 2.0 271
Classroom in a Book
3 Choose File > Open, and open the 08_a.indd file in the ID_08 folder, located inside the
Lessons folder within the IDCIB folder on your hard disk. If an alert message appears that
asks which dictionary file you want to use, click No (Windows) or Document (Mac OS).
When you open a file that includes fonts not installed on your system, an alert message
indicates which font is missing. The text that uses this missing font will be highlighted in
pink. You will fix this missing font problem later in this lesson by replacing the missing
font with an available font.
6 If you want to see what the finished document will look like, open the 08_b.indd file in
the same folder. If you prefer, you can leave the document open to act as a guide as you
work. When you’re ready to resume working on the lesson document, choose its name
from the Window menu.
Flowing text
The process of making imported text appear in designated parts of a page or pages is called
flowing text. InDesign lets you flow text manually for greater control or automatically for
greater time-saving.
Notice that the text frame includes an out port in the lower part of the right side. The red
plus sign indicates that there is overset text, that is, more text than fits into the existing text
frame. You will now flow this text into the second column on page 1.
5 Using the selection tool ( ), click the out port of the frame you just created.
274 LESSON 8
Importing and Editing Text
If you change your mind and decide you don’t want to flow overset text, you can click any
tool in the toolbox to cancel the loaded text icon. No text will be deleted.
6 Position the loaded text icon in the upper left corner of the second column just below
the 21p guide, and click.
The text flows into a new frame from where you clicked to the bottom of the second
column. The out port in the new column contains a red plus sign, again indicating that
there is still overset text.
3 Holding down Shift, position the loaded text icon in the upper left corner of the left
column on page 2, and click. Release the Shift key.
Holding down Shift lets you autoflow text into your document.
Notice that two new text frames were added to each page within the column guides. This
is because you held down Shift to autoflow text. All the text in the story is now placed on
pages 2 through 4.
Note: If text frames do not appear on pages 2 and 3, you did not autoflow the text. If this is
the case, click the outport in the last text frame that contains text, and hold down Shift as you
click in the upper left corner of the next column. Make sure that all the text flows into the
document pages.
2 Using the selection tool ( ), click the text frame in the left column on page 4 to select
the text frame, and then drag the lower middle handle of the text frame above the photo-
graph to approximately the 31p location (you can look at the vertical ruler as you drag).
If you place text when a frame is selected, the text replaces the contents of the frame; if you
place text with an insertion point, the placed text appears at the insertion point. If you forget
to deselect while placing text, choose Edit > Undo Replace, and then click the loaded text icon
where you want the text to appear.
3 Choose File > Place. Locate and double-click 08_d.doc in the ID_08 folder.
The pointer becomes a loaded text icon ( ). When you move the loaded text icon over
an empty text frame, parentheses enclose the icon ( ).
4 Position the loaded text icon over the placeholder frame near the bottom of page 1,
and click.
You will apply styles to this sidebar text later in this lesson.
5 Choose File > Save.
Note: If the text formatting in your file looks different than the illustration above, don’t worry
about it. You’ll be changing all the formatting for this text block in the next procedures.
Applying a style
To make the appearance of the article consistent with the other articles in the newsletter,
you will apply a paragraph style called Body Copy. We created this style for formatting the
body text of the main articles in the newsletter.
1 Click the Paragraph Styles palette (or choose Type > Paragraph Styles) to make the
palette visible, if it is not already shown.
The Paragraph Styles palette includes four styles: Body Copy, Head 1, Head 2, and Normal.
The Normal style has a disk icon next to it, indicating that the style was imported from a
different application. In this case, Normal is a Microsoft Word style that was imported when
you placed the article. You’ll now apply the InDesign style, Body Copy, to the text.
2 Using the type tool ( ), click an insertion point anywhere in the main article you
placed. Then choose Edit > Select All to select all the body text in the story. Notice that
the sidebar text is not selected; this text belongs to a different story.
3 Once all the text is selected, select Body Copy in the Paragraph Styles palette.
ADOBE INDESIGN 2.0 279
Classroom in a Book
4 Choose Edit > Deselect All. The article is now formatted in a different font, and each
paragraph is now indented.
3 Using the type tool ( ), position the type cursor next to the left margin over the 18p6
guide. The horizontal crossbar on the type cursor should be at 18p6.
4 Drag to create a text frame in the blank area below the 18p6 guide and above the 21p
guide. The text frame should span the two columns, and the top of the frame should snap
to the 18p6 guide.
If you need to resize the frame, select the selection tool, and drag the top edge of the frame
to snap to the 18p6 guide. Then select the type tool and click inside the frame.
After you draw a text frame, the insertion point appears, ready for you to begin typing.
5 In the text frame you just created, type Team Sonata Captures 24 Hours Race.
ADOBE INDESIGN 2.0 281
Classroom in a Book
To make this headline consistent with other headlines used in the newsletter, you’ll apply
the Head 1 style. When you apply a paragraph style, you can place the insertion point
anywhere in the paragraph or select any part of the paragraph.
6 With the insertion point anywhere in the headline text you just typed, select Head 1 in
the Paragraph Styles palette.
2 In the Open a File dialog box, double-click Styles.indd from the ID_08 folder. In the
Paragraph Styles palette, notice the new styles called Sidebar Copy and Sidebar Head (you
may need to scroll through the list or resize the palette).
3 In the document window, change the view so that you can see the sidebar (“Upcoming
Cycling Events”) on page 1.
4 Using the type tool ( ), click an insertion point in the sidebar, and then choose Edit >
Select All.
5 Select the Sidebar Copy style in the Paragraph Styles palette.
6 Click an insertion point in the sidebar heading, “Upcoming Cycling Events.”
7 In the Paragraph Styles palette, select Sidebar Head.
4 Move the insertion point to the end of the text in the story. The pound sign (#)
indicates the end of a story.
5 Press Backspace (Windows) or Delete (Mac OS) to delete the end-of-paragraph
character at the end of “Springfield Road Race.” The text is now vertically justified within
the frame.
Note: If the text frame extends over the green artwork framing the text, you may not be able
to read the bottom line of text. To fix this, you can select the middle handle at the lower edge
of the frame and drag it upwards, just as you did in “Resizing a text frame” on page 275.
Because the text is set to be justified vertically, the spacing between lines re-adjusts when you
release the mouse.
6 Choose Type > Show Hidden Characters to deselect that command and remove its
checkmark. Then save the file.
You have finished formatting the first page of the newsletter.
284 LESSON 8
Importing and Editing Text
Threading text
When you autoflowed text into the document, InDesign created links between the frames
so that text would flow from one frame to another. These links are called threads. You can
break the threads between frames, add new frames between the threaded frames, and
rearrange how frames are threaded.
1 In the Pages palette, double-click the numbers below the page 2–3 icons. If the entire
spread does not automatically appear in the document window, choose View > Fit Spread
in Window to view the spread.
2 Select the selection tool ( ), and then click the text frame in the right column on page 2
to select it.
3 Choose View > Show Text Threads. Blue lines appear that represent the connections
(threads) between text frames in the selected story. Each thread goes from the out port of
one frame to the in port of the next frame in the sequence.
4 With the text frame in the right column of page 2 still selected, press Backspace or
Delete. Select a different frame in the story to display the text threads.
Notice that the text flows from the left column on page 2 to the left column on page 3.
Although the text frame was deleted, no text in the story was deleted—it flowed into the
next frame.
5 Click an empty area of the pasteboard, or choose Edit > Deselect All.
Now you’ll import a picture. It’s faster to open the Place dialog box using a keyboard
shortcut.
6 Press Ctrl+D (Windows) or Command+D (Mac OS) to open the Place dialog box.
Locate and double-click 08_e.tif in the ID_08 folder.
ADOBE INDESIGN 2.0 285
Classroom in a Book
7 Click the loaded graphics icon in the upper left corner of the blank column, just below
the guide. If necessary, drag the graphic so that it snaps to the top margin of the column.
You’ll fill the space under the picture by creating a new text frame and threading the
placed story through the new frame. To thread a new frame in the middle of a story, you
can click the out port of the previous frame or the in port of the subsequent frame.
8 Holding down Ctrl (Windows) or Command (Mac OS) to apply the guide across the
entire spread, drag a guide from the horizontal ruler to the 28p mark.
For accuracy, hold down Shift as you drag to move the guide in 1p increments, or you can
select the guide with the selection tool and then type 28p in the Y box of the Transform palette.
9 Click the left text frame on page 2 to select it, and then click the out port of that frame,
which appears as a blue arrow, indicating that the story is continued in another frame.
10 Position the loaded text icon just below the 28p guide near the bottom of the right
column, and click to create a frame that fills the rest of the column.
A text frame is created that is the width of the column. You have now completed page 2
of the newsletter.
11 Choose View > Hide Text Threads.
Now you’ll use a keyboard shortcut for deselecting instead of using a menu.
12 Press Shift+Ctrl+A (Windows) or Shift+Command+A (Mac OS) to deselect every-
thing. Then save the file.
2 Choose Layout > Margins and Columns. Under Columns, type 3 for Number and
click OK.
Even though the number of columns changed, the widths of the existing text frames did not change.
Notice that the text frames are independent of the number of columns. Column margins
can determine how text frames are created, but the frame widths do not change when you
redefine columns. One exception to this rule is when Layout Adjustment is turned on—
you can learn more about Layout Adjustment in “On your own” at the end of this lesson.
3 Using the selection tool ( ), select a text frame on page 3 and press Backspace or Delete.
4 Select the other text frame on page 3 and press Backspace or Delete. Both text frames
on page 3 should be deleted.
Once again, you have deleted text frames, but you did not delete any text; the text flowed
into the text frames on page 4. Now you’ll place an Adobe Illustrator file that has been
sized to fit within the newsletter page.
5 Press Ctrl+D (Windows) or Command+D (Mac OS) to open the Place dialog box.
Locate and double-click 08_f.ai in the ID_08 folder.
6 Click the loaded graphics icon in the upper left corner of page 3. If necessary, drag the
illustration so that it snaps to the margin guides at the top, left, and right sides of the page.
288 LESSON 8
Importing and Editing Text
The text flows into the left column. Because you held down Alt or Option, the pointer is
still a loaded text icon, ready for you to flow text into another frame.
4 Holding down Alt or Option, position the loaded text icon in the second column just
below the guide, and click. Release the Alt or Option key.
Now you will create the final column. You won’t hold down Alt or Option since there will
only be three frames in this story.
ADOBE INDESIGN 2.0 289
Classroom in a Book
5 Position the loaded text icon in the third column just below the guide, and click.
The text is overset in the third column, but after you format the text with styles, the text
should fit within the frames.
7 In the left panel, select Keep Options and then select In Next Column from the Start
Paragraph pop-up menu. Then click OK.
The sidebar headings on page 3 now appear at the top of each column. Now that you’ve
finished placing text and graphics in the newsletter, you’ll use some of InDesign’s word-
processing features to add finishing touches to the text throughout the newsletter.
8 Save the file.
The context menu gives you another way to move text to the beginning of the next
column. To do this, make sure that the cursor is in the place where you want to create the
break, and then right-click (Windows) or Control-click (Mac OS) the text frame to open the
context menu. Choose Insert Break Character > Column Break. You can also use context
menu commands to move text to the next frame, page, odd page, or even page.
3 Select the selection tool ( ), click the text frame in the right column on page 2, and
then drag the lower middle handle up to the 46p guide.
4 Select the type tool ( ), and then drag to create a text frame that fills the space at the
bottom of the right-most column on page 2.
5 With a text insertion point active in the new text frame, type (Continued on page ),
including the space and the parentheses. Then use the left arrow key to move the insertion
point to the left of the close parenthesis.
6 Right-click (Windows) or Control-click (Mac OS) the text frame, and in the context
menu that appears, choose Insert Special Character > Next Page Number. The text now
reads “(Continued on page 4).”
7 If necessary, select the selection tool, and then drag the top of the new text frame up so
that it snaps to the text frame above it.
292 LESSON 8
Importing and Editing Text
8 With the selection tool, click the jump line text frame and then Shift-click to select the
text frame immediately above it. Then choose Object > Group. This keeps the story and
its jump line together if you move them.
Notice that the Body Copy style has a plus sign (+) next to it in the Paragraph palette. The
plus sign next to a style indicates that the current text has been formatted differently from
the style.
4 Click the Paragraph palette tab, and then click the Align Right ( ) option.
Now you will align the text at the bottom of the frame.
5 Choose Object > Text Frame Options.
ADOBE INDESIGN 2.0 293
Classroom in a Book
6 In the Align pop-up menu under Vertical Justification, select Bottom. Then click OK.
3 Click the Character palette tab (or choose Window > Type > Character to make the
palette visible). Leave the font set in Myriad and select Bold Condensed.
4 Click the Character Styles tab (or choose Window > Type > Character Styles to make
the palette visible). Make sure that the formatted text is still selected.
5 In the Character Styles palette, click the New Style icon ( ). Then scroll down the
palette so that you can see the new style, named Character Style 1, the default name.
6 Double-click Character Style 1 to open the Modify Character Style Options dialog box.
In Style Name, delete the default name and type Inline Head. Then click OK.
7 With the type tool still selected, select “Mountain Bikes—” later in the same column
on page 7. Select Inline Head in the Character Styles palette. Then deselect the words and
view the new formatting.
The words automatically take on all the formatting attributes you selected for the Inline
Head style. Notice that only the selected text was formatted with the style, not the entire
paragraph.
8 Apply the Inline Head character style to “Specialty Bikes—” in the second column on
page 7.
9 Save the file.
ADOBE INDESIGN 2.0 295
Classroom in a Book
Finding text
You will search for occurrences of the word “Lincoln” in this document. Make sure that
your view-magnification level is set so that you can easily read the text and see the
formatting. You do not have to have anything selected for this procedure.
1 Choose Edit > Find/Change. For Find What, type Lincoln.
2 For Search, choose Document to search the entire document.
3 Click Find Next to display the next occurrence of the word.
4 Click Done to close the Find/Change dialog box.
Even when the Find/Change dialog box is closed, you can still search for the next occur-
rence of the most recent search.
5 Press Ctrl+Alt+F (Windows) or Command+Option+F (Mac OS) to find the next
occurrence of the word “Lincoln”.
6 Repeat the previous step several times. Notice that some occurrences of “Lincoln” are
underlined and others are not. Stop on an underlined occurrence of “Lincoln.”
5 In the left side of the Find Format Settings dialog box, select Basic Character Formats.
Then in the right side, click the Underline check box to place a black check mark,
indicating that it is selected.
6 Leave the other check boxes as they are: either with grayed-out check marks
(Windows) or dashes (Mac OS). These marks indicate attributes that are irrelevant to the
search—they will not act as criteria for the search. Click OK to return to the Find/Change
dialog box.
Notice the alert icon above the Find What box. This icon indicates that InDesign will
search for text containing the specified formatting. In this case, InDesign will search for
underlined occurrences of “Lincoln.”
7 Under Change Style Settings, click Format to open the Change Format Settings dialog
box, and set all the following options:
• On the left side of the dialog box, choose Basic Character Formats.
• On the right side, use the pop-up menus to select Adobe Garamond for Font and Italic
for the font style. (Adobe Garamond is alphabetized on the list under “G,” not “A.”)
• For Size, select 11 pt.
• For Leading, select 12 pt.
• Click the Underline check box twice to clear it.
ADOBE INDESIGN 2.0 297
Classroom in a Book
• Click OK.
8 Click Change All. A message appears, telling you that InDesign found and changed the
three occurrences of underlined “Lincoln.”
9 Click OK to close the message, and then click Done to close the Find/Change dialog
box. Then save the file.
In this case, you want InDesign to replace only the hyphens in the text frame on the first
page, so you will limit the search range to only the story, which consists of only the
sidebar frame.
4 For Search, choose Story to narrow the search to only the sidebar.
5 For Find What, delete the word “Lincoln” and type - (a hyphen).
6 Press Tab to shift focus to the Change To box. Click the arrow button ( ) to the right
of the Change To box and choose En Dash from the pop-up menu. The word “Lincoln”
is replaced by ^= (a caret and equal sign), a code for the en dash character.
ADOBE INDESIGN 2.0 299
Classroom in a Book
Spell-checking a story
The text in the “Bad Clams” story on page 5 includes Spanish and Italian phrases. Before
you spell-check the story, you will assign the appropriate language to each phrase.
1 In the document window, turn to page 5. Change your view so that you can
comfortably read the paragraph below the image in the right column.
2 In the paragraph in the right column beginning “William Johnson,” use the type tool
( ) to select “¡Yo tengo un cuaderno rojo!”
3 In the Character palette, choose Spanish: Castilian from the Language menu.
Note: If you do not see the Spanish and other dictionaries on the Language menu, either your
dictionaries have been deleted from your hard disk or your installation of InDesign did not
include them. To install the dictionaries you need for this task, save your file, quit all
programs, and insert your InDesign application CD into your computer CD-ROM drive.
Open the CD and double-click the installation icon. Follow the on-screen instructions for a
custom installation, specifying only the dictionaries. You do not need to reinstall the InDesign
program. Then reopen your 08_News.indd file and resume your work.
ADOBE INDESIGN 2.0 301
Classroom in a Book
4 In the same paragraph, select “Sono il campione dell mondo” (misspelled). In the
Character palette, choose Italian from the Language menu.
Notice that the text shifted when you applied the language attribute. This occurs because
hyphenation rules are different for English and Italian.
5 Make sure that the insertion point is in the same paragraph, and choose Edit > Check
Spelling.
6 For Search, select Story so you don’t have to spell-check the entire document.
7 Click Start. When “dell” is highlighted, select “del” under Suggested Corrections, and
then click Change. When you finish spell-checking, click Done.
8 Save the file.
4 Holding down Alt+Shift (Windows) or Option+Shift (Mac OS), place the pointer over
the center point of the graphic and drag outward to create a circle slightly larger than the
Mr. Tuneup graphic (about 19 picas, as shown in the Transform palette for W and H).
The Shift key constrains the shape to a circle; the Alt or Option key makes the center of
the circle the starting point of your drawing so that you draw outward from the center.
5 Using the type tool ( ), select the first two lines below the graphic, “It’s Mr. Tuneup!
The Maestro Mechanic of Sonata Cycles.”
6 Choose Edit > Copy.
7 Click and hold the mouse pointer over the type tool in the toolbox, and then select the
path type tool ( ).
8 Position the pointer over the upper left part of the circle until a small plus sign appears
next to the pointer ( ), and drag an arc to the other side of the circle.
If you click an insertion point on a path, the range of type will extend along the entire
path. If you drag, type will appear only along the length specified when you dragged.
ADOBE INDESIGN 2.0 303
Classroom in a Book
The plus sign (+) in the out port at the end of the text on the path indicates overset text.
To display all the text on the path, you will adjust the path type’s start and end indicators,
which are the blue lines that appear before and after the pasted text.
10 Select the direct-selection tool ( ) and move it over the blue indicator at the
beginning of the text path. When the direct-selection pointer is properly positioned, it
appears as a solid arrowhead with a small vertical line and plus sign ( ).
11 Drag the start indicator line (not the in port) down to the left center of the circle.
Then drag the end indicator line (not the out port) down until all the text appears.
304 LESSON 8
Importing and Editing Text
Finishing up
To complete the newsletter, you will clean up the design on page 8 by removing the circle’s
stroke and deleting the text box from which you copied the text that is now on the path.
1 Select the selection tool ( ), and then click the text on the path.
2 Select the Stroke box ( ) in the toolbox, and then click the None button ( ).
3 Using the selection tool, click the text frame below the graphic from which you copied
the text, and press Backspace or Delete.
On your own
Follow these steps to learn more about layout adjustment and styles.
When you changed the number of columns in this lesson, the size of the text frames
remained unchanged. However, if you need to change your document setup after you’ve
begun laying out your document, you can turn on the Layout Adjustment option, which
can save you time in reformatting your document. Try this:
1 Go to page 4 and choose Layout > Layout Adjustment. Select Enable Layout
Adjustment and click OK. Now change the number of columns.
Notice that the photograph is resized and the two text frames shrink to fit the first two
columns.
ADOBE INDESIGN 2.0 305
Classroom in a Book
2 Resize the text frames and graphics frame to clean up the page. Add threaded text
frames as necessary to finish the redesign.
Before column change (left), after column change with Layout Adjustment turned on (middle),
and finished redesign (right)
In this lesson, we covered only the basics of creating and applying styles. If you do a lot of
your writing in InDesign, you’ll want to learn how Next Style works and how to apply
styles using shortcut keystrokes.
Note: In Windows, Num Lock must be on for the following shortcut keystrokes to work.
3 With no text selected, double-click the Head 2 style in the Paragraph Styles palette.
Click an insertion point in the Shortcut text box. Using numbers from only the keypad,
press Ctrl+Alt+2 (Windows) or Command+Option+2 (Mac OS). For Next Style, select
Body Copy. Click OK to close the dialog box. Now practice applying the Head 2 style
using your keyboard shortcut. Notice that when you press Enter or Return at the end of
a Head 2 paragraph, the next paragraph automatically has the Body Copy style.
Note: If text does not appear in the Shortcut text box, make sure that you use the numbers
from the numeric keypad. In Windows, make sure that Num Lock is on.
4 Some designers prefer not to indent the first paragraph after a heading. Create a
paragraph style called “Body Copy No Indent” that is based on Body Copy and does not
have a first-line indent. For the Next Style option in Body Copy No Indent, select Body
Copy. Edit the heading styles so that the Next Style option is set to Body Copy No Indent.
306 LESSON 8
Importing and Editing Text
Review questions
1 How do you autoflow text? How do you flow text one frame at a time?
2 How can using styles save time?
3 When searching for text, you get a “Cannot find match” message. What are some
reasons InDesign failed to find a match?
4 While spell-checking your document, InDesign flags words used in other languages.
How can you fix this problem?
Review answers
1 When the loaded text icon appears after using the Place command or clicking an out
port, hold down Shift and click. To flow text one frame at a time, you can hold down
Alt (Windows) or Option (Mac OS) to reload the text icon after you click or drag to
create a frame.
2 Styles save time by letting you keep a group of formatting attributes together that you
can quickly apply to text. If you need to update the text, you don’t have to change each
paragraph formatted with the style individually. Instead, you can simply modify the style.
3 If you get a “Cannot find match” message, you may not have typed the text properly,
you may have selected Whole Word or Case Sensitive, or you may not have cleared
formatting used in a previous search. Another possibility is that you selected Story for
Search while the text you’re looking for is in a different story. Finally, you may be
searching for text that does not exist in your document.
4 Before you spell-check your document, select any phrase from a different language and
use the Character palette to specify the language for that text.
9 Working with Typography
Getting started
In this lesson, you’ll create one two-page spread for the annual report of the Sonata Cycles
company. Your work in this sample file will involve using one of the Open Type fonts that
shipped on the application CD with Adobe InDesign 2.0. Before you begin, make sure
that you have Adobe Caslon Pro installed on your machine, or install it now. See the
documentation for Open Type fonts on your InDesign application CD, and also see
“Installing the Classroom in a Book fonts” on page 2 of this Classroom in a Book.
Before you begin, you should restore the default preferences for Adobe InDesign.
1 To ensure that the tools and palettes function exactly as described in this lesson, delete
or deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file.
See “Restoring default preferences” on page 4.
2 Start Adobe InDesign.
To begin working, you’ll open an existing InDesign document.
3 Choose File > Open, and open the 09_a.indd file in the ID_09 folder, located inside the
Lessons folder within the IDCIB folder on your hard disk. If an alert message appears that
asks which dictionary file you want to use, click No (Windows) or Document (Mac OS).
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_09 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
4 Choose File > Save As, rename the file 09_report.indd, and save it in the ID_09 folder.
ADOBE INDESIGN 2.0 311
Classroom in a Book
5 If you want to see what the finished document will look like, open the 09_b.indd file in
the same folder. You can leave this document open to act as a guide as you work. When
you’re ready to resume working on the lesson document, choose its name from the
Window menu.
1 To view the top margin value for the document, choose Layout > Margins and Columns.
The top margin is set to 6p0 (6 picas, 0 points). Click Cancel to close the dialog box.
2 To determine the leading value, select the type tool ( ) in the toolbox and click in a
body-text paragraph. Then click the Character palette tab (or choose Type > Character)
to make the palette visible. Check the leading value ( ) in the Character palette. The
leading is set to 14 pt (14 points).
3 Choose Edit > Preferences > Grids (Windows, Mac OS 9) or InDesign > Preferences >
Grids (Mac OS 10.1) to set your grid options. In the Baseline Grid section, type 6 for Start
to match your top margin setting of 6p0. This option sets the location of the first grid line
for the document. If you use InDesign’s default value of 3p0, the first grid line would
appear above the top margin.
4 For Increment every, type 14pt to match your leading. When you select another
option, InDesign automatically converts the points value to picas (to 1p2).
5 Choose 100% for View Threshold.
The View Threshold option sets the minimum value at which you can see the grid on-
screen. At 100%, the grid appears in the document window only at magnifications of
100% or higher.
6 Click OK to close the dialog box.
ADOBE INDESIGN 2.0 313
Classroom in a Book
Now you’ll use the Paragraph palette to align all the text to the grid. You can align multiple
stories independently of one another or all at once. You’ll align all the stories in this spread
simultaneously.
2 Click the Paragraph tab (or choose Type > Paragraph) to make the palette visible.
3 With the type tool still selected, click an insertion point anywhere in the first paragraph
on the spread, and then choose Edit > Select All to select all the text in the main story.
314 LESSON 9
Working with Typography
When applying paragraph attributes, it is not necessary to select an entire paragraph with
the type tool. Just select a portion of the paragraph or paragraphs you want to format. If you
are formatting only one paragraph, you can simply click in the paragraph to make an
insertion point.
4 In the Paragraph palette, click the Align to Baseline Grid button ( ). The text shifts so
that the baselines of the characters rest on the grid lines.
5 If necessary, scroll to the left side of the spread so you can see the pull quote on the side
of the page; then click an insertion point in the pull quote.
6 In the Paragraph palette, click the Align to Baseline Grid button. Because this text is
formatted using 18 point leading, not the baseline grid leading value of 14pt or 1p2, aligning
to the grid causes the text to expand to every other grid line (using 28 point leading).
Before and after aligning the pull quote to the baseline grid
No space (left), space adjusted to fit grid at 28 pt (middle), and actual space value at 16 pt (right)
Here you’ll increase the space below the second paragraph of the main story. All other
paragraphs in the spread have already been formatted with a 1p2 Space After value.
1 Make sure that the type tool ( ) is still selected, and click anywhere in the second
paragraph on the page on the left (page 2).
2 In the Paragraph palette, type 1p2 for Space After ( ) and press Enter or Return. The
text in the next heading shifts automatically to the next grid line.
Before and after applying a Space After value to the upper paragraph
316 LESSON 9
Working with Typography
Now you’ll increase the space before the heading “The Dos Ventanas Cycling Partnership”
to give it even more space.
3 Click an insertion point in the heading “The Dos Ventanas Cycling Partnership.” In the
Paragraph palette, type 0p6 for Space Before ( ) and then press Enter or Return. Because
you previously aligned the heading to the baseline grid, the Space Before jumps to
14 points instead of 6 points.
To use the 0p6 value instead of 14, and to add more space between the heading and the
following paragraph, you’ll unalign the heading from the grid.
4 With an insertion point still in the heading “The Dos Ventanas Cycling Partnership,”
click the Do Not Align to Baseline Grid button ( ) in the Paragraph palette. The
heading shifts upward a bit, away from the body text below.
Before and after unaligning the heading from the baseline grid
This heading and the heading on the page on the right (page 3) are formatted using the
Head 1 style. To automatically update the second heading so that it uses the same spacing
values as the heading you just edited, you’ll redefine the style.
5 Click the Paragraph Styles palette tab (or choose Type > Paragraph Styles) to make the
palette visible.
6 Click an insertion point in the heading “The Dos Ventanas Cycling Partnership.”
Notice that a plus sign (+) appears after the Head 1 style name in the palette. This sign
indicates that the formatting for the selected text is different from the original formatting
for the style.
ADOBE INDESIGN 2.0 317
Classroom in a Book
7 Click the palette menu button (to the right of the Paragraph Styles tab), and choose
Redefine Style from the Paragraph Styles palette menu. The Head 1 style now takes on the
formatting of the current text.
Notice that the plus sign disappears and that space is added above the heading on page 3.
8 To apply all the same alignment characteristics to another heading, click the type tool
in the “Our New Chain of Stores” heading on page 3, and then select the Head 1 style in
the Paragraph Styles palette to apply the redefined style.
9 Save the file.
About fonts
A font is a complete set of characters—letters, numbers, and symbols—that share a common weight, width,
and style, such as 10-pt Adobe Garamond Bold.
Typefaces (often called type families or font families) are collections of fonts that share an overall
appearance, and are designed to be used together, such as Adobe Garamond.
A type style is a variant version of an individual font in a font family. Typically, the Roman or Plain (the
actual name varies from family to family) member of a font family is the base font, which may include type
styles such as regular, bold, semibold, italic, and bold italic.
1 Click the Character palette tab (or choose Type > Character).
2 Using the type tool ( ), click inside the pull quote on the left side of page 2, and then
choose Edit > Select All to select the entire paragraph.
3 In the Character palette, select Adobe Caslon Pro from the Font Family menu and
Semibold Italic from the Type Style menu.
4 In Font Size ( ), type 15 and press Enter or Return.
5 Choose Edit > Deselect All to deselect the text. Notice how the text stays aligned to the
grid even after changing these attributes.
Because Adobe Caslon Pro is an Open Type font, you can use the Glyph palette to select
alternatives for many characters.
6 Select the first character (the “W”) of the pull quote, and then choose Type > Insert
Glyphs.
ADOBE INDESIGN 2.0 319
Classroom in a Book
7 In the Glyphs palette, select Alternates for Selection in the pop-up menu, to see just the
alternates for “W.” Then double-click the more script-like “W” alternate to replace the
original character in the pullquote.
8 You won’t be using the baseline grid for the remainder of the lesson, so you can hide it
from view. To hide it, choose View > Hide Baseline Grid. Then save the file.
2 Click the Paragraph palette tab (or choose Type > Paragraph), and then click the Justify
All Lines button ( ).
4 Select Adobe Wood Type for the font family and Ornaments 2 for the type style.
5 From the scrollable list select the first character in the first row and double-click to
insert the character. The character appears at the insertion point in the document. You’re
finished with the Glyph palette for this lesson so you can close it now, and then save your
work.
Notice how the word spacing in the last line of the pull quote has an overly large space in
the center. You can address this by adding a flush space to the end of the paragraph. A
flush space adds a variable amount of space to the last line of a fully justified paragraph.
You’ll insert the flush space between the period and the decorative end-of-story character
you just added.
322 LESSON 9
Working with Typography
You could add a flush space using the Type menu, but this time you’ll use the context
menu to do the job.
6 Using the type tool, click an insertion point between the final period and the Wood
Type decorative character.
7 Right-click (Windows) or Control-click (Mac OS) and choose Insert White Space >
Flush Space.
If you want to adjust a gradient so that its complete color range spans a specific range of text characters, you
have two options:
• Use the gradient tool to reset the gradient’s endpoints so that they span only the characters you selected
when you applied the gradient.
• Select the text and convert it to outlines (editable paths), and then apply a gradient to the resulting
outlines.
1 Click the Swatches palette tab (or choose Window > Swatches) to make the palette visible.
2 Make sure that the type tool ( ) is still selected, triple-click in the first line of the pull
quote on page 2, and then drag to select all of the text in the paragraph.
By default, a triple-click of the type tool selects only one line of text. You can change this
setting in the Preferences dialog box so that a triple-click selects an entire paragraph. To do
this, choose Edit > Preferences > Text (Windows, Mac OS 9) or InDesign > Preferences >
Text (Mac OS 10.1) and deselect the Triple Click to Select a Line check box.
3 Select the Fill box ( ) in the toolbox, and then select the Text Gradient swatch in the
Swatches palette (you may need to scroll). To see the gradient, choose Edit > Deselect All.
Notice how the gradient flows from the left to right. If you want to change the direction
of the gradient, you can use the gradient tool. You’ll do that now to make the gradient flow
from top to bottom, like the pull quote on page 3.
4 Using the type tool, reselect all of the text in the pull quote.
5 Select the gradient tool (not the Gradient button) in the toolbox ( ), and drag a line
from the top to the bottom of the highlighted text. To ensure that you draw a straight line,
hold down the Shift key as you drag.
The gradient tool (left) lets you set the direction of the gradient fill.
To view the gradient fill, you’ll use a keyboard shortcut to deselect all the text.
6 Press Shift+Ctrl+A (Windows) or Shift+Command+A (Mac OS) to deselect the text.
326 LESSON 9
Working with Typography
7 In the Stroke palette, choose 0.5 pt for Weight. Then, press Shift+Ctrl+A (Windows)
or Shift+Command+A (Mac OS) to deselect the text to view the fill and stroke effect.
Original drop cap (left), drop cap with color fill (middle), and drop cap with fill and stroke (right)
5 If you’ve moved the letter too far, press Alt+Right Arrow (Windows) or Option+Right
Arrow (Mac OS) to move the letter to the right.
6 Click an insertion point between the “P” and the “a” in the word “Partnership.”
ADOBE INDESIGN 2.0 329
Classroom in a Book
7 Press Alt/Option+Left Arrow to move the letter “a” to the left. Press this key combi-
nation repeatedly until the two adjacent letters look visually pleasing to you. We pressed
it four times.
Now you’ll set a tracking value for the entire heading “The Dos Ventanas Cycling
Partnership” to condense the overall spacing and bring it all onto one line. To set tracking
you must first select the entire range of characters you want to track.
8 Choose 200% from the magnification menu at the lower left corner of the document
window to view more of the page on-screen.
9 Triple-click “The Dos Ventanas Cycling Partnership” to select the entire heading.
10 Click the Character palette tab (or choose Type > Character). Then select -5 for
Tracking ( ) and press Enter or Return.
Notice that the text no longer fits in the text frame and each line has a different density.
The single-line composer looks at each line individually and, consequently, can make
some lines in a paragraph appear more dense or sparse than others.
ADOBE INDESIGN 2.0 331
Classroom in a Book
Because the paragraph composer looks at multiple lines at once, it makes the density of
the lines in a paragraph more consistent.
3 On the Paragraph palette menu, choose Adobe Paragraph Composer. Notice that the
lines of text now have a consistent density and all the text fits neatly in the text frame.
Pull quote formatted using the Adobe Single-line Composer (left), and the Adobe Paragraph Composer (right)
4 Choose Type > Tabs to open the Tabs palette. When an insertion point is in a text
frame, the Tabs palette snaps to the border of the frame so that the measurements in the
palette’s ruler exactly match the text.
5 To center the page on your screen, double-click the page 3 icon in the Pages palette.
Because the Tabs palette moves independently of the table, the two are no longer aligned.
6 Click the magnet icon ( ) in the Tabs palette to realign the palette with the text.
Clicking the magnet icon in the Tabs palette aligns the ruler with the selected text.
Note: If the Tabs palette did not snap to the table, part of the text block may be hidden from
view, or there may not be enough room for the Tabs palette between the table and the top of
the document window. Scroll as necessary, and then click the magnet icon ( ) again.
7 Using the type tool, select all of the text in the table’s text frame, from the word
“Category” to the number “$110,000.”
8 In the Tabs palette, click the Center-Justified Tab button ( ) so that when you set the
new tab positions, they will align from the center.
ADOBE INDESIGN 2.0 333
Classroom in a Book
9 In the Tabs palette, position the pointer in the top third of the ruler, just above the
numbers, and then click to set tab markers at the following locations: 24, 29, 34, 40, and 45.
You can view the location of the pointer on the ruler in the X: text box (above the left side
of the ruler). To precisely set the value, drag in the ruler while watching the X value before
releasing the mouse button.
The value in the X: text box indicates the location of the selected tab.
Note: If you don’t get the tab locations correct the first time, you can select the tab in the ruler
and type the location in the text box.
10 Press Shift+Ctrl+A (Windows) or Shift+Command+A (Mac OS) to deselect the text
and view the new tab settings.
13 In the Leader text box, type ._ (period, space) and press Enter or Return. You can use
any character as a tab leader. We used a space between periods to create a more open dot
sequence.
Now you’ll bring just the category headings back to their original location in the table to
create a hanging indent.
336 LESSON 9
Working with Typography
5 In the Tabs palette, drag the top half of the indent marker to the left until the X: value
is -2p0. Deselect the text and view the hanging indent.
3 In the Paragraph Rules dialog box, choose Rule Below from the menu at the top of the
dialog box, and then select Rule On to activate the rule.
ADOBE INDESIGN 2.0 337
Classroom in a Book
4 To view the rule as you select your options, select Preview and move the dialog box so
that it is not obstructing your view of the heading.
5 For Weight, choose 1 pt; for Color, choose Sonata Red; for Width, choose Column; and
for Offset, type 0p9. Then click OK.
On your own
Now that you have learned the basics of formatting text in an InDesign document, you're
ready to apply these skills on your own. Try the following tasks to improve your typog-
raphy skills.
1 Create a one-letter, three-line raised cap (as opposed to a drop cap) for the word “The”
that appears at the beginning of the last paragraph on page 2 of the final 09_report.indd
file. The basic steps to achieve this effect are: (A) Create a three-line drop cap for the
paragraph. (B) Click an insertion point after the first letter in the paragraph, and then
press Enter/Return twice to move the text down. Another drop cap is created. (C) Set the
new Drop Cap values to 0.
338 LESSON 9
Working with Typography
2 Refine the appearance of the raised cap by kerning the first and second letters as shown:
Original drop cap (left), second drop cap, created to make raised cap (middle), raised cap (right)
3 Use the eyedropper tool ( ) to apply the color from the bicycle photo in the left
column to the raised cap. The basic steps to achieve this effect are: (A) Use the type tool
to select the raised cap. (B) Click the eyedropper tool. (C) Click the bicycle photo. You
may also want to experiment with using the eyedropper tool to apply text formatting to
other text.
4 Use the context menu to add a copyright symbol to the end of the company name
“Sonata Cycles” in the first paragraph on page 2.
5 Apply Optical Margin Alignment to each paragraph in the main story (everything
except the pull quotes and table). You can access the Optical Margin Alignment feature
from the Story command in the Type menu. Make sure that to set the font size correctly.
ADOBE INDESIGN 2.0 339
Classroom in a Book
Review questions
1 How do you view a baseline grid?
2 When and where do you use a flush space?
3 How do you apply a gradient to only a few words or characters in a paragraph?
4 What is the difference between the multi-line composer and the single-line composer?
Review answers
1 To view a baseline grid, choose View > Show Baseline Grid. The current document
view must be at or above the View Threshold set in the Baseline Grid preferences. By
default, that value is 75%.
2 You use a flush space on justified text. For example, if used with a special character or
decorative font at the end of a paragraph, it absorbs any extra space in the last line.
3 To apply a gradient to a specific range of characters, you first select the text with the
type tool. Next, you apply the gradient to the text. If the entire range of colors does not
appear, select the gradient tool and drag from one end of the selected text to the other in
the direction you want the gradient to flow.
4 The multi-line composer evaluates multiple lines at once when determining the best
possible line breaks. The single-line composer looks at only one line at a time when deter-
mining a line break.
10 Creating Tables
Getting started
In this lesson you’ll work on a fictional magazine spread that takes tables of information
and brings them into the world of effective visual design. You’ll work with tables using the
new Table palette that gives you complete control over true table features.
To ensure that the tools and palettes function exactly as described in this lesson, delete
or deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData
file. See “Restoring default preferences” on page 4.
1 Start Adobe InDesign.
2 Choose File > Open, and open the 10_a.indd file in the ID_10 folder inside the Lessons
folder located in the IDCIB folder on your hard disk. If an alert message appears that asks
which dictionary file you want to use, click No (Windows) or Document (Mac OS).
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_10 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3.
3 Choose File > Save As, name the file 10_Gardens, and save it in the ID_10 folder in the
IDCIB folder on your hard disk.
ADOBE INDESIGN 2.0 345
Classroom in a Book
4 If you want to see what the finished document will look like, open the 10_b.indd file in
the same folder. You can leave this document open to act as a guide as you work. When
you’re ready to resume working on the lesson document, choose Window >
10_Gardens.indd.
In the Pages palette of your 10_Gardens.indd document, notice that page 1 and page 2 are
on different spreads. You want those pages to face each other in a single spread,
numbering them pages 2 and 3.
5 Choose Layout > Numbering & Section Options, and then select the Start Page
Numbering At option and type 2. Click OK to close the dialog box.
346 LESSON 10
Creating Tables
The table is there, not just as text but in table format with rows, columns, and cells.
Because it is a table, text wraps within the cells and you can make selections according to
rows, columns, or the entire table.
348 LESSON 10
Creating Tables
The frame for the table fills the page from margin to margin, although the table itself does
not cover that much space. Leave the frame in its current size because your table will grow
larger as you set cell dimensions, add graphics, and format text.
The reason for unlinking the table file now is that you are about to begin formatting the
table within InDesign. If you change the formatting of an imported table in InDesign and
then update the link to the original file, all of your InDesign formatting work is lost.
2 Using the zoom tool, click the upper left area of page 3 to increase the magnification to
100% or more. Then select the type tool ( ).
ADOBE INDESIGN 2.0 349
Classroom in a Book
3 Move the pointer to the upper left corner of the imported table, so that the pointer
appears as a heavy diagonal arrow, and click once to select the entire table.
Increase the magnification if you experience difficulty getting the diagonal arrow to
appear. An alternate way to select an entire table is to click the type tool anywhere in the table
and then choose Table > Select > Table. If the type tool is not selected, this command is not
available.
4 Choose Table > Table Options > Table Setup. (Or, choose the same commands on the
Table palette menu.) The Table Options dialog box opens at the Table Setup tab.
5 Under Table Border, set the following options: the Weight as 1, the Type as Solid, and
the Color as [Black].
350 LESSON 10
Creating Tables
6 Then click the Fills tab and set the following options:
• For Alternating Pattern, select Every Other Row.
• Under First, select Color as C=75 M=5 Y=100 K=0, and then type 25% for Tint.
• Under Next, select Color as [Paper].
• In Skip First, type 1 so that the alternating colors start on row 2 (the row below the
headings).
7 Click OK to close the dialog box, and then choose Edit > Deselect All so that you can
see the results.
Now the even-numbered rows have a pale green fill color behind the black text.
3 In the Cell Stroke area of the dialog box, select the following options:
• For Weight, type 0.5" , using the quotation mark to designate inches, or type 0.5 in.
• For Type, select Solid.
• For Color, select [Black], and then click OK.
4 Choose Edit > Deselect All to see the results of your formatting.
1 Using the type tool ( ), move the pointer over the left edge of the first row until it
appears as a heavy horizontal arrow ( ). Then click to select the entire first row.
4 On the Strokes and Fills tab, leave the Cell Stroke value as it is (0.5 pt, Solid, [Black],
100%). For the Color option under Cell Fill, select C=15 M=100 Y=100 K=0. Leave the
Tint at 100%, and leave the dialog box open.
5 On the Rows and Columns tab, for Row Height, select Exactly on the pop-up menu,
and then type 0.5".
6 Click OK to close the dialog box, and then deselect to see the results of your work.
The heading row of the table now appears formatted with white type against a deep red
background.
354 LESSON 10
Creating Tables
Deleting a column
After you create or import a table, you can add or delete entire rows or columns to or from
your table structure. Sometimes, you’ll want to delete just the contents of a cell, row, or
column. Other times, you’ll want to delete the cell, row, or column itself, including its
contents. The techniques for these two procedures differ slightly so that you make the
exact edits that you intend.
The information in the column on the far right of this table is out of date and no longer
relevant, so you’ll delete the entire column now.
1 Using the type tool ( ), move the pointer to the top edge of column 6 (the last column,
on the right) until the pointer turns into a heavy downward-pointing arrow ( ). Then
click to select the entire column.
2 Press Delete. The selected text disappears but the column of now-empty cells is still in
the table. Obviously, you need to do something else to remove the entire column. Select
Edit > Undo.
3 If the column is not still selected, click the type tool in any of the text in one of the cells
in column 6. (You do not have to select the whole column.)
4 Choose Table > Delete > Delete Column. Now the entire column disappears.
You’ll find more commands on the Table menu and Table palette menu for inserting
additional columns and rows, for deleting rows and entire tables, and for selecting rows,
columns, cells, and entire tables.
ADOBE INDESIGN 2.0 355
Classroom in a Book
4 In the Table palette, select Exactly in the Row Height option and type 1.15 in. Press
Enter.
4 Using the selection tool ( ), select the top photograph on the pasteboard to the right
of the spread. Then choose Edit > Cut.
5 Switch to the type tool and click to place a cursor in the next table cell below the photo-
graph you placed in step 2 (that is, in the third row of column 1).
6 Choose Edit > Paste.
7 Continue cutting and pasting to place each of the remaining five photographs into the
empty cells in column 1, proceeding from top to bottom.
Note: You cannot simply drag items into table cells. Dragging would merely position the item
above or below the table in the layout stacking order, not place the item within a cell. It is the
nature of tables that this work requires you to use the type tool as you place or paste content
into cells.
358 LESSON 10
Creating Tables
4 Choose Edit > Paste. If you selected the space after the comma, press the spacebar to
add a space after the graphic.
5 Find the remaining instances of the word Disabled in the remaining cells of that
column, select them, and paste to replace the text with the wheelchair graphic.
6 Repeat this entire process for each of the remaining words and icons: Baby, Bus, Taxi,
Lockers, Retail, Coffee, and Dining.
Note: If you are unsure which icon is which, select the icon with the selection tool and then
look at the Links palette to see which file is selected. The icon files have descriptive names.
Because you haven’t yet adjusted the column widths, your icons may overlap each other
vertically at this phase of your work. You’ll fix that in the next section.
360 LESSON 10
Creating Tables
4 In the Character Styles palette, select Table Names to apply that style to the selected
text.
ADOBE INDESIGN 2.0 361
Classroom in a Book
5 Using the same technique as in step 3, select all the cells in columns 3 and 4 except those
in the first row. Then use the Character Styles palette to apply the style Table Details to
this text.
6 Select all the text cells except the headings in columns 2, 3, and 4.
7 In Table palette, under Top Cell Insert ( ), type 0.08" and press Enter.
Notice that some of the text no longer fits well into the cells. You’ll fix that next.
In tables, text or graphics that don’t fit into their cells are also called overset, indicated by
a small colored circle in the lower right corner of the cell. Unlike ordinary frames, you
can’t just carry over the excess data into another cell of the table. Instead, you must either
resize the cell to hold the information or resize the content (by scaling the graphic or
deleting some of the text).
For this table, you’ll resize the columns so that everything fits nicely into the table.
1 Choose View > Fit Page in Window.
2 Move the type tool over the vertical line separating columns 2 and 3 until the pointer
icon becomes a double arrow ( ), and then drag the column margin to resize it until the
words Garden and name fit on the same line.
3 Moving from left to right, resize each of the columns so that the contents fit inside and
the right edge of the table snaps to the vertical margin guide on the right side of the page.
Make sure that the final column is wide enough so that all the services icons fit on a single
line, as shown in the illustration.
4 Choose View > Fit Spread in Window, and then save your work.
ADOBE INDESIGN 2.0 363
Classroom in a Book
Finishing up
You’re almost finished with your work on this lesson.
1 Choose View > Fit Spread in Window.
2 In the Layers palette, make sure that all layers are visible, with the eye icon displayed
for each one.
3 In the toolbox, click the Preview Mode button.
4 Press Tab to hide all the palettes and review the results of your work.
Congratulations! You have now completed this lesson.
For more information about working with tables, see the Adobe InDesign 2.0 User Guide,
InDesign 2.0 online Help, and the Adobe Web site.
On your own
Now that you’re skilled in the basics of working with tables in InDesign, you can exper-
iment with other techniques to expand your table-building abilities.
1 To create a new table, scroll beyond the spread to the pasteboard, and drag the type tool
to create a new text frame. Then choose Table > Insert Table and enter the number of rows
and columns you want in your table.
2 To enter information in your table, make sure that the blinking insertion point is in the
first frame and then type. To move forward to the next cell in the row, press Tab. To move
to the next cell down in the column, press the down arrow key.
ADOBE INDESIGN 2.0 365
Classroom in a Book
3 To add a column by dragging, move the type tool over the right edge of one of the
columns in your table, so that the pointer becomes a double-headed arrow. Hold down
Alt (Windows) or Option (Mac OS) and drag a short distance to the right, perhaps half
an inch or so. When you release the mouse button, a new column appears, having the
same width as the distance you dragged.
4 To combine several cells into one cell, select all the cells in the new column you created
in the previous “On your own” exercise (number 3). Then choose Table > Merge Cells.
5 To create rotated text, click the type tool inside the merged cell you created “One your
own” exercise number 4. Choose Window > Table to bring the Table palette forward, and
select the Rotate Text 270° option ( ). Then type the text you want in this cell.
6 Drag one of the column edges so that it is less than an inch wide. Then place an image
file (such as one of the flower photographs from the table on page 3) in one of the cells in
that row. Then select the image with the direct-selection tool ( ) and hold down Shift
while you drag to resize the image so that it fits within the horizontal dimensions of the
cell.
366 LESSON 10
Creating Tables
Review questions
1 What are the advantages of using tables rather than just typing text and using tabs to
separate the columns?
2 When might you get an overset cell?
3 What tool is used most frequently when you work with tables?
Review answers
1 Tables give you much more flexibility and are far easier to format. In a table, text can
wrap within a cell, so you don’t have to add extra lines to accommodate cells with many
words. Also, you can assign styles to individual rows, columns, and cells, including
character styles and even paragraph styles, because each cell is considered a separate
paragraph.
2 Overset cells occur when the dimensions of the cell are limited and the contents don’t
fit inside it. For this to occur, you must actively define the width and height of the cell (or
its row and column). Otherwise, when you place text in the cell, the text will wrap within
the cell, which then expands vertically to accommodate the text. When you place a
graphic in a cell that does not have defined size limits, the cell also expands vertically but
not horizontally, so that the row column keeps its original width.
3 The type tool must be selected to do any work with the table. You can use other tools
to work with the graphics within table cells, but to work with the table itself, such as
selecting rows or columns, inserting text or graphic content, adjusting table dimensions,
and so forth, you use the type tool.
11 Publishing with XML
Getting started
In this lesson you’ll format a complete newspaper spread with XML tags in one InDesign
document, and then flow the tagged article into a different layout in another InDesign
document.
To ensure that the tools and palettes function exactly as described in this lesson, delete or
deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file. See
“Restoring default preferences” on page 4.
You must install the cross-media plug-in on your computer in order to do the procedures
in this lesson. This plug-in is not installed automatically when you install InDesign. The
process is very simple to do, but you need to use your InDesign 2.0 application CD, so
have it handy now. (The plug-in is not on the Classroom in a Book CD.)
1 Insert the InDesign 2.0 application CD into the CD drive on your computer.
2 Using the Explorer (Windows) or Finder (Mac OS), locate and open the CD Content
folder so that you can see the Cross-Media Plug-ins folder inside it.
3 Drag the entire Cross-Media Plug-ins folder (including the folder itself) into the Plug-
ins folder inside the Adobe InDesign 2.0 folder on your computer. Typically, the path will
be C:\\Programs\Adobe InDesign 2.0\Plug-ins\Cross-Media Plug-ins (Windows) or
[hard disk name]\Applications\Adobe InDesign 2.0\Plug-ins\Cross-Media Plug-ins
(Mac OS). Open the Cross-Media Plug-ins folder and make sure that the XMediaUI
plug-in is inside.
ADOBE INDESIGN 2.0 371
Classroom in a Book
You assign XML tags to the frames in your layout. If frames are linked, such as for a story
that flows through several frames, assigning a tag to any one of those frames assigns that
tag to every linked frame in the story. Assigning an XML tag to the frame has no effect on
the paragraph styles or character formatting that you apply to text.
In this lesson scenario, your project involves a cookbook that you’re assembling from a
long-running series of cooking articles in a daily newspaper. You’ll assign and structure a
series of XML tags to individual recipes in the newspaper layout. Then you’ll export the
document content as an XML file and import it into a template for the cookbook. The
same XML document could also be imported into other XML-aware applications, such
as Adobe GoLive®, to be used on the Web or in handheld devices.
3 In the New Tag dialog box, type Credits as the tag name, and then click OK.
4 Using the same process, create another new tag and name it List_Head.
Note: Spaces, tabs, and some punctuation characters cannot be used in XML tag names.
Using the underscore character as a substitute for a space makes it easier to create user-
friendly tag names. If you use a character that is not allowed, a message appears, identifying
the unacceptable character. In that case, just click OK and retype the tag name without that
character.
3 Resize the Tags palette so that you can see all the imported tags. Notice that the tags
appear in alphabetical order, not in the order in which you created or imported them.
Tagging frames
You can tag nearly every content item on your page: text frames, graphics frames, and
even nested frames. There are several ways to assign tags. You’ll use two different methods
in this procedure, and then get more practice in whichever method you prefer. Later in
this lesson, you’ll learn other techniques, involving nested frames and Structure view.
1 Using the zoom tool ( ), increase the magnification of the page so that you can
comfortably see and read all parts of the recipe at the top of the page.
2 Using the selection tool ( ), select the “Persimmon Pudding” text frame.
3 In the Tags palette, select the Heading tag. The Heading tag is now assigned to the
“Persimmon Pudding” text frame, but you’ll see no difference in the appearance of the
text frame in the layout.
5 In the Tags palette, select the Paragraph tag and drag it to the large text frame with
descriptive text immediately under the “Persimmon Pudding” text frame. When you
release the mouse, the tag is assigned to that frame, but again you’ll see no difference in
the appearance of the layout.
6 Choose View > Show Tagged Frames. The two frames you’ve assigned tags to now
appear with a non-printing tinted background and colored border. These colors match
the color codes in the Tags palette and help you identify which elements have already been
tagged and which still need to have tags assigned.
Note: You can also verify the tag assignment of an individual frame by selecting the frame and
looking to see which tag is highlighted in the Tags palette.
376 LESSON 11
Publishing with XML
7 Continue assigning tags to the frames on the Persimmon Pudding article, as follows:
• For the “6 SERVINGS” text frame, assign the Servings tag.
• For the caption text frame below the photograph, assign the Photo_text tag.
• For the text frame below the ingredients, beginning “Chef Jean Neuhouse,” assign the
Credits tag.
• For any one of the three text frames listing the ingredients, assign the List tag.
Notice that InDesign automatically assigns the List tag to all three of the text frames that
make up the list of ingredients. You do not have to select and tag each frame.
8 Save your file.
Depending on your goals, it is not necessary to tag every frame on the page, but you must
tag all the frames you want to export to other XML publications. In this file, you’ll leave
the photograph untagged for now.
Tagging paragraphs
You can also apply XML tags to individual paragraphs within a tagged text frame. This
optional process is useful when you have multiple paragraph styles within the frame and
you want the style to have different definitions in other layouts, such as a different font or
font size.
In the text frame under the title to which you assigned the Paragraph tag, the text includes
two distinct paragraph styles: The first paragraph has a different first-line indentation
setting than the other paragraphs. You’ll assign paragraph tags to the two types of
paragraphs in that text. Later in the lesson, you’ll see how this added level of coding can
contribute to the design and aesthetic of the cookbook.
1 In the toolbox, select the type tool ( ).
2 In the large text frame, select the entire first paragraph, and then click Text_1 in the
Tags palette to assign that tag to the paragraph.
You can double-click the type tool to select an entire word or triple-click to select an entire
line of type. You can configure InDesign to select an entire paragraph when you triple-click.
To do this, choose Edit > Preferences > Text (Windows, Mac OS 9) or InDesign >
Preferences > Text (Mac OS 10.1) and then select the Triple Click to Select a Line check box.
ADOBE INDESIGN 2.0 377
Classroom in a Book
3 Choose Edit > Deselect All, and then choose View > Show Tag Markers. Look closely
to see the colored brackets that appear before the first paragraph and at the beginning of
the next one.These brackets indicate the tagging assignment.
The bracket at the beginning of this unindented paragraph is obscured by the colored
border in Show Tagged Frames view. To see the markers clearly, choose View > Hide
Tagged Frames. After reviewing the markers, choose View > Show Tagged Frames.
4 Select all the text in the next two paragraphs of the same text frame, from “Many
maintain...” to “...for 90 minutes.” In the Tag palette, click Text_2.
5 Using the type tool, select the word Filling at the top of the list of ingredients. In the
Tags palette, select List_Head to assign the tag to that heading.
6 Select all the ingredients listed under Filling and click List_Body in the Tags palette to
assign that tag.
378 LESSON 11
Publishing with XML
7 Using the techniques described in steps 4 and 5, assign the List_Head tags to the word
Topping and the List_body tag to the two ingredients listed under Topping.
3 On the contextual menu, choose Image to assign that tag to the graphic frame.
The Image tag now appears on the structure list, expanded so that you can see the path to
the photograph file immediately below the Image listing. After you review the image-path
information, you can click the down-pointing arrow next to Image to collapse that part
of the structure list.
2 On the Tags palette menu, choose New Tag. Then name the tag Persm_Pudding, and
click OK.
3 In the Structure pane, select the Root. Then, on the Structure pane menu, choose New
Element.
4 In the Select Tag for Element dialog box, select Persm_Pudding, and then click OK.
5 In the Structure pane, select the Heading element and then Shift+click the Credits
element to select the entire group (except the Persm_Pudding element).
6 Drag all the selected elements to the Persm_Pudding element so that it becomes
highlighted, and then release the mouse button. Now all the tagged elements move into
the Persm_Pudding container element.
7 Click the arrow next to Persm_Pudding to expand it so that you can see all the other
elements nested inside the container. Then deselect all and save your file.
ADOBE INDESIGN 2.0 381
Classroom in a Book
In the Structure pane, the Heading element expands so that you can see the attributes.
4 Save your work and choose File > Close to close the 11_Desserts.indd file.
You will use a different version of the Desserts newspaper layout file in the remaining
parts of this lesson.
Exporting to XML
Now you’re ready to export the document to an XML document. After you’ve exported,
the XML file is not used by itself, but is a resource that you import into other XML-aware
applications, such as Adobe GoLive for Web page authoring or into other InDesign files
with different layouts. In this lesson, you’ll do the latter, importing tagged content into a
template for a cookbook that has placeholder frames and some placeholder text.
2 Choose View > Show Structure. Notice that there are now four containers in the
Structure pane, one for each recipe currently in the book. You can click the arrows beside
each container to see the tagged elements within it.
3 Choose File > Export.
4 In the Export dialog box, do the following:
• Specify the ID_11 folder on your computer as the file location.
• In Save As Type (Windows) or Formats (Mac OS), select XML from the pop-up list.
• In File Name, type 11_Desserts.xml.
5 Click Save. The Export dialog box closes and the Export XML dialog box appears.
6 In the dialog box, select the View XML Using check box, and then select your preferred
browser on the pop-up menu. Leave the other settings as they are and click OK.
Note: If you do not want to examine the XML-coded file, do not do step 6.
ADOBE INDESIGN 2.0 383
Classroom in a Book
7 When your browser opens the file, you’ll see the raw code for the XML, which looks
something like HTML code—not very attractive as a publishing method in itself.
However, this is not the end product of the XML work flow. Close the browser or switch
back to InDesign.
3 Choose View > Show Tagged Frames, if it is not already selected. Then scroll through
pages 148–151 and notice that the placeholder frames are already tagged so that they are
similar to those in the 11_Desserts.indd file.
4 When you finish reviewing these, choose View > Hide Tagged Frames and double-click
page 148 in the Pages palette to center it in the document window.
5 Choose View > Show Structure to open the Structure pane. If necessary, adjust the
view so that page 148 is still centered in the document window.
Notice that the list of elements appears in the same order as in the 11_d.indd file you used
when you exported the content to XML.
6 Click the arrow to expand the Persm_Pudding element and notice that the names and
listing order of the tags that have been placed there for you are also identical to those used
in the 11_Desserts.indd and the 11_j.indd files.
7 Choose File > Import XML.
ADOBE INDESIGN 2.0 385
Classroom in a Book
8 In the Import XML dialog box, select the 11_Desserts.xml file that you created in the
previous procedure. Then select the Replace Content button, if it is not already selected,
and click Open (Windows, Mac OS 9) or Choose (Mac OS 10.1).
You can now scroll through the document again and see that the recipes from the
newspaper file flow into their assigned places in the cookbook.
3 On the Structure pane menu (which you open by clicking the small arrow button at the
upper right corner of the pane), select Map Tags to Styles.
4 In the Map Tags to Styles dialog box, scroll down to find the Text_1 tag.
5 Then, in the Paragraph Styles column, select Body_first from the pop-up menu for the
Text_1 tag.
On your own
1 Try out more drag-and-drop techniques for XML. Open InDesign and choose File >
New > Document. Set up any options you want for the document, and then choose File >
Import XML and select the XML document you created earlier in this lesson. Although
you’ll see no difference in the document window, choose View > Show Structure and
you’ll see the entire content list.
At this point, you can try out two different techniques:
• Use the rectangle tool and rectangle frame tool to create some placeholder frames on
the blank page. Then drag the tagged content from the Structure pane and drop it into the
placeholder frames.
• Simply drag the tagged content from the Structure pane and drop it onto the blank
page. Using the selection tool, resize the frames and move them into position, as needed.
2 If you have Adobe GoLive installed on your computer, create a Web page layout for the
recipes and assign tags. Then import the 11_Desserts.xml file into that layout.
388 LESSON 11
Publishing with XML
3 Experiment with exporting one of your documents, pages, or images in SVG format.
Scalable Vector Graphics (SVG) is ideal for on-screen viewing, such as Web pages, because
it ensures that your vector graphics will always appear in the highest-quality resolution.
With SVG, your readers can zoom in to any magnification and still see crisp, sharp edges
on SVG objects.
To export specific pages to SVG, choose File > Export. Then select SVG or SVG
Compressed in Save As Type (Windows) or Format (Mac OS). In the SVG Options dialog
box, select Range and type the page numbers that you want to export.
To export a single object to SVG, use the selection tool to select the object, choose File >
Export, and then specify SVG or SVG Compressed, as described above. In the SVG
Options dialog box, under Pages, select the Export Selection check box.
For information about other settings in the SVG Options dialog box, see “Exporting pages
to SVG format” in InDesign online Help.
ADOBE INDESIGN 2.0 389
Classroom in a Book
Review questions
1 What is the difference between XML tags and paragraph styles?
2 How can XML tags and paragraph styles be related?
Review answers
1 A tag designates a type of content that you define. It does not directly affect formatting,
that is, how the text looks, such as its font family, font size, justification, indentation, and
so forth. Those characteristics can be specified in the paragraph style or character style,
neither of which affect the content definition.
2 If you import an XML document into a new document, all text formatting is lost,
because XML tags denote the content, not the formatting. Consequently, all text appears
with the default settings for that application. However, if you create new paragraph-style
definitions in the importing document and give those styles the same names as in the
original document, you can automatically apply the formatting as you import by
mapping the tags to those styles.
12 Combining Files into Books
Getting started
This lesson focuses on the cookbook scenario featured in Lesson 11, but you do not have
to complete that lesson before you work on this one. In this project, you’ll gather together
a collection of several InDesign documents, each representing one chapter of the cook-
book. Using InDesign 2.0, you’ll assemble these chapters into a book so that you can easily
create common elements, such as a table of contents, index, unified page numbering,
styles, and color definitions.
To ensure that the tools and palettes function exactly as described in this lesson, delete or
deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file. See
“Restoring default preferences” on page 4.
Note: If you have not already copied the resource files for this lesson onto your hard disk from
the ID_12 folder from the Adobe InDesign 2.0 Classroom in a Book CD, do so now. See
“Copying the Classroom in a Book files” on page 3. Do not use the similar files in Lesson 11
to work on Lesson 12, because there are important differences between those sets of files.
ADOBE INDESIGN 2.0 395
Classroom in a Book
Defining a book
Your project is to pull together four existing chapters into a book. In InDesign, defining a
book means that you specify the relationships among multiple existing files, including
which files are included in the book and in what order they appear.
The sample files you’ll use for this project are works in progress, so most of the pages are
merely placeholders for content that would be added at some future date. Because of this,
you’ll see many blank or nearly blank pages if you open and scroll through the various
chapters.
As a first step, you’ll duplicate and rename the project files.
1 Using your Explorer (Windows) or Finder (Mac OS), open the ID_12 folder inside the
Lessons folder in the IDCIB folder that you copied from the Adobe InDesign 2.0
Classroom in a Book CD to your hard disk.
2 Select the 12_c.indd file, and then choose Edit > Copy and then Edit > Paste
(Windows) or choose File > Duplicate (Mac OS).
3 Unlock the copy of the original file, using the procedure for your operating system:
• (Windows) Right-click the “Copy of 12_c.indd” file and choose Properties. Then
deselect the Read-Only check box and click OK.
• (Mac OS) Select the “12_c.indd copy” file and choose File > Get Info > General Infor-
mation. Then deselect the Locked check box and close the Info window.
4 Rename the copied file 12_Starters.indd.
5 Using the process described in steps 2–4, duplicate, unlock, and rename five additional
files as follows:
• Rename a copy of 12_d.indd 12_Entrees.indd.
• Rename a copy of 12_e.indd 12_Nibbles.indd.
• Rename a copy of 12_f.indd 12_Finishes.indd.
• Rename a copy of 12_g.indd 12_TOC.indd.
• Rename a copy of 12_h.indd 12_Index.indd.
Now you can start building a book using the first four of these copied files.
396 LESSON 12
Combining Files into Books
5 Open the ID_12 folder and select four of the documents you renamed in the previous
topic: 12_Starters.indd, 12_Entrees.indd, 12_Nibbles.indd, and 12_Finishes.indd. Do
not add the index or table of contents files at this time.
To select, click one of the four documents and then Ctrl+click (Windows) or Shift+click
(Mac OS 9) or Command+click (Mac OS 10.1) each of the other three files. Or, you can add
documents one at a time, repeating steps 4–6 for each of the four files.
ADOBE INDESIGN 2.0 397
Classroom in a Book
6 With all four files selected, click Add (Windows, Mac OS 9) or Open (Mac OS 10.1).
The four document names now appear in the Book palette. Notice that the pages for each
chapter also appear in the palette.
7 Examine each of the four open documents and notice the order in which the files
appear. (The order in your Book palette may differ from the illustration above, depending
on the order in which you selected and added the files.)
2 As necessary, drag the other files into position on the list so that they appear in the
following order (from top to bottom): 12_Nibbles, 12_Starters, 12_Entrees, 12_Finishes.
Notice that some of the chapters start on odd-numbered pages. You want each chapter to
start on an even numbered page so that the left page of the first spread is a photograph
and the right page is the chapter title page. You’ll fix that next.
398 LESSON 12
Combining Files into Books
4 In the dialog box that appears, select Continue on Next Even Page, and then click OK.
All chapters except the first one begin on even-numbered pages.
5 In the Book palette, double-click the page numbers for the 12_Nibbles file to open the
Document Page Numbering Options dialog box, or choose Document Page Numbering
Options from the Book palette menu.
Note: Double-clicking the document in the Book palette or selecting the Document Page
Number Options command in the Book palette menu will also automatically open the file.
6 Select the Start Page Numbering At option and type 2 so that the first page of the
document appears on page 2. Then click OK.
7 Choose File > Save and then choose File > Close to close the 12_Nibbles document,
but do not close the Book palette.
ADOBE INDESIGN 2.0 399
Classroom in a Book
6 Using the same area of the dialog box as in step 3, double-click Chapter Section in the
Other Styles list to add it to the Include Paragraph Styles list.
7 Under Style: Chapter Section, select TOC Head 2 for Style. In the Page Number option,
make sure that After Entry is selected, or select it now.
402 LESSON 12
Combining Files into Books
8 Under Options, select the Include Book Documents check box, and then click OK
because you’re ready to generate and place the table of contents in the file.
9 Move the loaded-text icon to the upper left margins of page 1, and click to place the
text. The TOC flows into the page, showing the four chapters and major subdivisions
within each one. Save your file.
Note: In this file, custom paragraph styles for the table of contents have been created for you.
When you create your own documents, you can adjust and format the text and style defini-
tions as you would for any other text frame.
ADOBE INDESIGN 2.0 403
Classroom in a Book
2 Choose Layout > Table of Contents, and type Recipes as the Title. Then for Style, select
Chapter Section as the formatting style for the TOC title.
3 In the Other Styles list, double-click Chapter Section to place it in the Paragraph Styles
list.
404 LESSON 12
Combining Files into Books
6 In the lower left corner of the dialog box, deselect the Include Book Documents check
box if it is currently selected, so that only recipes in this chapter appear in this table of
contents. Then click OK (Windows, Mac OS 9) or Done (Mac OS 10.1).
ADOBE INDESIGN 2.0 405
Classroom in a Book
7 Click the loaded-text icon inside the text frame you selected in step 1. Then save your
file but leave it open for now.
The style source indicator now appears in the box next to the TOC file.
406 LESSON 12
Combining Files into Books
Synchronizing styles
When you synchronize styles, InDesign automatically searches all the style and swatch
definitions in the selected files and compares them to the definitions in the designated
style source file. When the set of definitions in a file does not match the set in the style
source file, InDesign adds, removes, and edits the definitions in the selected file so that
they match the style-source-file definitions. After synchronizing, all documents in the
book have identical sets of styles, ensuring consistency throughout the book.
Currently, the paragraph definitions for several of the paragraph styles are defined differ-
ently in the 12_TOC file and the other chapters. You’ll update the definitions of each style
list in each chapter in one simple process. By leaving the 12_Finishes file open to page 143
(its table of contents) you’ll be able to see the changes in style easily.
1 Make sure that the style source icon ( ) appears next to the 12_TOC file in the Book
palette, indicating that it is the designated style source file.
2 Holding down Shift and clicking, select the four files in the Book palette: 12_Nibbles,
12_Starters, 12_Entrees, and 12_Finishes. (It is not necessary to select the 12_TOC file.)
3 In the Book palette menu, select Synchronize Selected Documents.
4 After a short delay, a message appears, telling you that synchronization was successful
and that some documents may have changed. Click OK.
ADOBE INDESIGN 2.0 407
Classroom in a Book
Notice the dramatic change in the table of contents for the 12_Finishes table of contents
page: The chapter title now appears flush right instead of flush left and with 30-point type
instead of 18-point type. The chapter sections and recipe names are now set in Myriad,
a sans serif font, and are also aligned on the right side of the page.
5 Choose New Page Reference on the Index palette menu to begin adding another index
reference to page 146.
6 In the dialog box that opens, Under Topic Levels, type puddings in the box labeled “1.”
410 LESSON 12
Combining Files into Books
7 In the 2 box under Topic Levels, type persimmon, creating a sublevel entry under
puddings. Then click Add. The new listing now appears in the large box at the bottom of
the dialog box, under the letter P.
8 Create another new index entry by typing fruit desserts in level 1 and persimmon
pudding in level 2. Click Add again. Then click OK (Windows, Mac OS 9) or Done
(Mac OS 10.1) to close the New Page Reference dialog box.
9 In the Index palette, scroll to review your new page references in the index list. If
necessary, click the arrows by letters to expand and collapse items in the index list.
5 Scroll down the list in the bottom of the dialog box and find the page reference to
“desserts” under the letter “D.” Then drag the “desserts” index entry into the Referenced
box.
6 Click Add, and then click OK (Windows, Mac OS 9) or Done (Mac OS 10.1).
7 Scroll down the list in the Index palette to see the new cross-reference. Then save your
work.
• In Title, delete the word Index so that the box is empty. The title Index already appears
on the page, so you don’t need to include it a second time.
• Select the Include Book Documents check box.
• Click OK.
6 After a short pause, the pointer appears as a loaded text icon. Move it to the inter-
section of the left margin and the horizontal guide (at about 12 picas on the vertical
ruler). Hold down Alt (Windows) or Option (Mac OS) and click to begin placing the
index in one column after another until you finish filling all three columns.
7 Save your file.
The index combines all index references embedded in the book files into one unified
index.
Always use the Index palette to enter and edit index entries. Although you can edit the
index directly, like any other text frame, those changes will be lost when you regenerate the
index.
Congratulations; you have completed this lesson.
For more information about refining and formatting your tables of contents and index
files, see Chapter 6, “Creating Books, Tables of Contents, and Indexes” in the Adobe
InDesign 2.0 User Guide.
ADOBE INDESIGN 2.0 413
Classroom in a Book
On your own
1 Open the 12_Nibbles file and delete several pages at random. Save the file. Then update
your book numbering by doing the following:
• On the Book palette menu, choose Repaginate.
• In the 12_Index file, on the Index palette menu, choose Generate Index. Make sure
that the Replace Existing Index and the Include Book Documents check boxes are
selected, and click OK.
• In the 12_TOC file, select the table-of-contents text frame and choose Layout > Update
Table of Contents.
In each case, notice the changes in the page numbering on the Book palette, index refer-
ences, and table-of-contents references, respectively.
2 Explore the icons at the bottom of the Book palette by resting the pointer over each one
until the tooltip appears, indicating the function of the icon.
3 Examine the available options when you select all the files in the Book palette and
then choose the following commands (one at a time)on the Book palette menu:
• Preflight Book
• Package Book
• Export Book to PDF
• Print Book
In each case, click Cancel after you finish reviewing the dialog boxes.
4 Create an index reference for a range of pages. For example, in the 12_Starters file,
select the word Salads on page 41 and choose New Page Reference on the Index palette
menu. Then, under Type, select the To End of Section option to create an index reference
from pages 41 to 59.
414 LESSON 12
Combining Files into Books
Review questions
1 What are the advantages of the book feature in InDesign 2.0?
2 Describe the process and the results of removing a chapter file from a book.
3 What is the best way to edit an index? Why?
Review answers
1 The book feature makes it easy to coordinate related elements in a long document
that consists of multiple files. By defining documents as a book, you can automate what
would otherwise be time-consuming detail work, including the following tasks:
• Maintaining the proper sequence of documents.
• Updating the pagination of the entire book after adding or removing pages.
• Generating a book-wide index and table of contents with accurate page references.
• Specifying options for preflight, packaging, exporting, and printing the entire book.
2 To remove a file from a book, first select the file in the Book palette. Then, on the Book
palette menu, choose Remove Document. The result of removing a chapter is that the
book no longer appears in the list of files included in the Book palette. When you repag-
inate the book, update the index, and update the table of contents, all page references
that involve pages that were below the removed file now change. Although the file is
removed from the book, the file is not deleted; it is still stored on your hard disk.
3 Always update index page references in the Index palette. To do this, double-click the
index reference you want to edit in the Index palette (or select it and choose Page
Reference Options on the Index palette menu), and then make your changes in the
dialog box and click OK. When you finish making changes to index references, open the
Index file. Then, on the Index palette menu, choose Generate Index and replace the
existing index for all book documents.
It is important to do your editing in the Index palette instead of simply editing the index
text directly. The reason is that any edits you make directly in the index text will be lost
when you regenerate the index. If you then make changes in the book pagination, you risk
having many incorrect index page references. If you edit in the Index palette, all those
references are automatically updated when you generate a new index to update the
existing one.
13 Setting Up Your Monitor for
Color Management
Getting started
In this lesson, you’ll learn some basic color- management concepts and terminology. In
addition, you’ll calibrate your monitor to a known color standard, and then create an ICC
profile that describes your monitor’s specific color characteristics. Before you begin, you’ll
need to restore the default preferences for Adobe InDesign.
To ensure that the tools and palettes function exactly as described in this lesson, delete or
deactivate (by renaming) the InDesign Defaults file and the InDesign SavedData file. See
“Restoring default preferences” on page 4.
ADOBE INDESIGN 2.0 419
Classroom in a Book
RGB CMYK
Visible spectrum containing millions of colors (far left) compared with color gamuts of various devices
and graphics
To compensate for these differences and to ensure the closest match between on-screen
colors and printed colors, applications use a color management system (CMS). Using a
color management engine, the CMS translates colors from the color space of one device
into a device-independent color space, such as CIE (Commission Internationale
d’Éclairage) LAB. From the device-independent color space, the CMS fits that color infor-
mation to another device’s color space by a process called color mapping, or gamut
mapping. The CMS makes any adjustments necessary to represent the color consistently
among devices.
420 LESSON 13
Setting Up Your Monitor for Color Management
A B C D
CMYK Device
CMYK
A. Scanners and software applications create color documents B. ICC source profiles describe
document color spaces. C. A color management engine uses ICC source profiles to map document
colors to a device-independent color space through supporting applications. D. The color management
engine maps document colors from the device-independent color space to output-device color spaces
using destination profiles.
ADOBE INDESIGN 2.0 421
Classroom in a Book
You may find it helpful to have your monitor’s user guide handy while using Adobe
Gamma.
1 If you have the Mac OS Gamma control panel (included with Adobe Photoshop 4.0
and earlier) or the Monitor Setup utility (included with PageMaker® 6.0) for Windows,
remove it because it is obsolete. Use the latest Adobe Gamma utility instead.
ADOBE INDESIGN 2.0 423
Classroom in a Book
2 Make sure that your monitor has been turned on for at least a half hour. This gives it
sufficient time to warm up for a more accurate color reading.
3 Make sure that your monitor is displaying thousands of colors or more.
4 Set the room lighting to the level you plan to maintain consistently.
5 Remove colorful background patterns on your monitor desktop. Busy or bright patterns
surrounding a document interfere with accurate color perception. Set your desktop to
display neutral grays only, using RGB values of 128. For more information, see the manual
for your operating system.
6 If your monitor has digital controls for choosing the white point of your monitor from
a range of preset values, set those controls before starting Adobe Gamma. Later, in Adobe
Gamma, you’ll set the white point to match your monitor’s current setting. Be sure to set
the digital controls before you start Adobe Gamma. If you set them after you begin the
calibration process in Adobe Gamma, you’ll need to begin the process again.
For more information on controlling the colors and light in your work environment,
see “Creating a viewing environment for color management” in the Adobe InDesign
online Help.
3 (Mac OS) Under ColorSync Profiles, select the profile for your monitor or select Adobe
RGB (1998). Then click Calibrate and follow the instructions in the Monitor Calibration
Assistant.
ADOBE INDESIGN 2.0 425
Classroom in a Book
A. Gray squares too light B. Gray squares too dark and white area too gray
C. Gray squares and white area correctly adjusted
Do not adjust the brightness and contrast controls on your monitor again unless you are
about to update the monitor profile. Adjusting the controls invalidates the monitor profile.
ADOBE INDESIGN 2.0 427
Classroom in a Book
• If the correct type is not listed but you were provided with chromaticity coordinates
with your monitor, choose Custom and enter the red, green, and blue chromaticity
coordinates of the monitor’s phosphors.
• If you’re not sure which phosphors your monitor uses, see the monitor’s documen-
tation, contact the manufacturer, or use a color-measuring instrument such as a
colorimeter or spectrophotometer to determine them.
428 LESSON 13
Setting Up Your Monitor for Color Management
Make adjustments carefully and in small increments; imprecise adjustments can result in
a color cast not visible until you print.
• If you started from a manufacturer’s profile for your monitor, you can use the default
value. However, the older your monitor, the less likely it is that its white point still matches
the manufacturer’s profile.
• If your monitor is equipped with digital controls for setting the white point, and you
already set those controls before starting Adobe Gamma, make sure that the Hardware
menu matches your monitor’s current setting. Remember, though, that if you adjust these
hardware controls at this point in the calibration process, you’ll need to start over,
beginning with the procedure in “Setting the optimal brightness and contrast” on
page 426.
• If you don’t know the white point, you can use the Measure option to visually estimate
it. If you choose this option, continue to step 1.
To get precise values, you need to measure the white point with a desktop colorimeter or
spectrophotometer and enter those values directly using the Custom option.
If you were unable to choose a hardware setting as described above, do the following
experiment.
1 For best results, eliminate all ambient light before proceeding.
430 LESSON 13
Setting Up Your Monitor for Color Management
2 Click Measure and then click OK (Windows) or Next (Mac OS). Three squares will
appear.
The goal here is to make the center square as neutral gray as possible. You’ll train your eyes
to see the contrasts between the extreme blue (cooler) white and warm (yellow) white, and
then adjust the colors in the squares to find the most neutral gray between them.
3 Click the left square several times until it disappears, leaving the middle and right
squares. Study the contrast between the remaining blueish squares.
4 Click the right square several times until it disappears, and study the contrast between
the remaining yellowish squares.
5 Click the left or right square until the center square is a neutral gray. When complete,
commit the changes by clicking the center square.
2 Click OK (Windows) or click the Close button (Mac OS). In Mac OS, click Save when
prompted.
Now you’ll give the profile a filename so that you can identify it when using Explorer
(Windows) or Finder (Mac OS).
3 In the Save As dialog box, type the same name that you used in step 1 and save the
profile in the Color folder (Windows) or the ColorSync Profiles folder (Mac OS).
Adobe Gamma makes the new monitor profile the default. You can use this profile in any
application that supports ICC-compliant color management. In Mac OS, the profile infor-
mation will be supplied to Apple ColorSync as the default monitor setting.
ADOBE INDESIGN 2.0 433
Classroom in a Book
Review questions
1 What does the color management engine do?
2 What is calibration?
3 What is profiling?
4 What are the four main monitor settings you adjust when you run the Adobe Gamma
utility, and why do you adjust them?
Review answers
1 The color management engine translates colors from the color space of one device to
another device’s color space by a process called color mapping.
2 Calibration is the process of setting a device to known color conditions.
3 Profiling, or characterization, is the process of creating an ICC profile that describes
the unique color characteristics of a particular device. You should always calibrate a
device before creating a profile for it.
4 Using Adobe Gamma, you adjust the brightness and contrast, phosphors (color
characteristics), gamma (color contrast), and white point (extreme highlight) of the
monitor. You adjust these settings to calibrate your monitor. Adobe Gamma uses those
settings to create an ICC monitor profile that defines your monitor’s color space for
working on graphics.
14 Ensuring Consistent Color
Getting started
Color management is important in environments where you must evaluate image color
reliably in the context of your final output. Color correction is a different issue that involves
images with tonal or color-balance problems, and is usually handled in the original graphics
application, such as Photoshop.
In this lesson, you’ll set up color management for an advertisement for a fictitious chocolate
company called Tifflins Truffles. The ad will run in a variety of publications, so getting
consistent and predictable color is of primary concern. You will set up the color management
system using a CMYK press-oriented workflow, build the document using graphics from
other Adobe products, and specify ICC profiles for individual graphics to ensure color
integrity.
ADOBE INDESIGN 2.0 439
Classroom in a Book
See also “About color management” in the Adobe InDesign online Help.
Important: Successfully calibrating and characterizing your monitor as explained in Lesson 13
is a prerequisite for doing this lesson. Therefore, do not restore the InDesign default preferences
in this lesson as you have done in other lessons or you will override the calibration settings and
monitor profile. If you skip Lesson 13, the on-screen colors will be unreliable.
1 Start Adobe InDesign.
To begin working, you’ll open an existing InDesign document.
2 Choose File > Open, and open the 14_a.indd file in the ID_14 folder, located inside the
Lessons folder within the IDCIB folder on your hard disk. If an alert message appears that
asks which dictionary file you want to use, click No (Windows) or Document (Mac OS).
Notice that the brown colors and images look muddy and lack clarity, and the overall
color is saturated. This is because you have not enabled color management.
3 Choose File > Save As, rename the file 14_truffles.indd, and save it in the ID_14 folder.
440 LESSON 14
Ensuring Consistent Color
4 If you want to see what the finished document will look like, open the 14_b.indd file in
the Final folder in the ID_14 folder. The ad consists of graphics created in InDesign and
other Adobe applications. You will color-manage those graphics to achieve consistent
color output from InDesign.
Note: Although color management is turned on for this document, the colors may still lack
clarity because you have not yet set up color management for your computer or set a Preferences
setting for displaying all available high-resolution image data.
A. InDesign object B. Photoshop PSD file C. Legacy (archived) CMYK file D. Illustrator file exported as a bitmap
5 When you’re ready to resume work on the lesson document, choose its name from the
Window menu.
Choose Adobe ACE unless your prepress service provider recommends another engine. Use
the same engine throughout your workflow.
ADOBE INDESIGN 2.0 443
Classroom in a Book
First, you’ll select a monitor profile. If the Color Settings dialog box is not still open from
the previous procedure, reopen it now.
1 Under Working Spaces, select U.S Web Coated (SWOP) v2.
In a later section, you’ll set the on-screen display of images to full resolution so that
InDesign can color-manage all available image data.
2 Move the dialog box out of your way and study the colors in the ad.
Notice the heavy use of brown. You’ll see a noticeable difference in the browns when you
apply color management by closing the dialog box in the next step.
3 Click OK.
444 LESSON 14
Ensuring Consistent Color
Several colors change in the ad, but most noticeably the browns; they appear to have more
detail. It’s important to note that although the images look better than they did when you
opened the document, the images themselves have not been altered—only the display of the
images has changed. Specifically, what you see now represents the color characteristics of
the following devices:
• The program or scanner that saved the image, using the source profile embedded in the
image.
• The final output device for the document, using the destination profile you set up
earlier in the lesson.
• The monitor on which you’re viewing the document, using the monitor profile you
created using Adobe Gamma in Lesson 13.
Note: If you turn on color management after you open a document, color management settings
apply only to the current document. For color management to become the InDesign default,
turn it on when no documents are open.
It’s easy to see that the success of color management ultimately depends on the accuracy
of your profiles.
If the Color Settings dialog box is not still open from the previous procedure, reopen it
now.
1 Choose Edit > Assign Properties.
2 In both the RGB Profile and CMYK Profile areas of the dialog box, select the Assign
Current Working Space options.
Notice that the text following the words “working space” contains the same working-
space information that you entered in the Color Settings dialog box. With these settings,
the Adobe ACE engine won’t unnecessarily convert colors you’ve specified with your final
output already taken into account.
3 Leave the dialog box open so you can use it in the next section.
2 Make sure that Use Color Settings Intent is selected in both the Default Image Intent
and After-Blending Intent options. These options are appropriate for this photo-intensive
page spread.
3 Click OK to close the Assign Profiles dialog box, and then save your work.
InDesign also applies a default source profile to InDesign-drawn objects. You can assign a
different profile within InDesign—using Edit > Assign Profiles to open the Assign Profiles
dialog box—or open the graphic in the original application and embed the profile there.
The ad already includes two images that were saved without embedded profiles. You’ll
integrate those images into the document CMS using two different methods: assigning
a profile within InDesign and opening the original image so that you can embed the
profile. Later in the lesson, you’ll import two additional graphics and practice two
methods of assigning a profile before you place them in the ad.
InDesign applies its default source profile to any bitmap image without embedded profiles.
You’ll work with an image that was imported into InDesign before you turned on color
management. First, you’ll confirm the default profile InDesign is using to color-manage
the image. Then, within InDesign, you’ll assign a new profile because the image’s original
color space is different from the default color space.
448 LESSON 14
Ensuring Consistent Color
1 Using the selection tool ( ), select the plate of truffles on the left side of the ad.
Notice that the Enable Color Management check box is selected and that Use Document
Default is selected for Profile. InDesign enables color management for each imported
image and assigns the default source profile you set up earlier in this lesson. You can
disable color management for individual images using the Image Color Settings dialog
box. You can also assign a new profile here. Because you are assigning the profile within
InDesign, the change will apply only to the selected image in this document.
3 For Profile, choose Light GCR 280 UCR CMYK US Negative Proofing to match the
image’s original color space. This profile represents the color-lookup tables used by the
scanner operator who originally scanned this as a CMYK image.
Note: If this option is not available, select another profile, such as U.S. Web Coated
(SWOP) v2.
4 Leave the Rendering Intent set as Use Document Image Intent, and click OK. The
colors deepen noticeably.
InDesign will color-manage the image using the newly assigned profile.
ADOBE INDESIGN 2.0 449
Classroom in a Book
A B C
A. Image’s working CMYK color space B. Image with embedded ICC profile C. InDesign uses embedded profile
Note: If you don’t have Photoshop installed on your system, you can use the Photoshop files
provided in the lesson folder. The steps indicate when to do so.
3 For the CMYK option under Working Spaces, select U.S. Web Coated (SWOP) v2 if it
is not already selected, so that the embedded profile matches the default separations
profile you specified in InDesign 2.0.
2 Choose Window > Links to display the Links palette. The 14_d.psd file is highlighted
because that image is selected in the document window.
ADOBE INDESIGN 2.0 451
Classroom in a Book
5 To embed the profile, choose File > Save As. Select your ID_14 folder in your IDCIB
folder, and then type 14_dprof.tif for File Name. Make sure that the ICC Profile: U.S. Web
Coated (SWOP) v2 check box (Windows) or the Embed Color Profile check box
(Mac OS) is selected, and click OK.
6 In the TIFF Options dialog box, click OK to accept the default.
7 Close the image and exit Photoshop.
A quick way to check profiles for all graphics in a document is by using the Preflight
feature to view document components.
Now that you have fixed existing graphics in the document, you will finish the ad by
importing two additional graphics and setting options as you import.
1 In InDesign, choose View > Show Frame Edges to show the outline of the frame for the
graphic you’re about to place—and the outlines for all the graphics frames in the ad.
ADOBE INDESIGN 2.0 453
Classroom in a Book
2 If necessary, adjust your view so that you can easily see the frames in the lower right
area of the spread. Using the selection tool ( ), select the topmost of these three frames.
3 Choose File > Place to open the Place dialog box, and do the following:
• Open ID_14 folder in the IDCIB folder and select the 14_e.psd file.
• Select the Show Import Options check box, so that you’ll have an opportunity to specify
a profile.
• Click Open.
4 In the Image Import Options dialog box, select Color Settings on the left side of the
dialog box.
5 On the right side of the dialog box, make sure that Enable Color Management is
selected. Then select the following options:
• For Profile, select Light GCR 280 UCR CMYK US Negative Proofing to match the
image’s original color space.
Note: If you selected a different Profile in “Assigning a profile after importing an image” on
page 447, select the same profile here.
• For Rendering Intent, select Perceptual (Images).
• Click OK.
454 LESSON 14
Ensuring Consistent Color
The image appears in the selected frame. InDesign will color-manage the image using the
profile you assigned.
InDesign color-manages a PDF file using the profiles saved with the PDF version of the file.
7 For Compatibility, choose Acrobat 5.0, if it is not already selected. This setting ensures
that the profile is saved with the PDF file. Then click OK.
3 In the Place PDF dialog box, for Crop To, choose Bounding Box. This option places
only the logo’s bounding box—the minimum area that encloses the logo.
4 Make sure that Transparent Background is selected, so that you can see any text or
graphics behind the bounding box, and then click OK.
458 LESSON 14
Ensuring Consistent Color
The logo appears in the selected frame. InDesign will color-manage the PDF file using the
embedded profile.
A E
C D
A. Image with embedded CMYK profile B. Image with CMYK profile assigned in
InDesign C. InDesign document using a CMYK profile based on a separation profile
D. Separation profile E. Different separation profiles when targeting different presses
460 LESSON 14
Ensuring Consistent Color
Review questions
1 What do source profiles describe?
2 What are three ways to attach an ICC profile to a graphic so that InDesign can
color-manage the graphic?
3 Why would you embed an ICC profile in a graphic?
4 Which file formats embed ICC profiles for use in both Windows and Mac OS?
Review answers
1 Source profiles selected in the Assign Profiles dialog box describe the color space
InDesign assigns to objects you create using the drawing tools, or when you import an
RGB, CMYK, or LAB color graphic that wasn’t saved with an embedded profile.
2 You can embed the profile in the original file, assign a profile within InDesign, or
use the default profile you specified when you set up color management in InDesign.
3 Embedding an ICC profile ensures that the graphic displays correctly in any appli-
cation that uses ICC-compliant color management. The application that uses the
graphic honors the embedded profile rather than applying a default one.
4 A growing number of formats can contain an embedded ICC profile, but the most
widely supported formats to use with embedded ICC profiles at this time are bitmap
image formats such as Photoshop (PSD), TIFF, and JPEG.
461
Index
A Alphabetical Order 404 bounding boxes 113
Absolute Colorimetric option 421 alternating pattern (table break characters 290
Actual Size command 52 formatting) 350 Brightness option 426
adding anchor points 113, 114 bringing objects forward 264
documents to a book 396 direction lines and 217 bringing objects forward See also
files to a book 396 direction points and 217 layers
to object libraries 192 drawing straight lines 201 browser 383
Adjusted menu (Adobe Gamma) 431 repositioning while drawing 220 browser (for InDesign Help) 63
Adobe Acrobat Apply Master to Pages command
(Pages palette) 95 C
exporting to 261, 337
arrowheads 232 calibrating monitors 422
installing 261
assigning carriage returns 283
viewing InDesign Help 63
style source 405 cell options 350
Adobe Gamma utility 422
XML tags 372 cell strokes 347
Adobe GoLive 372, 387
attributes (XML) 381 center point 204
Adobe Illustrator
Auto Page Number command 81 Center-Justified tab button 332
color managing 454
autoflowing text 272 chapters 397
importing files from 186
automatic page insertion 272 chapters, tables of contents for 403
matching CMS to InDesign 454
automatic text box. See autoflowing Character palette 312, 317
on-screen display of 186 text
Adobe Online 65 character styles 20, 23
automatic text chain. See autoflowing
Adobe Photoshop text Character Styles palette 294
color management 449 characterization, defined 422
importing files from 176 B Choose 344
matching CMS to InDesign 449 background, removing 178 clearing, table contents 354
paths 184 baseline grid 311 Clipping Path command 178
Align Right option 83, 292 bitmap images 171, 188 clipping paths
Align to Baseline Grid button 314 color management 446 creating with InDesign 178
aligning black-and-white images, Inset Frame option 180
text 83, 292, 313 colorizing 233, 249 overview 178
text in table cells 352 bleeds 47 Photoshop paths converted to 182,
blending modes 185
text vertically in frame 292
Color Burn 258 Threshold option 179
alpha channels 178
Color Dodge 255 Tolerance option 180
converting to clipping paths 182,
185 Multiply 252 CMM. See color matching module
viewing in Photoshop 184 Book Page Numbering Options 398 CMS. See color management
drop caps, creating 326 special characters 297 tagging, for XML 374
applying 33, 94, 95 New Tint Swatch command (Swatches page breaks 290
palette) 151 page numbering of books 398
creating 78, 84
New Window command 45 page ruler 79
defined 75
Next Page Number command 291 page size 73
editing 31, 75, 102
next-page button 56 pages
footers 80
None (master pages) 95 adding page continuation notes 290
None 95
Number of Pages option 73 changing number of columns
overriding 34, 100
number of Undo steps 212 on 287
placeholder frames 84, 85
Numbering & Section Options 97, 345 facing 73, 345
renaming 76, 97
numbering, of pages 96, 397 margins 73
sections and 96
numbering 96, 398
measurements 74
O ranges, in index 413
merging paths. See also compound
paths 213 object libraries 190–193 selecting and targeting 54, 286, 287
metrics kerning 327 copying and pasting 83 starting page number 397
Microsoft Excel, and tables 347 deselecting 144 story breaks 290
Microsoft Word, and tables 347 locking 144 Pages palette 50, 54, 74, 332
Minimize/Maximize button sending forward and backward 264 pagination, in books 397
(Windows) 50 wrapping text around 123 palette menus 51
466 INDEX