TYPE, TOOLS, AND TERMS 2
Student Handout
▶ TYPE FUNDAMENTALS
As printing technologies have changed, designers have also
broadened their skill sets. Before desktop publishing, designers
simply specified the type style, size, and leading and sent the
order to a type house that produced beautiful galleys of copy
which were later pasted up on an art board. The typesetter at
the type house worried about all the picky details concerning
how type is set on a page. Today, that responsibility has shifted
to the designer—and designers need to be concerned with
first, the aesthetic characteristics of the typeface; and then
the mechanics of how the type is set on a page. Knowing and
applying the time-honored principles of setting type will set your
work apart from that of amateurs.
▶ CHAPTER GOALS
• • • • • • • • Distinguish between serif and sans serif typefaces.
Read and interpret project markup.
Define type family, typeface, font, point size, and leading.
Define picas and points.
Use the Character and Paragraph formatting options in the Control panel.
Modify the attributes of text frames.
Apply fills and strokes.
Insert glyphs.
▶ TERMINOLOGY
Rough layout
Proportional typeface
Character formatting mode
Serif
Type style
Baseline
Point size
Pica
Inset spacing
Function
Mac
Windows
New document
Cmd+N
Ctrl+N
Select all
Cmd+A
Ctrl+A
Deselect all
Shift+Cmd+A
Shift+Ctrl+A
Increase size of text
Shift+Cmd+>
Shift+Ctrl+>
Decrease size of text
Shift+Cmd+<
Shift+Ctrl+<
Increase size of text
5 x default
Shift+Opt+
Cmd+>
Shift+Alt+
Ctrl+>
Decrease size of text
5 x default
Shift+Opt+
Cmd+<
Shift+Alt+
Ctrl+<
Center text
Shift+Cmd+C
Shift+Ctrl+C
Make text italic
Shift+Cmd+I
Shift+Ctrl+I
Make text bold
Shift+Cmd+B
Shift+Ctrl+B
Cmd+F10
F10
Text frame options
Cmd+B
Ctrl+B
Undo
Cmd+Z
Ctrl+Z
Print
Cmd+P
Ctrl+P
Adjust leading
Facing pages
In port
Font
Sans serif
Leading
Auto leading
Markup
Overset text
Glyph
Monospaced typeface
Out port
Typeface
Type family
Point
Absolute leading
Measure or line length
Text frame options
▶ PROJECTS
02A
02B
02C
02D
02E
02F
02G
▶ KEYBOARD SHORTCUTS
Typeface Personality
Using Markup
Using Text Frame Options
Mastering Stroke and Fill
Fall Sale
Reedy Florist
Bleak Midwinter Independent Project
Stroke panel
▶ production tips
• Don’t press the spacebar twice at the end of sentences when using proportional type.
• Use only one return after every paragraph.
• Highlight text, then change its type attributes.
• Choose a typeface that matches the tone of the project.
• Use keyboard shortcuts whenever possible!
• In graphic design, the width is the first measurement given.
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 1
▶ 02A TYPEFACE PERSONALITY
2. The document contains signs
for two businesses: Joe’s Bait
and Tackle, and Brookfield Bay
Spa and Massage. The signs look
boring and bland, because the
typefaces used in each ad have no
personality!
3. Create some visual interest by
changing typefaces in each sign.
Choose typefaces that share
the same personality as the
corresponding images.
Joe’s Bait and Tackle
everything for the fishing enthusiast
© 2006 Adam Berte, Waukesha County Technical College
1. Locate the folder 02 Artwork and
Resources from the student online
companion. Open the document
named 02A Typeface Personality.
4. After you have applied different
typefaces, practice using
keyboard shortcuts to change the
point size and to change the type
style from regular to bold or italic.
Refer to the first page of this
packet if you cannot remember
the shortcut keys
5. A s the point size changes, you
may need to adjust leading
as well.
6. If you make a mistake, use this
great keyboard shortcut: Undo!
Keyboard Shortcut
CMD + Z
CTRL + Z
Undo
EXPLORING INDESIGN CS6
Artwork & Resources
▶▶Go to:
http://www.cengagebrain.com
▶▶Type: Rydberg
▶▶Click Exploring InDesign CS6
in the list of search results.
▶▶When the book’s main page
is displayed, click the Access
button under Free Study Tools.
Brookfield Bay
Spa and Massage
▶▶To download files, select
a chapter number and
then click on the Artwork
& Resources tab on the
left navigation bar to
download the files.
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 2
© 2006 Carrie Perock, Waukesha County Technical College

