Tài iệu Photoshop cs5 by Dayley part 86 docx

Part V: Painting, Paths, Shapes, and Text
604
FIGURE 18.19
The Hyphenation dialog box allows you to customize how Photoshop hyphenates
words in the paragraph.
Using the Character and Paragraph Styles panels
Photoshop CS5 adds two new panels that can save you lots of time and effort when utilizing text in
your images. The Character and Paragraph Styles panels available in the Window menu of
Photoshop allow you to create character and paragraph presets that you can save, load, and
quickly select during your editing workflow. Using presets allows you to organize text formatting
and quickly format text.
Note
The Character and Paragraph Styles presets apply to the selected text in a text box when in text edit mode or
the entirety of text in the box when not in text edit mode.
n
Character Styles
The Character Styles Panel, shown in Figure 18.20, allows you to create and manage the character
style presets using the following options from the buttons on the bottom and panel menu:
l
Clear Override/Clear Modification: If you make any adjustments to the text using the
Type tool options or the Character panel, those changes revert to the values defined for
the preset.
l
Redefine Style: Any adjustments to the text using the Type tool options or the Type panel
are applied to the preset and the preset is saved.
l
New Character Style: Creates a new character style preset.
l
Delete Style: Deletes the currently selected character style preset.
l
Style Options: Launches a dialog box, shown in Figure 18.20, that allows you to define

the values used in the preset that are be applied to the text when the character style is
selected. The Character Style Options dialog box contains the following three panels that
allow you to define the character settings discussed earlier in this chapter:
26_584743-ch18.indd 60426_584743-ch18.indd 604 5/3/10 10:39 AM5/3/10 10:39 AM
Chapter 18: Working with Text
605
l
Basic Character Formats: Specifies the style name, font family, style, size, color, and
other basic text features.
l
Advanced Character Formats: Specifies the vertical and horizontal scale as well as
the baseline shift and language settings.
l
OpenType Features: Allows you to enable/disable OpenType features such as frac-
tions, ligatures, and ordinals.
FIGURE 18.20
The Character Styles panel and Character Style Options dialog box allows you to create
character style presets that improve your workflow when you add text to images.
Clear Override
Redefine Style
New Character Style
Delete Style
Paragraph Styles
The Paragraph Styles panel, shown in Figure 18.21, allows you to create and manage the para-
graph style presets using the following options from the buttons on the bottom and panel menu:
l
Clear Override/Clear Modification: If you make any adjustments to the paragraph using
the Paragraph tool options or the Paragraph panel, those changes revert to the values
defined for the preset.
26_584743-ch18.indd 60526_584743-ch18.indd 605 5/3/10 10:39 AM5/3/10 10:39 AM

Part V: Painting, Paths, Shapes, and Text
606
l
Redefine Style: Any adjustments to the paragraph using the Paragraph panel are applied
to the preset and the preset is saved.
l
New Paragraph Style: Creates a new paragraph style preset.
l
Delete Style: Deletes the currently selected paragraph style preset.
l
Style Options: Launches a dialog box, shown in Figure 18.21, that allows you to define
the values used in the preset that are applied to the paragraph when the paragraph style is
selected. The Paragraph Style Options dialog box contains the same three panels as
described in the previous section as well as the following four that allow you to define the
paragraph settings discussed earlier in this chapter:
l
Indents and Spacing: Specifies the paragraph alignment as well as the left and right
indents.
l
Composition: Specifies the composer as well as allowing you to enable/disable roman
hanging punctuation.
l
Justification: Specifies the word spacing, letter spacing, glyph scaling, and auto lead-
ing percentages.
l
Hyphenation: Allows you to enable/disable auto-hyphenation in the paragraph and
configure the settings used to define where hyphens occur.
FIGURE 18.21
The Paragraph Styles panel and Paragraph Style Options dialog box allow you to create
paragraph style presets.

Clear Override
Redefine Style New Paragraph Style
Delete Style
26_584743-ch18.indd 60626_584743-ch18.indd 606 5/3/10 10:39 AM5/3/10 10:39 AM
Chapter 18: Working with Text
607
Applying Text to Images
The previous sections have discussed the tools used to add and edit text when working in
Photoshop. In this section, we discuss applying those tools to adding textual elements to images in
some different ways. The following sections take you through some examples the help illustrate
some of the techniques that you can use to apply text as visual elements to images.
Adding text on a path
A great feature of Photoshop is the ability to attach text directly to a vector path. The text flows
along the line segments of the path. When you attach text to a path, a couple of new anchors are
added to the path to support the text: the begin text anchor and the end text anchor. The begin
text anchor controls where the text begins to flow on the path. The end text anchor controls where
the text stops flowing on the path, similar to the edge of a bounding box.
The text anchors provide some useful features. They are controlled by the Direct Selection tool just
as other anchors. You can reposition both begin and end text anchors as needed on the path. If text
flows past the end anchor, the end anchor displays a plus sign to indicate that there is additional
text. Text can flow either direction on the path by dragging the begin anchor across to the other
side of the path line.
Applying text to a path
In this example, we add text to an image by tying it to a curved path. Using this technique opens a
variety of possibilities when adding text to images. Use the following steps to create a path and
apply text onto it:
1. Use the P hotkey to select the Pen tool from the Toolbox.
2. Use the Pen tool to create a path, as shown in Figure 18.22.
FIGURE 18.22
Using the Type tool, you can click a path and add text that is bound to the flow of the

