Real World Adobe® Photoshop® CS2 [Electronic resources] : Industrial-Strength Production Techniques نسخه متنی

This is a Digital Library

With over 100,000 free electronic resource in Persian, Arabic and English

Real World Adobe® Photoshop® CS2 [Electronic resources] : Industrial-Strength Production Techniques - نسخه متنی

Bruce Fraser, David Blatner

| نمايش فراداده ، افزودن یک نقد و بررسی
افزودن به کتابخانه شخصی
ارسال به دوستان
جستجو در متن کتاب
بیشتر
تنظیمات قلم

فونت

اندازه قلم

+ - پیش فرض

حالت نمایش

روز نیمروز شب
جستجو در لغت نامه
بیشتر
توضیحات
افزودن یادداشت جدید


Text and Typography


Photoshop gained typographic prowess late in its career; in fact, for a long time it was downright painful to get good-looking type out of it. But that's all changed now. It's like the folks on the Photoshop team took a look at the typography in InDesign and suddenly said, "Hey, we can do that!" Photoshop lets you tweak kerning, leading, color, hyphenation, and more Chapter 13, Image Storage and Output, for more information about saving files with text layers.)

Photoshop's text controls are cool, but they're not exactly speedy. In general, the more text you have, the more you should set it in some other program.

So, if you're setting more than a few words, you should probably set them in QuarkXPress, InDesign, PageMaker, Illustrator, FreeHand, or some other program. But if you're hell-bent on using Photoshop to lay out text, here are some tips and tricks to help you do so more efficiently.

Tip: Making Text Blocks

Most people who have used Photoshop for years use the Text tool by simply clicking on their image. That works, but if you're going to type more than one line's worth of text, the click-and-type procedure is a pain because you have to manually break lines by hitting Return. Instead, drag out a text frame with the Text tool before typing. Photoshop automatically wraps the text to fit that frame, and you can always reshape the frame by dragging its corner or edge handles, or rotate the text block by dragging outside of the frame.

By the way, keep your eye on the lower-right corner handle; when there's too much text to fit the frame, Photoshop places a little + sign there. It's subtle, so you have to look carefully.

If you want to create a new text block near or on top of another bit of text, you might have trouble because Photoshop will think you're trying to select the existing text. No problem: Shift-click or Shift-drag with the Text tool to force Photoshop to create a new text layer.

When you're done creating or editing text, press Enter on the keypad, or Ctl-Enter (Windows) or Command-Return (Macintosh).

Tip: Setting the Column Width

Do you need a text block exactly 144 points wide? No problem: Just Option-click with the Text tool, and Photoshop offers you a way to type in an exact size.

Tip: Editing Type Layers

Once you have created some text on a type layer, there are several ways to edit it:

You can double-click on the type layer's thumbnail icon in the Layers palette. (Double-clicking on the tile instead opens the Layer Style dialog box or lets you edit the layer name.)

You can click on top of the text with the Type tool. You know your cursor is in the right place when the Type tool's cursor changes to an "I-beam." However, if you click in the wrong place, Photoshop will create a new type layer; in this case, press the Escape key to cancel the new layer.

Best yet, when you have both the Type tool selected in the Tool palette and the type layer selected in the Layers palette, you can choose Edit Type from the context-sensitive menu. On the Mac, Control-click anywhere on the image, or right-mouse-button click in Windows.

You can also format various aspects of a layer by selecting the layer in the Layers palette and changing values in the Options bar (when the Text tool is selected), Character palette, or Paragraph palette (see "Paths," earlier in this chapter) and then click on it with the Text tool. Note that the Text tool's cursor icon changes when it's on top of a path, and when you click and then start typing, the text begins from the point you clicked. To adjust the starting and ending points for the text on the path, switch to the Path Selection tool (press A); as you hover the cursor over the start or end point, the cursor changes to a vertical line with a thick black arrow. If you click and drag with this cursor, you adjust where the text begins or ends on the line.

The direction you draw your path determines how Photoshop draws the text. If you draw a path from left to right, the text flows on the top of the line; if you draw from right to left, the text flows from right to leftupside down. To flip the text over, use the Path Selection tool and drag the beginning or ending endpoint to the other side of the line.

Photoshop doesn't offer a lot of control over how the text flows along the line, but you can rotate the text so that it flows "vertically" along the line by clicking the "Change the text orientation" button on the far left of the Options bar.


Text Formatting


Placing text in your image is all very well and good, but you won't win design awards until you've figured out how to format your text. (Well, there might be a few other steps before you win awards, too. We make no guarantees.) There are two types of formatting: Character (which can apply to one or more characters) and Paragraph (which always applies to one or more paragraphs). You can find these settings in the Options bar (when the Text tool is selected in the Tool palette) or in the Character and Paragraph palettes (see Figure 12-55).


Figure 12-55. Formatting text