Through Saturday
65% off
Friday only
Minion Pro Bold Italic 19/19
Minion Pro Regular 9/10
Myriad Pro Bold
Condensed 12/10
Myriad Pro Bold
Condensed 8/19
Bathroom Linens
All linens and accessories.
Through Saturday
65% off
© 2006 Karen Zale
75% off
Myriad Pro Bold
Condensed 12/10
Free! Gift Wrapping
Purchase a wedding registry item
Minion Pro and wrapping is free.
Regular 9/10
Myriad Pro Bold
Condensed 8/9
Up to $10.95 savings!
© 2006 Jennifer Erdman
Purses and bags–all styles.
Open stock and sets.
Stainless and silverplate.
© 2006 Jennifer Erdman
Myriad Pro Bold
Condensed 8/19
Verona Billington Collection
Minion Pro Bold Italic 19/10
Stemware and Flatware
© 2006 Jennifer Erdman
© 2006 Elizabeth Krill
© 2006 Elizabeth Krill
Minion Pro Regular 9/10
Myriad Pro Bold
Condensed 12/10
Photo Albums and Frames
Huge assortment of sizes & styles.
Friday only
Fine Jewelry
65% off
Sterling silver, pearls, boutique.
Minion Pro Bold Italic 19/19
Friday only
75% off
Open Tuesday – Saturday 10–6 • Closed Monday
▶ 02B USING MARKUP
1. O n the student online companion, locate the folder 02 Artwork and Resources.
Open the document named 02B Markup.
2. This display ad is complete except for the type specifications. Follow the mark up (shown
above) to format the display ad like this sample. The type specifications are the same for
most of the copy blocks. Find the required fields in the Character Formatting Options panel.
Highlight each line individually to change the attributes of the type.
Keyboard Shortcut
3. Proof your ad and then print it.
Thank you to the students in the Studio Photography class at
Waukesha County Technical College who provided the digital photography for this project.
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 3

£ + CMD + B
£ + CTRL + B
Make
Text Bold
▶0
2C USING
TEXT FRAME OPTIONS
1. O n the student online companion, locate the
folder 02 Artwork & Resources. Open the file
named 02C Frame Options. Choose Update
Links.
2. This greeting card will be used to apply a
variety of features in Text Frame Options.
Select the lower text frame with the Selection
Tool to apply Text Frame Options to each of
the four versions. Print your document when
you have finished. The completed project is
shown on the following page.
Keyboard Shortcut

