Written by Steve Patterson. In the previous tutorial, we learned the basics of working with type in Photoshop. In that tutorial, I mentioned that Photoshop gives us two main kinds of text that we can add to a document - point type and area type. We covered point type in the previous tutorial. In this tutorial, we'll look at area type and how it allows us to easily add larger blocks of text on multiple lines inside a pre-selected area.

Download our tutorials as printable PDFs! Learning Photoshop has never been easier!

As we learned previously, to add any kind of text to a document, whether it's point type or area type, we use Photoshop's Type Tool which is found in the Tools panel. We can also select the Type Tool by pressing the letter T on the keyboard:

With the Type Tool selected, we then choose our font up in the Options Bar along the top of the screen using the font, font style and font size options:

We can also choose a different color for our text by clicking on the color swatch in the Options Bar. The default text color is black, but clicking the color swatch will open Photoshop's Color Picker, allowing us to select a different text color if we prefer. I'll leave mine set to black:

Lastly, we can choose the alignment we need for our text using the Left Align Text, Center Text and Right Align Text options in the Options Bar. The Left Align Text option is selected by default:

Point Type

The difference between point type (also known as character type) and area type (also known as paragraph type) is that with point type, Photoshop simply adds the text at the spot, or "point", where we clicked in the document with the Type Tool. This is by far the most common way of adding text to a document because in most cases, we're just adding small amounts of text on a single line, which is what point type is best suited for:

Unless we add a manual line break to our text when using point type, all of our text will be added to a single line and will even run right off the edge of the document if we keep on typing:

To break the text up onto two or more lines, we need to add our own manual line breaks by pressing Enter (Win) / Return (Mac) on the keyboard, similar to using an old-fashioned typewriter:

Area Type

While we can use point type for adding larger blocks of text to a document, it would be a clumsy way to work. A better solution would be to use area type because it allows us to place the text inside a pre-selected "area" (a text box) and automatically wraps the text to the next line when we reach the edge of the box.

Area type doesn't require any special tools. We use the exact same Type Tool that we use for point type. The difference is in how we use the tool. To add point type, we simply click in the spot where we want the text to begin, then start typing. To add area type, we click with the Type Tool, but then, with the mouse button still held down, we drag out a text box, in much the same way that we'd draw a selection with the Rectangular Marquee Tool. You can force the text box into a perfect square if you need to by pressing and holding the Shift key on your keyboard as you drag:

Release your mouse button when you're done dragging and Photoshop creates the text box, which looks very similar to a Free Transform box complete with handles (the little squares) for resizing it, as we'll see a bit later:

Once you've drawn your text box, you'll see the blinking insertion marker appear in the top left corner of the box (assuming you're using the default Left Align Text option). Simply begin typing to add your text:

As we reach the edge of the box, Photoshop automatically wraps the text to the next line. There's no need to add manual line breaks ourselves:

If you need to reposition the text box inside the document while you're adding your text, move your mouse cursor anywhere outside of the text box. You'll see the cursor change temporarily from the Type Tool's "I-beam" into the Move Tool. Click and drag the text box to its new location, then continue typing:

To accept the text when you're done, click on the checkmark in the Options Bar. Or, if you have a numeric keypad on your keyboard, press the Enter key on the numeric keypad. If you don't have a numeric keypad, you can also press Ctrl+Enter (Win) / Command+Return (Mac). Remember, though, that simply pressing the normal Enter (Win) / Return (Mac) key will add a manual line break to the text, just as when we're using point type:

With the text accepted, the text box disappears, leaving only the text itself:

Just as we saw with point type, Photoshop places area type on its own Type layer in the Layers panel, and it uses the first part of the text as the name of the layer:

To show the text box again, click anywhere inside the text with the Type Tool. This will place you back in text editing mode and the text box will re-appear around it:

Now there's a better way to learn! Download our tutorials as print-ready PDFs!

Go to page: 1 | 2