[View full size image]

Tip: Hide the Selection

Formatting text is difficult when you have text selected, especially when you're trying to change the text's color. Don't forget you can press Command-H to hide the text selection; the text remains selected, but you can see the changes more easily as you make them.


Leading


Leading ("ledding") determines the amount of space between lines in a paragraph. Bruce, who is accustomed to PageMaker and InDesign, finds Photoshop's leading feature intuitive because in all three programs, leading is considered a character attribute. In QuarkXPress, however, leading is a paragraph attribute. If you're used to XPress (like David), you need to be extra careful when changing leading. If you want the leading to be consistent throughout a paragraph, you should either select every character in the paragraph before you set the leading in the Character palette, or you should apply the leading while the text layer is selected in the Layers palette (but no text on the layer is selected).


Kerning and tracking


Kerning determines the amount of space between each character. Tracking is the same thing, but over a range of text (which is why some folks call it "range kerning"). Photoshop lets you do both in the Character paletteif your cursor is placed between two characters, you can kern them; if you've selected more than one character, then you can track them. (Or, if the type layer is selected in the Layers palette but no text is selected, then tracking applies to every character on that layer.) Note that the kerning and tracking values in Photoshop are based on em (one em in a 24-point font is 24 points wide; in a 50-point font, it's 50 points wide, and so on).

The default kerning value for text is Metricsthese are the kerning pairs built into the font. But we almost always select the type layer (with no text selected on it) and change the kerning to Optical in the Character palette, which tells Photoshop to use its very cool method of analyzing the shape of each character and adjusting the kerning accordingly. If it's small text, this sometimes makes it look really ugly, so we change it back to Metrics, or even possibly change it to 0 (zero).


Anti-alias settings


While some people recommend turning off anti-aliasing for very small text, we find that anti-aliasing almost always helps on-screen readability, so we generally leave it on. The problem is that in small text sizes, anti-aliasing sometimes leaves fonts looking a bit anemic. Fortunately, Photoshop lets you change the anti-aliasing style. We usually set the Anti-alias popup menu (in the Options bar or the context-sensitive menu when the Text tool is selected) to Crisp or Smooth (there's too little difference between the two to notice most of the time). However, when working with small text, we sometimes use the Strong option. It's entirely a judgment callif Strong is too bold, then we'll switch back to Smooth.


Fractional Widths


Text characters rarely fit perfectly on a 72-dpi gridfor instance, a letter "A" might be 18.1 pixels wide. Photoshop offers you the choice of how to deal with these "fractional widths." When the Fractional Widths feature is turned on in the Character palette menu, Photoshop rounds the character widths to the nearest pixel, which usually results in some characters moving slightly closer together. In large point sizes, this is usually a good thing, but in small text sizes, the characters often run into each other and it looks dorky. Note that Fractional Widths affects the entire text block, not just selected characters.

Chapter 2, Essential Image Techniques, for more on selecting layers.)

Tip: Keyboard Type Shortcuts

There are a number of keyboard shortcuts that can help you speed up your text formatting (see Table 12-1). Remember that the extra time you take to learn these now will come back as time saved later.

Table 12-1. Type tool keyboard shortcuts

To do this...

...press this

Show/Hide type selection

Command-H

Move right one word

Command-Right arrow

Move left one word

Command-Left arrow

Select right one word

Command-Shift-Right arrow

Select left one word

Command-Shift-Left arrow

Move to next paragraph

Command-Down arrow

Move to previous paragraph

Command-Up arrow

Increase size 2 points

Command-Shift-. (period)

Decrease size 2 points

Command-Shift-, (comma)

Increase leading 2 points

Option-Down arrow

Increase leading 10 points

Command-Option-Down arrow

Decrease leading 2 points

Option-Up arrow

Decrease leading 10 points

Command-Option-Up arrow

Increase kerning 2/100 em

Option-Right arrow

Increase kerning 1/10 em

Command-Option-Right arrow

Decrease kerning 2/100 em

Option-Left arrow

Decrease kerning 1/10 em

Command-Option-Left arrow

Increase baseline shift 2 points

Option-Shift-Up arrow

Increase baseline shift 10 points

Command-Option-Shift-Up arrow

Decrease baseline shift 2 points

Option-Shift-Down arrow

Decrease baseline shift 10 points

Command-Option-Shift-Down arrow


Other character styles


Photoshop offers a number of other character styles to help make your award-winning text. Here are a few others you should know about:

