IN THIS CHAPTER
Importing type from Adobe Illustrator as a Smart Object 349
Applying paragraph settings 355
Transforming the bounding box 356
Putting type in a spot color channel 362
We’ve never heard the phrase “A word is worth a thousand pictures,” but in Photoshop, where you can do such artful things with type, the line between pictures and words is blurred (sometimes literally!). In this chapter, you’ll learn how to create and select editable type and apply a host of character and paragraph attributes. You’ll also learn some fancy tricks, such as how to transform, warp, fade, and screen back type, and how to fill type with imagery.
When you use the Horizontal Type tool or Vertical Type tool, a new layer appears and fully editable type appears instantly in the document window. You can easily change the attributes of editable type (such as the font, style, size, color, kerning, tracking, leading, alignment, and baseline shift), plus you can transform it, warp it, apply layer effects to it, change its blending mode, and change its opacity or fill percentage.
To apply other edits to type—such as filters, brush strokes, or the Fill command (to fill the type with a gradient or a pattern)—you have to rasterize the type layer first. And you can’t have your cake and eat it, too: once type is rasterized, you can’t edit its character attributes, such as the font, or edit its paragraph attributes, such as the alignment.
To apply typographic attributes, you’ll use the Character palette, A the Paragraph palette, and the all-purpose Options bar (shown on the next page).
Because editable type automatically appears on its own layer, it can be edited, moved, transformed, warped, restacked, or otherwise modified without affecting any other layers. You can be very casual about where you position editable type initially and about which typographic attributes you choose for it, because it’s so easy to move and edit.
To create point type, click to define an insertion point.
To create paragraph type, drag a marquee to define the bounding box for the text to fit into.
Choose a font family.B A sample of each font displays on the menu.
Choose a font style.
Choose or enter a font size (you can use the scrubby slider).
Choose an anti-aliasing method: Sharp (sharpest), Crisp (somewhat sharp), Strong (heavier), or Smooth (smoothest). Photoshop will smooth the edges of the type by introducing partially transparent pixels along the edges of the characters. With anti-aliasing off (None), the edges of the type will be jagged. C–D
Click an alignment button to align point type relative to your original insertion point, or to align paragraph type to the left edge, right edge, or center of the bounding box (see page 355). A
Click the type color swatch, then choose a color from the Color Picker, the Swatches palette, or the Color palette, or click a color in the document window.
• See page 82 for an explanation of the missing fonts alert icon.
• You can right-click/Control-click an editable type layer name and choose a different anti-aliasing method from the context menu.
• You can turn font menu previewing on/off and change the preview size for the Font menu in Preferences > Type: Font Preview Size. The preview speed is improved in CS3.★
• Photoshop uses the vector outlines for a typeface when resizing editable type, when saving to the PDF and EPS formats, and when outputting to a PostScript printer. Editable type always outputs crisply at the printer resolution, not at the file resolution.
• If you create type in a Bitmap, Indexed Color, or Multichannel mode image, it will appear on the Background, not on a layer, and can’t be edited.
Before you can change the character or paragraph attributes of your type or make copy changes, you have to select the characters you want to edit. You can either edit all the type on a layer, or edit just a few characters or words.
To highlight type characters for editing, click a type layer, choose the Horizontal Type tool or Vertical Type tool (T or Shift-T), click in the type to create an insertion point, then drag across characters or words to select them. A See also the sidebar at right.
Connors Bros. © ShutterStock.com
To select all the type on the layer, with any tool selected, double-click the T icon on the Layers palette. All the text on that layer will become selected and the appropriate type tool will become selected automatically.
To change the attributes of all the type on the layer, such as the scale, tracking, leading, or style, or paragraph settings such as alignment or justification, just click the layer. (This doesn’t select a type tool.)
Click the on the Options bar.
Press Enter on the keypad.
Click any other tool.
Click a different layer.
(To cancel your editing changes before committing to them, click the on the Options bar or press Esc.)
• If you want to see the bounding box for a block of text, choose the Move tool (V), click the type layer on the Layers palette, and check Show Transform Controls on the Options bar. You can use the Move tool to move the type block in the document window.
On the Layers palette, right-click/Control-click a type layer name and choose Convert to Point Text. A return will be added to the end of every line of type except the last. If the type object contains hidden (overflow) text, an alert dialog box will warn you that the hidden text will be deleted.
• We don’t know of a command in Photoshop that reveals hidden characters (paragraph returns and the like).
On the Layers palette, right-click/Control-click a type layer name and choose Convert to Paragraph Text. To reshape the resulting bounding box, see page 356. Be sure to delete any unwanted hyphens that Photoshop may have inserted.
If you create type in Adobe Illustrator and then import it into Photoshop by using either method outlined below, it becomes a Smart Object layer in Photoshop, which means its contents can be quickly edited at any time in Illustrator, and your edits will appear in Photoshop.
Note: If the type you want to import has stroke attributes or layer effects that you want to keep editable, follow Method 1 below. If you follow Method 2, a type layer containing those attributes or effects will be rasterized.
In Photoshop or Bridge, use File > Place to import the type file (see page 57).
Use Copy and Paste to paste a type object from Adobe Illustrator into the Photoshop file as a Smart Object.
A new Smart Object layer will appear on the Layers palette.
If you double-click the Smart Object layer thumbnail, an embedded file will open in Illustrator. If you edit it and then save and close the document, the type will update in the Photoshop document. Stroke attributes and layer effects will remain editable.
Open a Photoshop file, then in Photoshop or Bridge use File > Place to place the type file.
Use File > Open to open the type file as a layered Photoshop file.
Note: If the Illustrator type contained layer effects, those elements will become separate rasterized image layers in the embedded Smart Object file and won’t be editable via the Layer Style dialog box. The type will also be rasterized if it contained a stroke.
• To learn more about Smart Object layers, see pages 302–304.
To assign the same font size (point size) to all currently selected characters, use the Options bar or the Character palette.
On the Layers palette, double-click a T icon, then select the characters or words you want to scale.
To scale all the characters on a layer, click the layer, but don’t select anything.
If the currently selected type characters are in more than one point size and you want to preserve their relative differences as you change their scale, use the Move tool.
To scale just the height or width, drag a side handle.
To scale both the height and width, drag a corner handle.
To preserve the proportions of the characters as you scale them, Shift-drag a corner handle. D
• To change the Vertical Scale or Horizontal Scale via the Character palette, see the sidebar on page 354.
Kerning affects the spacing between a pair of text characters.
From the Kerning menu, choose Metrics to apply the kerning value built into the current font or Optical to let Photoshop control the kerning.
Use the Kerning icon as a scrubby slider; A or enter or choose a positive or negative kerning value. B
Choose a type tool, insert the cursor between two characters, then press Alt/Option plus the left or right arrow key. Add Ctrl/Cmd to the shortcut to apply kerning in a larger increment.
Tracking is like kerning, except that it affects multiple characters instead of a pair of characters.
To apply tracking to a whole layer, click the layer.
To apply tracking to part of a layer, double-click a T icon, then select some characters or words.
On the Character palette, use the Tracking icon as a scrubby slider A or enter or choose a positive or negative tracking value. C
If type is selected, you can press Alt/Option and the left or right arrow key. Add Ctrl/Cmd to the shortcut to apply tracking in a larger increment.
• To reset the tracking value of selected characters to 0, press Ctrl-Shift-Q/Cmd-Control-Shift-Q.
For paragraph type, you can choose a Leading value to control the space that separates each line of text from the line above it. Although each character can have its own leading value (the highest value in a line controls the line), it’s simplest just to apply one leading value to either a whole line or a whole block of text.
On the Layers palette, double-click the T icon for a type layer. Optional: Select a line or lines of text.
Click a type layer.
Note: Leading doesn’t change the spacing above the first line in a paragraph.
• The Auto setting for leading is calculated as a percentage of the font size. Choose Justification from the Paragraph palette menu, and note the Auto Leading percentage (the default value is 120%). At the default value, for example, the leading for 30-point type is 36 points.
• To adjust the vertical spacing between characters in vertical type, highlight the characters you want to adjust, then change the Tracking (not the leading) value on the Character palette.
Beat Glauser © ShutterStock.com
• The Fractional Widths option on the Character palette menu allows Photoshop to use fractions of pixels for type spacing for optimal appearance (this applies to the entire layer). Be sure to keep this option checked unless you’re setting small type for Web output.
• The Reset Character option on the Character palette menu resets the palette and any selected type to the factory-default Character palette settings.
Use the baseline shift feature to raise or lower type characters from the baseline or a path by one point at a time.
• To shift whole lines of type, use leading—not baseline shift. To shift a whole layer, drag it with the Move tool.
You can change the orientation of type from horizontal to vertical, or vice versa.
On the Layers palette, right-click/Control-click a type layer name and choose Horizontal or Vertical (the opposite of the current orientation).
On the Layers palette, double-click a type layer, B then, on the Options bar, click the Change Text Orientation button. C
Note: After changing the type orientation, you may need to reposition the type or adjust the tracking.
• To rotate vertical type a different way, double-click the type layer thumbnail (and highlight the characters you want to rotate if you don’t want to rotate them all), then choose Standard Roman Vertical Alignment from the Character palette menu to uncheck the command. D This command isn’t available for horizontal type.
For paragraph type, Photoshop offers a range of formatting options. You forego the manual control you have with point text while gaining sophisticated layout tools. Using the Paragraph palette, you can choose basic settings for justification, alignment, indents, and paragraph spacing. Note: For a layout that includes large blocks of text, you may find it easier to create imagery in Photoshop and add the type in a layout or Web page creation program.
On the Layers palette, double-click a T icon, then click in a paragraph or select a series of paragraphs.
To modify all the type in a layer, click the layer, but don’t select anything.
The buttons in the first group—Left-Align Text, Center Text, and Right-Align Text—align type to an edge or the center of the type bounding box. B (These options can also be used on point type.)
The buttons in the second group—Justify Last Left, Justify Last Centered, and Justify Last Right—justify the type, forcing all but the last line to fill the space between the margins.
The last button, Justify All, forces all the lines to fill the space, even the last line.
• To change the alignment and/or justification for vertical type, the procedure is the same as described above, except the buttons are labeled Top Align Text, Center Text, and Bottom Align Text.
Follow these instructions to scale, rotate, or move the bounding box that holds paragraph type without scaling or distorting the characters inside it. The characters will reflow into the new shape.
To scale the bounding box, position the cursor over a handle, pause, then drag. A (To preserve the proportions of the box, start dragging, then Shift-drag.) The type will reflow. B
© 2007 JupiterImages.com
To rotate the box, position the cursor outside one of the corners of the box (you’ll see a curved, double-arrow pointer), then drag.
To move the whole type block, Ctrl-drag/Cmd-drag from inside the box (this is a temporary Move tool).
• To align or distribute multiple type layers, see page 160.
The Warp Text command, with its various style choices (arc, flag, arch, shell, wave, fish, etc.), transforms the bounding box that holds the type and distorts the type accordingly. Warped type remains fully editable!
On the Layers palette, double-click a T icon, then click the Warp Text button on the Options bar.
Right-click/Control-click an editable type layer name and choose Warp Text.
• Once you move the sliders in the Warp Text dialog box, those settings will be applied to any other Style you choose. To reset the sliders to the default settings, hold down Alt/Option and click Reset.
• To scale or reshape warped type to make it fit into a specific area of a composition, click the warped type layer, choose the Move tool (V), check Show Transform Controls on the Options bar, then reshape the bounding box.
To apply a filter or the Transform > Distort or Perspective command to type, or to draw strokes on type with a tool such as the Brush, you first have to convert it to pixels via the Rasterize Type command. Unfortunately, you can’t change the typographic attributes of type once it’s been rasterized.
Just to give you a few ideas, these are some of the ways that you can “fill” editable type with imagery:
• Use an editable type layer as the base layer in a clipping mask to clip the image layers above it. A–B You can edit (e.g., apply a filter) or reposition the image layers without affecting the type. To learn more about clipping masks, see page 296.
• Apply the Pattern Overlay effect to an editable type layer (see page 316). C You can scale or reposition the pattern within the type while the Layer Style dialog box is open. To create a custom pattern, with the Rectangular Marquee tool, select part of an image to use as a pattern tile, choose Edit > Define Pattern, click OK, then choose your new pattern in the Pattern Overlay pane of the Layer Style dialog box.
• Use a type selection in a layer mask (follow the instructions on the next page).D
To reveal layer pixels within the selection area, click the Add Layer Mask button on the Layers palette. C–E
To hide layer pixels within the selection area, Alt-click/Option-click the Add Layer Mask button on the Layers palette.
The type will display as white or black areas in the layer mask thumbnail.
• To toggle the mask function between hide and reveal, click the layer mask thumbnail, then press Ctrl-I/Cmd-I.
• To reposition the type shape within the layer mask, unlink the layer mask from the layer first by clicking the link icon; then drag with the Move tool in the document window (relink the layer and mask when you’re done).
In these instructions, you’ll apply a gradient to a layer mask to make it seem as though the type is fading away.
Click the Gradient Preset picker arrowhead, then click the Foreground to Background preset in the picker (the first swatch in the default gradient library).
Click the Linear gradient button.
Choose Mode: Normal, and an Opacity of 100%.
• To modify the type or the layer, click the type layer thumbnail; to modify the layer mask, click the layer mask thumbnail. For more about layer masks, see pages 292–295.
In these instructions, you’ll use a Levels adjustment layer to screen back type (we prefer this method to using the Type Mask tools). A lightened version of the image will be visible within the type shapes.
• To swap the black and white areas in the mask (and lighten the image), click the adjustment layer mask thumbnail, then press Ctrl-I/Cmd-I.
• To reposition the mask on an adjustment layer, unlink it from the layer thumbnail, then drag it with the Move tool.
• You can apply layer effects to the adjustment layer (try it!).
• To screen back imagery behind type, see page 182.
• Use the Move tool to reposition the type shapes in the spot color channel.
• You can’t edit the text in a spot color channel—you have to start over. Fill the channel with White, 100% Opacity, edit the original type layer, then repeat the steps above.
3.135.224.59