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

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.. Note The Character and Pa

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:

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

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

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

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

Notice that you can edit the text just as you normally do.

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

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:

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

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.

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:

2 Add text to the image, as shown in Figure 18.25