Faux styles. Want Hobo Bold? Or Zapf Dingbats Italic? Sorry, they don't exist (there are no outlines that describe them), so Photoshop won't let you use them. But Photoshop is ready and willing to fake them (see Figure 12-56). When you turn on Faux Italic in the Character palette menu, Photoshop obliques (skews) the font slightly. Faux Bold makes the font heavier. The effect is generally pretty good, and even lets you make a bolder bold and a more slanted italic face than might otherwise be available. (However, note that you can't embed Faux Bold fonts in PDF files and expect them to remain vector type.)


Figure 12-56. Faux Italic

[View full size image]

The Character palette's popout menu also offers the Underline and Strikethrough styles, whichtrue to their namesplace a line under or through the selected text. No, you can't adjust the size, shape, color, or anything else of the underline or strikethrough line. Yes, we know you can do that in InDesign CS. Personally, we find these faux features particularly silly.

Scaling and moving. You can scale individual characters (or all the words on a text layer) vertically or horizontally in the Character palette, though we find that many designers overuse this and create really farout, stretched typefaces that are simply unreadable. Use with discretion. The Character palette also offers a Baseline Shift feature, which you can use if you want to move individual characters up or down (like in a math equation, the little ® symbol, and so on).

Case and caps. Want to make your text REALLY SCREAM? Then turn on All Caps in the Character palette's popout menu. (Personally, we find All Caps rather annoying to look at.) There are other features in this menu, too: Small Caps, Super Script, and Subscript. Each of these applies to selected text unless no text is selected on a type layer. You can turn them off again by reselecting them from the popout menu. Note that unless you're using Open Type fonts, the Small Caps feature fakes the small caps (if you have an Expert font that contains the real small caps, you'll get better quality using that instead).


Hyphenation and justification


Hyphenation and justification (usually just called "H&J") are two methods of making text fit into a given space by controlling the amount of space between letters and words, and by breaking certain words at line endings with hyphens. Photoshop can also stretch text in order to help it fit a particular column width. If any one of these methods is used in excess, the results are awful. So it's important to find a good balance among them.

The H&J settings are only relevant when you have a paragraph or more of textthat is, when you've dragged out a text frame, rather than just clicked and typed (see "Tip: Converting Point Type to Paragraph Type," later in this chapter). And the H&Js are always paragraph-wide formats; you can't apply them to a single character or line within a paragraph. Let's look at the several features in Photoshop that relate to H&Js:

Hyphenation. By default, Photoshop hyphenates words that fall near the end of a line of text if it thinks it will make the imaginary line down the right side of the text (sometimes called "the rag") look better. If you don't want a paragraph to have any hyphenated words, then turn off the Hyphenate checkbox in the Paragraph palette.

You have a significant amount of control over what sort of words get hyphenated in the Hyphenation dialog box (choose Hyphenation from the popout menu in the Paragraph palette; see Figure 12-57). Alas, there is no way to save these settings so you can later apply them to other paragraphs. If you want a whole text block to have the same hyphenation settings (rather than just the currently selected paragraph), then make sure the cursor isn't in the text block, but the text layer is selected in the Layers palette when you make the change.


Figure 12-57. Hyphenation and Justification

[View full size image]

No Break. Sometimes Photoshop will hyphenate a word you don't want hyphenated. No problem: select the word in the text block and choose No Break from the Character palette menu.

Justification. The paragraphs in this book are "justified," meaning that the right margin is carefully aligned in a straight line (this is sometimes called "flush left and right"). As we said earlier, this is pulled off by adding or removing space between characters and words. Photoshop offers one other control: stretching or compressing text. You can justify a paragraph by selecting it and clicking one of the Justified Text buttons in the Paragraph palette. (There are four, each of which handles the last line of the paragraph differently.)

If you don't like the way that Photoshop justifies your text, you can alter its built-in settings by choosing Justification from the popout menu in the Paragraph palette. Most typographers agree that justified text should have little character spacing, a reasonable amount of word spacing, and no character ("glyph") scaling. However, in a pinch, you may need to bump up the character spacing and glyph scaling by one or two percent; just be careful that it doesn't make the text look too unnatural.

Composer. Adobe InDesign shook the publishing world by packaging an old idea into new software: calculating the justification settings based on more than one line of text in a paragraph rather than just setting each line individually (like QuarkXPress and PageMaker have always done). You can now do this in Photoshop, too, by selecting Adobe Every-line Composer from the popout menu in the Paragraph palette. This almost always gives you tighter, better-looking paragraphs with more consistent spacing. We turn this on and leave it on.

Hanging punctuation. Photoshop hangs small punctuationsuch as periods, hyphens, quotation marks, commas, and so onoutside the text block, because the human eye tends to ignore these little extrusions and the text usually looks better. This is especially obvious in justified text. If you don't care for the look, you can turn it off in the popout menu in the Paragraph palette.

Ultimately, while it's cool that Adobe included all these typography features in Photoshop, we do find it a little absurd because it's so rare that you would ever want to set more than a few lines of text in Photoshop. The one exception is creating images for a PDF workflow. In fact, unless you save your files in the PDF format, the text will either be rasterized (anti-aliased into the background pixels) or it'll take forever to print and create enormous EPS files.


/ 219