CMD + B
CTRL + B
Text Frame
Options
Version 2. Add a 0.0712" text inset on all
sides. Under Vertical Justification,
Align, select Center. The text
moves to the vertical center of
the text frame. (Don’t confuse
this with centering the text
horizontally.)
Place two returns at the end of the
text. Notice that the copy moves
up in the box. Even though you
can’t see returns, InDesign includes
them when calculating the vertical
center. Whenever your text doesn’t
look vertically centered, you
should check for return(s) at the
end of the text. Remove the extra
returns.
Version 3. A dd a 0.0712" text inset on
all sides. Change the vertical
alignment to Justify. This setting
Holiday Greetings from both of us!
Ipis essed tie magniam dolendrero con vel irit, quis augait
wismod el ullam del irit num quiscipsummy nos nulputa
tincilit nibh et, venibh et ea faccum num in ut
Blum dolutat incillam do cor suscidunt inim zzrit praessi
tatuer sit nosto consequat nonullan henit lore faci enit ullan
utpat adit, quisit alit
© 2006 Annette Wagner, Waukesha County Technical College
Version 1. A dd a 0.0712" text inset on all
sides. Notice how the text moves
away from the edges. As the copy
is moved away from the stroke of
the frame path, it has a chance to
“breathe.”
spaces the text lines from the top of the frame, while maintaining
the text inset setting.
(Note: If you have a return at the end of the text,
your copy will not move to the bottom.)
Version 4. A dd a 0.0712" text inset on all sides. Change the vertical alignment
to Top. Under Columns, choose 2. Notice that the text frame splits
into two columns, making the headline flow into the first column.
The space between the columns is called the “gutter” and you can
adjust its width in Text Frame Options in the Gutter field. Change
the gutter width to 0.5." Print your document.
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 4
Holiday Greetings from both of us!
Ipis essed tie magniam dolendrero con vel irit, quis augait
wismod el ullam del irit num quiscipsummy nos nulputa
tincilit nibh et, venibh et ea faccum num in ut
Blum dolutat incillam do cor suscidunt inim zzrit praessi
tatuer sit nosto consequat nonullan henit lore faci enit ullan
utpat adit, quisit alit
Version 3
Blum dolutat incillam do cor suscidunt inim zzrit praessi
tatuer sit nosto consequat nonullan henit lore faci enit ullan
utpat adit, quisit alit
Version 2
© 2006 Annette Wagner, Waukesha County Technical College
Version 1
Ipis essed tie magniam dolendrero con vel irit, quis augait
wismod el ullam del irit num quiscipsummy nos nulputa
tincilit nibh et, venibh et ea faccum num in ut
© 2006 Annette Wagner, Waukesha County Technical College
Blum dolutat incillam do cor suscidunt inim zzrit praessi
tatuer sit nosto consequat nonullan henit lore faci enit ullan
utpat adit, quisit alit
Holiday Greetings from both of us!
Holiday
Greetings
from both of
us!
Ipis essed tie magniam
dolendrero con vel irit,
quis augait wismod
el ullam del irit num
quiscipsummy nos
nulputa tincilit nibh
et, venibh et ea faccum
num in ut
Blum dolutat incillam
do cor suscidunt inim
zzrit praessi tatuer
sit nosto consequat
nonullan henit lore
faci enit ullan utpat
adit, quisit alit
Version 4
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 5
© 2006 Annette Wagner, Waukesha County Technical College
Ipis essed tie magniam dolendrero con vel irit, quis augait
wismod el ullam del irit num quiscipsummy nos nulputa
tincilit nibh et, venibh et ea faccum num in ut
© 2006 Annette Wagner, Waukesha County Technical College
Holiday Greetings from both of us!
▶0
2D MASTERING
STROKE AND FILL
1. O n the student online companion, locate the
folder 02 Artwork and Resources. Open the
document named 02D Stroke Fill. Modify each
of the license renewal signs by changing the
stroke or fill of the container or the text.
2. When you modify the attributes of frames,
you will usually be changing the container
or the content (usually text). When you
change the container, you add a stroke to the
frame path, or a fill to the background of the
frame. When you change the content, you
change the color, or add a stroke to the text. T
3. To change the container, select the object
with the Selection tool (black arrow). Then,
choose the Fill or Stroke button. When the
Swatches appear, click the Formatting Affects
Container icon. Then choose a color.
Fill
Stroke
Formatting Affects
Container
4. To change the content, select the Type tool
and select all the text. Activate the Stroke
or Fill icon on the Control panel. Click the
Formatting Affects Content icon.
Then choose a color.
Fill
Stroke
Formatting Affects
Content
© 2006 Adam Berte, Waukesha County Technical College
Keyboard Shortcut

