Chapter 8. Adding Type

<feature><title></title>

What You’ll Learn in This Hour:

<objective>

Add horizontal and vertical type to a picture

</objective>
<objective>

Fill type with a picture

</objective>
<objective>

Make type stand out by applying special effects

</objective>
<objective>

Warp type into a new shape

</objective>
</feature>

A picture might be worth a thousand words, but sometimes you still need a few more words to get your point across. Because Photoshop Elements has almost all of big mama Photoshop’s type capabilities, adding those words to your images is a piece of cake. You can set type horizontally or vertically, in any font you can lay your hands on, and in any color you can imagine. If you want, you can fill the letters with a picture or use them as a cookie cutter to make a type-shaped hole in a picture.

When you get tired of all that, you can jazz up your type with any of dozens of type styles that apply complex special effects to the type with a few clicks. For even more giggles, you can warp type so that it’s shaped like a flag, a fish, or some other bizarre form.

Using the Type Tools

Photoshop Elements has four different Type tools, but they all work pretty much the same way and they’re all stored in one slot on the toolbox (see Figure 8.1). You’ll use the Horizontal Type tool most of the time, but you’ve also got a Vertical Type tool—no more putting one letter on each line!—and both Horizontal and Vertical Type Mask tools. Instead of creating solid type, these last two make type-shaped selections that you can then use in any way you would use a regular selection.

Photoshop Elements contains vertical and horizontal versions of both the Type tool and the Type Mask tool.

Figure 8.1. Photoshop Elements contains vertical and horizontal versions of both the Type tool and the Type Mask tool.

Each time you click to create type, Photoshop Elements creates a new layer for that type to sit on. That’s why it’s so easy to use type styles to apply special effects to type: because type is always on its own layer, unaccompanied by any other image elements that would be affected by a style.

By the Way

Remember, you can do anything with type layers that you can do with regular layers: link them, group them with other layers as a mask, hide and show them as needed, and so on.

Adding Type to an Image

Inserting a line of type in a picture is as simple as this: Switch to the Horizontal Type tool, click in the image where you want the first line to be, and start typing (see Figure 8.2). The type runs from left to right; if you’re using the Vertical Type tool, it runs from top to bottom instead. You can copy and paste text into Photoshop Elements, and, of course, you can use any special characters that you would use in other programs.

The vertical text cursor indicates where the next character I type will appear.

Figure 8.2. The vertical text cursor indicates where the next character I type will appear.

By the Way

Don’t panic if you start to type and you can’t see anything; the type might be too small to be legible or might be the same color as the background. Both of these problems are easy to fix using the settings on the Options bar. Keep reading to learn more!

This technique creates what’s called point type, meaning that it’s a single line based where you clicked with the Type tool. You can insert line breaks by pressing Enter, but that’s the only way the type will move to a new line. If you want to create a multiline paragraph, you need to make paragraph type. You do that by clicking and dragging with the Type tool to make a text box that gives the text boundaries (see Figure 8.3). When the type gets to the edge of the box, Photoshop Elements inserts a line break just the way Microsoft Word would. For both point type and paragraph type, you need to signal that you’re done typing by clicking the check mark on the Options bar or by pressing Enter on the numeric keypad.

Paragraph type has a bounding box that you can resize at will.

Figure 8.3. Paragraph type has a bounding box that you can resize at will.

The most wonderful thing about type in Photoshop Elements is that, even though it’s technically part of a picture, it remains real text, so you can go back and edit it at any time. All you have to do is switch to the appropriate Type tool, open the Layers palette, and click on the type layer you want to edit. Then you can click anywhere in the type and add to it, delete some of it, or change it to say something else (see Figure 8.4).

I know this text is supposed to be gibberish, but I’d really feel better if the men were sitting on a couch instead of a nose.

Figure 8.4. I know this text is supposed to be gibberish, but I’d really feel better if the men were sitting on a couch instead of a nose.

Changing Type Attributes

Now you know how to get the letters on the screen. But it’s the settings on the Options bar that give you complete control over how the type looks (see Figure 8.5). You can change these settings before you start typing or at any time after you create the type layer. If you’re modifying existing type, you need to switch to the Type tool and activate the appropriate type layer, as if you were going to edit the text. What you do next depends on whether you want to change all or just some of the type on this layer. If you want to change everything, you can just start making settings; Photoshop Elements applies those new settings to all the type on the layer. If you want to change only some of the type, you need to click on it with the Type tool and select the characters you want to modify.

Type formatting controls appear in the Type tool’s Options bar.

Figure 8.5. Type formatting controls appear in the Type tool’s Options bar.

Let’s take a look at all the type attributes over which you have control, working from left to right on the Options bar. Naturally, the first thing you think of when you think “type” is which font to use, so the Font menu is the first thing on the Options bar. Click the name of the current font and type the name of the font you want to switch to, or use the pop-up menu to make a choice.

