Working with the Character panel gives you the ability to select a specific font, style, and size, as well as expand or contract the space between letters with tracking and kerning, or y
Trang 1Getting Creative with Type
Introduction
The Type tool in Adobe Photoshop has advanced far beyond
its humble beginnings When Photoshop first appeared, the
most you could expect from the Type tool was just the
cre-ation of text Today it's a powerful and creative tool Not only
can you place text into any open Photoshop image, you can
also use text as a mask, path, or even warp text into any
shape you desire In addition, Photoshop now preserves type
without rasterizing That means you can create type in
Photoshop of comparable quality to type created in Adobe
Illustrator, or Adobe InDesign, regardless of the image's
reso-lution When you work in Photoshop, type becomes as
cre-ative a design element as any other available feature
Working with the Character panel gives you the ability to
select a specific font, style, and size, as well as expand or
contract the space between letters with tracking and kerning,
or you can simply increase or decrease the physical width of
the text Baseline shifting even gives you the ability to raise
or lower text off its original line In addition, the Paragraph
panel lets you create automatic breaks between paragraphs,
and align rows of text to the left, center, or right, or to justify
them to the margins
When you're working with large blocks of text,
Photoshop's Check Spelling command lets you identify and
correct any misspelled words, and the Find and Replace Text
feature makes quick work of identifying and replacing words
or formats You can isolate image pixels with a type mask to
create words out of pictures For example, you could type the
13
What You’ll Do
Use Standard Type Tools Work with Type Options Work with the Character Panel Work with the Paragraph Panel Set Anti-aliasing Options Use the Warp Text Option Use Spell Check
Find and Replace Text Use the Rasterize Type Command Create Work Paths and Shapes from Type Layers
Create Shape Layers Create a Type Mask Isolate Image Pixels Using a Type Mask Create Chiseled Type with a Type Mask
Trang 2Photoshop comes with a set of standard typing tools, which are con-trolled in much the same way typing tools are in any word processing program However, the creative possibilities go far beyond those of a standard word processing program When you work with the Type tools, you begin by typing some text and then controlling the text through the toolbox and the Options bar Photoshop helps you maintain control over the text by automatically placing it in a separate type layer
Using Standard
Type Tools
Use Standard Type Tools
Click and hold the Type tool on the
toolbox, and then select the
Horizontal Type tool.
Click in the document window and
begin typing
Photoshop creates a Type layer
and places the text in the layer
IMPORTANT When you work
with the Type tools, the normal
shortcut functions of the keyboard
will not work For example, holding
down the Spacebar to access the
Hand tool will only create a space
at the insertion point of the text
Move your cursor to a point away
from the text, and then drag to
move the text
3
2
1
1
2
Text layer
Did You Know?
You can create type on a path
Create a path using Photoshop's Pen
tool Select the Type tool, and then
click on the path Photoshop creates
an insertion point and when you type,
the text follows the path
Trang 3Double-click to select a specific
word, or drag across the text to
select groups of words
Change the text color by clicking
the Options bar color swatch, and
then choosing a new color from
the Color Picker dialog box, or use
the Swatches or Color panels to
select a new color
Delete the text by clicking within
the text and pressing the
backspace key to erase one letter
at a time, or select a group of text
and press the Backspace (Win) or
Delete (Mac) key
Insert text by clicking within the
text to create an insertion point,
and then type
7
6
5
4
5
4
See Also
See “Creating a New Layer” on page
106 for more information on creating
layers
Did You Know?
You can edit type on a path To edit
text at any time in the creative
process, double-click on the Type layer
thumbnail, or select the Type tool, and
Photoshop lets you preserve the vector attributes of text when print-ing Photoshop's type options give you control over text much the same way as high-end layout programs do, and even allow you to save the vector nature of text This allows you to print Photoshop images with crisp text that's not dependent on the resolution of the document
To save a Photoshop document and preserve the text vector data, click the File menu, point to Save As, and then choose the EPS (Encapsulated PostScript) format Click the Include Vector Data option, and then save the file The EPS document holds the type information and lets you print the document from any program, including layout programs like Adobe InDesign and QuarkXPress
For Your Information
Trang 4Photoshop lets you control text through the Type options, located on the Options bar To access the Type options you must have one of Photoshop's Type tools selected It is not necessary to change Type options after typing If you know what you're after, you can set the options, and then commence typing However, if the need arises to change the text, Photoshop comes to the rescue with a host of type options, such as font family, size, color, justification, even high-end type processing controls like leading and kerning You can preview font fam-ilies and font styles directly in the Font menu Font names appear in the regular system font, and a sample word ("Sample") appears next to each font name, displayed in the font itself
Working with Type
Options
Work with Type Options
Open a document
Select the Type tool on the toolbox.
To toggle between horizontal and
vertical type, click the Change
Text Orientation button on the
Options bar
If this option is selected on a
preexisting type layer, the text
switches between horizontal and
vertical
Click the Font Family list arrow,
and then select from the fonts
available on your computer
Click the Font Style list arrow, and
then select a font style, such as
Regular, Bold, Oblique, or Italic If
the font family you select does not
have any additional styles, this box
will be grayed out
Click the Font Size list arrow, and
then select from the preset font
sizes, measured in points (6 to 72)
Photoshop uses a standard
PostScript measuring system of 72
points to the inch
6
5
4
3
2
1
2
Font menu with “Sample” text
Indicates font type
6
Trang 5Click the Anti-aliasing list arrow,
and then select from the available
options
Anti-aliasing creates text that is
visually smoother to the eye
Click the Left, Center, or Right
Justification button.
Justification balances text created
on two or more vertical or
horizontal lines
Click the Color Swatch button, and
then select a color from the Color
Picker dialog box
Click the Warped Text button to
apply special warped effects to
text
Click the Toggle the Character and
Paragraph Panels button to show
the panels or to turn them off
11
10
9
8
7
See Also
See “Using the Warp Text Option” on
page 316 for information on warping
Did You Know?
You can use non-preset font sizes from
the Options bar Select the current
point size on the Options bar, type any
point size, and then press Enter (Win)
or Return (Mac)
You can change font attributes with
the Character panel Click the
Character panel, select the text you
want to change, and then use the
options on the Character panel
What’s the Difference Between the Fonts?
Everything you type appears in a specific font, with a unique type-face design and size for letters, numbers, and other characters
Usually, each typeface, such as Times New Roman, is available in four variations: normal, bold, italic, and bold italic There are two
basic types of fonts: scalable and bitmapped A scalable font (also known as outline font) is based on a mathematical equation that
cre-ates character outlines to form letters and numbers of any size The two major scalable fonts are Adobe’s Type 1 PostScript and Apple/Microsoft’s TrueType or OpenType Scalable fonts are
generat-ed in any point size on the fly and require only four variations for
each typeface A bitmapped font consists of a set of dot patterns for
each letter and number in a typeface for a specified type size
Bitmapped fonts are created or prepackaged ahead of time and require four variations for each point size used in each typeface
Although a bitmapped font designed for a particular font size will always look the best, scalable fonts eliminate storing hundreds of different sizes of fonts on a disk
For Your Information
Trang 6Each version of Photoshop brought it closer to becoming a true type-setting application, and with the ability to preserve text layers, and work with high-end type controls, that time has finally arrived You can access the Character options without having any Type layers active
However, if you select the text in a Type layer, any changes you've made to the options will impact the selected text Changes made to the active type layer do not impact any other type layers, and only the text actually selected in the type layer will be changed
Working with the
Character Panel
Use the Character Panel
Open a document
Select the Type tool on the toolbox.
Click the Toggle the Character and
Paragraph Panels button on the
Options bar
Select the Character panel.
Select from the following options:
◆ Font Family Click the list arrow,
and then select a font family
from the fonts available on your
computer
◆ Font Style Click the list arrow,
and then select a font style,
such as Regular, Bold, Oblique,
or Italic If the font family you
select does not have any
additional styles, this box will
be grayed out
◆ Font Size Click the list arrow,
and then select from the preset
font sizes, measured in points
(6 to 72) Photoshop uses a
standard PostScript measuring
system of 72 points to the inch
◆ Kerning Click the list arrow,
and then select from the preset
values for kerning Kerning
adds or subtracts space
between character pairs
5
4
3
2
1
5
Changed type
3
4 Font Family Font Style
Trang 7◆ Leading Click the list arrow,
and then select from the preset
values for leading Leading
adds or subtracts space
vertically between lines of text
◆ Tracking Click the list arrow,
and then select from the preset
values for Tracking Tracking
adds or subtracts space
between words
◆ Vertical Scale Enter a value to
change the vertical scale
Vertical Scale increases or
decreases the height of the
text
◆ Baseline Shift Enter a value to
set the Baseline Shift Baseline
Shift raises or lowers selected
text, using the baseline as a
reference
◆ Horizontal Scale Enter a Value
to change the Horizontal Scale
Horizontal Scale increases or
decreases the width of the text
◆ Font Color Click the color
swatch, and then select a color
from Photoshop's Color Picker
dialog box
◆ Font Attributes Click the
buttons to select additional font
attributes, such as Underline
and Strikethrough
◆ Spelling and Hyphenation
Click the list arrow, and then
select a language reference for
Spelling and Hyphenation
◆ Anti-aliasing Click the list
arrow, and then select from the
available options Anti-aliasing
creates text that is visually
Changed type
Tracking
Anti-aliasing Spelling and
Hyphenation
Font Attributes Font Color
Leading
Horizontal Scale Kerning
Baseline Shift
Font Size
Vertical Scale
Using the Paragraph Panel
The function of the Paragraph panel is to give you precise control over the elements of a paragraph Unlike the Character panel, it is not necessary to select a paragraph to change it; you only need to have the insertion point of the cursor inside the paragraph you want
to change Photoshop, as well as other type and layout programs, defines a paragraph as the text between each activation of the Enter (Win) or Return (Mac) key For example, you press the Enter key and type several sentences; when you press the Enter key again, the cursor jumps to the next line and you continue typing The pressing
of the Enter (Win) or Return (Mac) key defines the end of one para-graph and the beginning of another
For Your Information