CMD + A
CTRL + A
Select
All
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 6
▶ 02E FALL SALE
1. O n the student online
companion, locate the folder
02 Artwork and Resources.
Open the document named
02E Fall Sale.
2. Modify the stroke and fills for
the page elements, according
to the chart below each
display ad. Increase your view
so that you can clearly see
the specifications. A finished
example is shown on the next
page of this handout.
Stroke
Formatting Affects
Content
4. To change the container, select the object with
the Selection tool (black arrow). On the Swatches
panel, click the Formatting Affects Container
icon. If you want to add a stroke, click the square
with a frame so that it is on the top. Then choose
a color. To add a fill, click the square without the
border so that it is on the top. Then choose a color.
Fill
Stroke
© Cengage Learning 2013
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 7
Formatting Affects
Container
© Cengage Learning 2013
Fill
© Cengage Learning 2013
3. Press F5 to open the Swatches
panel. Use the Swatches panel
to complete these examples.
Activate each display ad
with the Selection arrow as
you modify each example.
Because all the type in each
frame is the same color,
you can change the color by
selecting the frame with the
Selection arrow. (If each line
of type was a different color,
you would need to highlight
each line individually before
applying a stroke or fill.) To
change the text color, select
the frame and activate the
Stroke or Fill icon on the
Swatches panel. Select a color.
Perennial Plant
Perennial Plant
Fall Sale
Fall Sale
September is an ideal time
for planting most perennials!
September is an ideal time
for planting most perennials!
See our variety of healthy, hardy plants.
See our variety of healthy, hardy plants.
Open Saturdays and Sundays
Border Style
Stroke Width
Stroke Color
Fill Color
Dotted
3 pt.
Black
PANTONE 1215 C
Border Style
Outer Box Thick-Thin
Leaf
PANTONE 175 C
Leaf
Copy
PANTONE 378 C
Copy
Vertical
Rule
PANTONE 378 C
Stroke Width
Stroke Color
Fill Color
9 pt.
PANTONE 133 C
[None]
PANTONE Orange
021 C
PANTONE 175 C
Vertical
Rule
Perennial Plant
PANTONE
Orange 021 C
Perennial Plant
Fall Sale
Fall Sale
September is an ideal time
for planting most perennials!
September is an ideal time
for planting most perennials!
See our variety of healthy, hardy plants.
See our variety of healthy, hardy plants.
Open Saturdays and Sundays
Open Saturdays and Sundays
Border Style
Stroke Width
Stroke Color
Fill Color
Border Style
Stroke Width
Stroke Color
Fill Color
Outer Box
Wavy
7 pt.
PANTONE 175 C
Outer Box
Dotted
7 pt.
PANTONE 378 C
PANTONE 175 C
Leaf
Solid
(default)
2 pt.
PANTONE 124 C
PANTONE Orange
021 C
PANTONE 175 C
Leaf
Solid
1 pt.
PANTONE 100 C
PANTONE 378 C
[Paper]
Copy
Copy
Vertical
Rule
[Paper]
Vertical
Rule
Perennial Plant
Fall Sale
September is an ideal time
for planting most perennials!
September is an ideal time
for planting most perennials!
See our variety of healthy, hardy plants.
See our variety of healthy, hardy plants.
Open Saturdays and Sundays
Border Style
Leaf
Solid
Vertical
Rule
Open Saturdays and Sundays
Stroke Width
Stroke Color
Fill Color
10 pt.
PANTONE 378 C
[None]
Outer Box
1 pt.
PANTONE 175C
PANTONE 373 C
Leaf
PANTONE 175 C
Copy
Copy
PANTONE 133 C
PANTONE
1215 C
Perennial Plant
Fall Sale
Outer Box Thick-Thin
PANTONE 1215 C
Vertical
Rule
Border Style
Stroke Width
Stroke Color
Fill Color
Dashed
(4 and 4)
Dashed
(4 and 4)
3 pt.
PANTONE 175 C
PANTONE 133 C
1 pt.
PANTONE
1215 C
PANTONE 143 C
PANTONE 373 C
PANTONE 143 C
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 8
© Cengage Learning 2013
Outer Box
Open Saturdays and Sundays
▶ 02F REEDY FLORIST
USE THIS PRODUCTION SEQUENCE:
1.
2.
3.
4.
5.
6.
7.
2. Measure the ad shown at the
right. Select the Rectangle tool
(M) and click in the center of your document. Enter
the width and the height in the dialog box.
3. Open the Stroke panel by clicking on the icon in the
dock, on the right of your screen . Activate the frame
with the Selection tool. In the Weight field of the Stroke
panel, choose 5 pt. In the Type field pull down menu,
select Japanese Dots. In the Align Stroke area, select
the Align Stroke to Inside icon. (Use the Tool Tips to help
identify the fields.) Convert the frame to a text frame by
clicking on it with the Type tool. Use Cmd+B (Mac) or
Ctrl+B (Windows) to open Text Frame Options. Enter a
0.125 inch text inset on all sides of the frame
4. Type first, format second. Use a hard return between
each line. Type a “z” to hold the spot for the ampersand.
If the text becomes overset, select all the type, Cmd+A
(Mac) or Ctrl+A (Windows), and reduce the point size
until all the type is visible. All the type, except the
ampersand, is from the Minion Pro family. Use keyboard
shortcuts to change the point size and the style of type
to bold or italic, as needed.
5. The bottom two lines of type use small caps. Type the
lines, capitalizing the first letter of each word (except
for the word “and”). To create small caps, highlight the
two lines and press the icon in the Character or
Paragraph Formatting Options, on the Control panel.
Use keyboard shortcuts to adjust point size and leading.
Create the correct frame size.
Add stroke and align to inside.
Add appropriate text inset.
Do the typing without formatting.
Apply the character formatting.
Apply the paragraph formatting.
Proof carefully, print and proof again!
Reedy
1. First, typing
Florist z Greenhouses
is completed.
Annual Flowers
Vegetable Baskets
Hanging Baskets
Family Owned and Operated for 85 years
Open Year Round
Corner Concord and Park Street
Reedy
2. Then, type size
and styles are
added.
Florist z Greenhouses
Annual Flowers
Vegetable Baskets
Hanging Baskets
Family Owned and Operated for 85 years
Open Year Round
Corner Concord and Park Street
Reedy
3. Finally, the
finished project
& Greenhouses
6. H ighlight all the text and press Shift+Cmd+C (Mac) or
Shift+Ctrl+C (Windows) to center it horizontally.
Florist
7. Highlight the “z” and change the font to Adobe
Garamond Pro Bold Italic. Open the Glyphs panel and
select the appropriate ampersand. Increase the point
size until the ampersand is approximately the same size
as the one in the example.
Open Year Round
Corner Concord and Park Street
Annual Flowers
Vegetable Baskets
Hanging Baskets
Family Owned and Operated for 85 years
© Cengage Learning 2013
1. Set your workspace to Essentials.
Create a letter-sized document.
Intent: Print
8. Finally, open Text Frame Options and set the Vertical
Justification Alignment to Center. Proof and print.
Keyboard Shortcut