The next menu on the Options bar gives you access to the style variations contained in each font, most commonly Regular, Bold, Italic, and Bold Italic. Some fonts contain different variations, such as Extra Bold or Condensed, so be sure to explore the options available for whichever font you’re using. Following the Style pop-up menu is the Size menu, which measures type in points. You can specify a size ranging from .01 points to 1,296 points, either by choosing an option from the menu or by clicking the number and replacing it with your preferred value.

Next on the Options bar is the Anti-Aliased button. When pressed, this button blurs the edges of each letter ever so slightly, which makes the type look smoother onscreen (see Figure 8.6). You’ll want to use anti-aliasing for any type that you intend to be viewed onscreen; this includes images destined for DVDs, websites, or slide shows. On the other hand, if you’re planning to print the image, you should turn off anti-aliasing because it will make the printed type look blurred.

The letter on the left isn’t anti-aliased; the one on the right is.

Figure 8.6. The letter on the left isn’t anti-aliased; the one on the right is.

In addition to the built-in styles for each font, Photoshop Elements offers four more that you can use with any font: Faux Bold, Faux Italic, Underline, and Strikethrough. These four buttons are just to the right of the Anti-Aliasing button on the Options bar. I have mixed feelings about these styles, however. Faux Bold is useful when I need type to be extra wide so that a type style will work correctly on it or so that I can use it to contain a photo. However, both this style and Faux Italic deform the letter shapes, so if you’re a typographical purist, you’ll stay away from them. Meanwhile, most of the time when people use underlining, it would actually be more correct to use italics. However, I’m probably pickier about typography than most people, so feel free to make use of these styles if it suits you to do so.

By the Way

If you’re not sure why I dislike Faux Italic, try making two identical type layers and then applying Faux Italic to one and the font’s true italic style to the other. You’ll see that the Faux Italic letters are simply slanted, while the true italic letters are actually shaped differently from the regular letters.

After the style buttons, you’ll find two very important settings: Alignment and Leading. The former determines whether the text is centered, aligned on the left side, or aligned on the right side. Paragraph type is aligned with respect to its box—centered within it or lined up along one side—but point text is aligned with respect to the point where you clicked to begin typing (which is why it’s called point type). Meanwhile, leading is another typographical concept that might be more familiar if we refer to it as line spacing. This is the distance between the base of the letters on one line and the base of the letters on the next line. Auto Leading, the first choice in the Leading menu, is automatically set to 120% of the type’s point size; for example, 10-point type with auto leading would have 12 points from the base of one line to the base of the next.

By the Way

When you’re dealing with vertical type, leading refers to the horizontal space between columns of text instead of vertical space between lines.

Next is a color swatch, which enables you to set a type color that’s different from the Foreground color. Click the swatch to open the color picker, or use the menu next to it to choose from the same colors that you see in the Color Swatches palette. The color swatch is accompanied by a Layer Style menu; we look at this later in the hour. We also cover creating warped text later in the hour in “Warping Text”; that’s the next button you’ll encounter on the Options bar.

The last type control on the Options bar before the Cancel and Commit buttons (the red “no” symbol and the green check mark) is the Change Text Orientation button. With a type layer active, click this button to switch horizontal type to a vertical orientation or vice versa.

Using the Type Mask Tools

As I mentioned earlier in this hour, the Type Mask tools create type-shaped selection marquees instead of actual type. This doesn’t create a new layer, so you must choose or create a layer to work on before you do anything with the selection. Then switch to one of the Type Mask tools, click, and begin typing.

As you type, the text appears as a transparent cutout in a red mask, as with the mask used by the Selection Brush tool. (Skip back to Hour 7, “Making Selections and Using Layers,” if you want to review how the Selection Brush’s mask works.) At this point, you can still select and modify the text and its attributes, and you’ll find it’s much easier to see how the characters look in mask mode than it would be in selection mode. The type turns from a mask into a selection as soon as you press Enter on the numeric keypad or click the green check mark (see Figure 8.7).

To move a type mask on a layer, switch to the Marquee tool and then drag the type mask to where you want it.

Figure 8.7. To move a type mask on a layer, switch to the Marquee tool and then drag the type mask to where you want it.

Once the type mask is turned into a selection, you can’t change the mask’s text attributes, so be sure you’ve got things the way you want them before you press Enter or click the Commit button. Otherwise, you’ll have to undo and start over.

What you do with a type mask selection is up to you; here are a few options:

  1. Fill the selection with a color or pattern.

  2. Stroke the selection to make outlined text.

  3. Activate an image layer and press Delete to cut a hole in it shaped like the type mask.

  4. Invert the selection by pressing Ctrl+I; then activate an image layer and press Delete so that the image remains only within the letter shapes.

Figure 8.8 shows how I implemented these techniques; it’s in the color section, too.