line segments.
26_584743-ch18.indd 60726_584743-ch18.indd 607 5/3/10 10:39 AM5/3/10 10:39 AM
Part V: Painting, Paths, Shapes, and Text
608
3. Use the T hotkey to select the Horizontal Type tool from the Toolbox.
4. Use the Type tool to click the path you created in Step 2.
This adds a begin text anchor to the path, and Photoshop goes into Text Edit mode with
the cursor attached to the path.
5. Type the text you want to apply to the line.
The text flows with the path, as shown in Figure 18.22. Notice the circle at the end of the
path. That is the end anchor for the text. Also notice that the text cursor moves as you
type in the text.
6. Press Ctrl/Ô+Enter to commit the text changes.
Editing text on a path
In this next example, we use the text applied in the previous example, but move the starting point
to illustrate some of the features available when working with text on a path following these steps:
1. Select the Direct Selection tool from the Toolbox.
2. Hover the Direct Selection tool over the first character in the text until the cursor
changes to an I-beam with an arrow pointing to the right.
This is the begin text anchor.
3. Drag the text to the right.
Notice that the text moves with the mouse, as shown in Figure 18.23. You can position
the text to begin at any location on the path. Notice that the circle at the end of the line
now contains a plus, indicating that there is additional text that is not visible.
4. Drag the mouse down across the path line to move the text to the bottom of the
line, as shown in Figure 18.23.
Dragging the mouse below the line forces the text to the bottom side of the path. Notice
that the begin text anchor is now at the end of the path and the end text anchor is at the
beginning.
5. Hover the mouse over the line until the cursor changes back to the open arrow, and

click the line to reveal the normal path anchor points.
6. Use the Direct Selection tool to adjust the position of the anchors and the direction
points to adjust the path.
Notice that the text still flows with the path, as shown in Figure 18.23.
7. Use the T hotkey to select the Type tool from the Toolbox.
8. Click the text with the Type tool.
Photoshop enters Text Edit mode.
9. Add more text.
Notice that you can edit the text just as you normally do.
26_584743-ch18.indd 60826_584743-ch18.indd 608 5/3/10 10:39 AM5/3/10 10:39 AM
Chapter 18: Working with Text
609
FIGURE 18.23
Dragging the begin text cursor downward across the line flips the text to the other side.
Drag the begin text anchor to
reposition the text along the path.
Drag the begin text anchor across
the path line to reposition the text
along the other side of the path.
Reposition path anchor points
Edit text
Constraining text using a vector shape
A great way to add a textual element to an image is to have the text flow inside of an object con-
taining the image. This allows the text to become more of a part of the image rather than just sit-
ting on top of it.
In this example, we create a vector shape from a silhouette in the image and then use that vector
shape to constrain the text to flow within the silhouette following these steps:
1. Open the image in Photoshop.
2. Use the Quick Selection tool to select an object in the image.
In this case, we selected the silhouette.

3. Right-click the selection, and select Make Work Path from the pop-up menu. Set the
tolerance to the necessary level.
In this case, we kept the tolerance at 2.0. A new path is added to the image, as shown in
Figure 18.24.
26_584743-ch18.indd 60926_584743-ch18.indd 609 5/3/10 10:39 AM5/3/10 10:39 AM
Part V: Painting, Paths, Shapes, and Text
610
FIGURE 18.24
Using custom shapes, you can constrain text to flow within the boundaries of an object
in an image.
Convert path
to shape
Create path
from selection
Select object
Add Text
to shape
4. Select Save Path from the Paths panel menu to save the working path.
5. Press P to select the Pen tool from the Toolbox.
26_584743-ch18.indd 61026_584743-ch18.indd 610 5/3/10 10:39 AM5/3/10 10:39 AM
Chapter 18: Working with Text
611
6. Right-click the newly saved path in the image, and select Define Custom Shape
from the pop-up menu.
Name the shape, and the shape is added to the Shapes list. You can use the shape just as
any other custom shape.
7. Press T to select the Type tool from the Toolbox.
8. Use the Type tool to pick a point inside the newly created shape.
As you move the cursor into the newly created shape, the I-beam cursor displays a circle
around it indicating that it will use the shape as a bounding box. A new vector text layer

is added to the Layers panel, and another path to support the bounding box for the vec-
tor text layer is added to the Paths panel, as shown in Figure 18.24.
9. Add the text to the image.
The text flows inside the newly created shape, shown in Figure 18.24, and you can edit it
as you normally would.
Cross-Ref
For more information about creating vector shapes, see Chapter 17.
n
Note
In case you are wondering, the text placed inside the image is Lorem Ipsum, which is just dummy text that is fre-
quently used by graphics designers as filler text when demonstrating their work. Using the dummy text keeps
viewers from being distracted by the content of the text and not focusing on the overall design elements.
n
Adding text in a Smart Object
Working with vector layers can be a big problem when you’re adding text to images. Several layer
options are not available for vector layers, including vector text layers. The solution to this problem
is to convert the vector text layer to a Smart Layer. Because the content of a Smart Object is raster-
ized before applying it to the image, you can use all the raster editing functionality associated with
layers.
Tip
Remember that the content of the Smart Object is rasterized when applied to the image. If you create your text
larger than it is used in the actual document, Photoshop doesn’t need to increase the size of the rasterized text,
which reduces the amount of pixelization that occurs. There is still pixelization, but it is minimized.
n
In this example, we convert a text layer to a Smart Object so we can use the warp to apply the text
to a surface in the image. Following these steps:
1. Open the image in Photoshop.
2. Add text to the image, as shown in Figure 18.25.
Notice that the text sits flatly on the surface of the image and really sticks out. We are
about to change that.

26_584743-ch18.indd 61126_584743-ch18.indd 611 5/3/10 10:39 AM5/3/10 10:39 AM