CMD + B
CTRL + B
Keyboard Shortcut
Text Frame
Options

CMD + A
CTRL + A
Keyboard Shortcut
Select
All

£ + CMD + B
£ + CTRL + B
Keyboard Shortcut
Make
Text Bold

£ + CMD + I
£ + CTRL W+ I
Keyboard Shortcut
Make
Text Italic
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 9

£ + CMD + C
£ + CTRL + C
Align
Center
• Billy Knight
© 2010 Billy Knight, Waukesha County Technical College
Bleak Midwinter
▶ 02G BLEAK MIDWINTER INDEPENDENT PROJECT
Independent projects test your problem-solving abilities because they have minimal instructions. For this project, open
02G Bleak Midwinter from the 02 Artwork and Resources from the student online companion. Adobe Garamond Pro has
been used for the title and author—you need to find the point size and figure out the alignment. You’ll need to find the
decorative glyph. One hint—the typeface begins with “M.” Use the Line tool to draw a rule between the lines. Set the
Stroke width to 0.5 pt. When your project is completed, it should look exactly like the example. There should be one text
frame and one rule. There shouldn’t be any double returns or double spaces. Good luck!
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 10
2
� Review Questions
EXPLORING INDESIGN CS6
NAME ���������������������������������������
1. How can you differentiate a sans serif typeface from a serif typeface?
2. Why is it not necessary to add extra space between sentences by pressing the spacebar twice?
3. How many points are in an inch?
4. What is a glyph?
5. What Text Frame option should you always use when you have applied a stroke to a frame filled with copy?
6. How do you change the units of measurement in a document?
7. When describing a document’s measurements, which dimension is listed first: the width or the height?
8. How can you center your 7" x 5" document on letter-size paper during printing?
9. What is the keyboard shortcut for creating a bold type style?
10. List the seven steps in the production sequence described in the chapter.
EXPLORING ADOBE INDESIGN CS6 • © 2013 DELMAR, CENGAGE LEARNING CHAPTER 2 • PAGE 11