This is one way to use a type mask; after creating the type selection, I stroked it in two different colors and then inverted it and filled the area surrounding the type with copper.

Figure 8.8. This is one way to use a type mask; after creating the type selection, I stroked it in two different colors and then inverted it and filled the area surrounding the type with copper.

Applying Special Effects to Type

The great thing about type in Photoshop Elements is that it doesn’t have to stay flat and monochrome. You can make it shine, give it shadows and dimension, and apply the wildest color combinations your imagination can come up with. Read on to learn more.

Did you Know?

If you’re having trouble choosing layer styles from tiny thumbnails, look in the Effects palette’s menu for view options. You can make the thumbnails larger, and you can choose the Show Names command to add a bit of descriptive text to each thumbnail.

Warping Text

If you want your type to wave bravely in the breeze or bulge ominously, you need to warp it. Photoshop Elements offers 15 basic warp styles, with infinite variations based on the settings you enter in the Warp Text dialog (see Figure 8.12). The basic style options are as follows:

  • Arc, Arc Lower, and Arc Upper

  • Arch, Bulge, Shell Lower, and Shell Upper

  • Flag, Wave, Fish, and Rise

  • Fisheye, Inflate, Squeeze, and Twist

By changing the Bend, Horizontal Distortion, and Vertical Distortion settings, you can achieve an infinite variety of warp effects.

Figure 8.12. By changing the Bend, Horizontal Distortion, and Vertical Distortion settings, you can achieve an infinite variety of warp effects.

Their names are fairly descriptive, but to really get the feel for what each style does, you need to try it out. For each style, you can apply different combinations of settings to control how much the text is warped and in which direction. All the styles except Fisheye, Inflate, and Twist can be applied horizontally or vertically, so there are Horizontal and Vertical radio buttons just below the style menu. Be sure to play with these; Horizontal is the default setting, and it’s easy to forget that the Vertical setting even exists.

Each of the other three Warp variables is controlled by a slider. Bend, Horizontal Distortion, and Vertical Distortion can all range from –100 to 100 percent, and you can enter values in the text field or drag the slider to change the amount. Bend determines how much warp is applied to the type layer, and the two Distortion sliders enable you to add perspective to the effect so the type appears to be tilted to one side or to the top or bottom (see Figure 8.13).

By the Way

When you warp paragraph type, the effect is applied to the type container instead of to individual lines of text, as when you warp point type.

Now that’s molten gold. And by using the Horizontal Distortion slider, I can make the type appear to tilt away from the viewer on the right side.

Figure 8.13. Now that’s molten gold. And by using the Horizontal Distortion slider, I can make the type appear to tilt away from the viewer on the right side.

Summary

We’ve explored some of the wonders of type during this hour. You learned how to create and edit type and how to change its text attributes. Then you experimented with applying special effects and layer styles to make your type look as though it’s made out of pretty much anything you can imagine. You also learned about warping type.

Q&A

Q.

Okay, I saw you use the word typeface instead of font somewhere. What’s the difference?

A.

Oh dear—I’m busted. You’ve outed me as a type snob, I’m afraid. Technically, the term font refers only to a particular style in a font family, such as Palatino Bold Italic, while the term typeface refers to the entire family. But it’s a distinction most people don’t bother with, so I wouldn’t worry about it if I were you.

Q.

I’m a terrible typist; can Photoshop Elements spell-check my text for me?

A.

In a word, no. However, if you’re planning to add a great deal of text to an image, you can type it in a word processor, spell-check it, and then copy and paste it into Photoshop Elements. Pasting text doesn’t affect type attributes, such as point size, or styles, such as drop shadows.

Q.

Can I warp type diagonally rather than vertically or horizontally?

A.

No, but you can rotate the text and then warp it. Or you can warp the text and then use the Transform commands to skew or distort it diagonally. Neither of these will produce quite the same effect as warping diagonally, but they work in a pinch.

Workshop

If you can answer all the quiz questions—note that I don’t even require that you answer them correctly!—you can move on to the activity. In this hour, you’ll find that practicing with the activity is much more like play than work.

Quiz

1.

Which of the following is not a type attribute available in the Options bar?

  1. Faux Italic

  2. Faux Outline

  3. Strikethrough

  4. Underline

2.

The two kinds of type you can create in Photoshop Elements are:

  1. Aligned type and ragged type

  2. Solid type and outline type

  3. Point type and paragraph type

  4. Roman type and Arabic type

3.

Layer styles are designed to be used on type layers only.

  1. True

  2. False

Quiz Answers

1.

B. In fact, I’m not even sure what this would look like!

2.

C. All the other terms, however, do describe kinds of lettering.

3.

B. Layer styles are designed for use on any image layer, shape layer, or type layer.

Activity

Create a new blank file and type your name in it. Experiment with fonts, type effects, and layer styles until you find a combination that you feel expresses your personality. Then print the image and stick it on the door of your office or bedroom.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset