Photoshop CS6 Essentials - Type Tool - IV

01 February, 2013

This is a continuous part from the previous essential >> Essential for Type Tool 3


Just like point type when you are in the edit mode and moving the cursor away from the text will change to move control.
You can move the bounding box freely even if your cursor goes out of the work area into the canvas. If you bring the cursor inside the bounding box it will toggle back to I-beam.

(fig 1.0)

Paragraph bounding box also has a transform controls. You can use the handles to adjust the height, width, scale and rotation of the box.

The reference image (fig 2.0 - 2) will give you a basic positioning for the Point type and Paragraph type. Unlike paragraph type we don't have a default transform controls for Point type (fig 2.0 - 1) in the edit mode.

(fig 2.0)

I have used the Paragraph bounding box to adjust the transform controls (fig 3.0). Notice the text flow, it automatically wraps inside the box.

(fig 3.0)

Hold the Ctrl (Windows) Command (Mac OS) key in the keyboard, the paragraph bounding box (dashed outline) will change to transform bounding box (line).

Once you see the transform bounding box, keeping the cursor inside the text area will toggle to move control and anywhere outside the box will display transform controls. This will transform the text along with the box.

Windows / Mac Keyboard set (fig 4.0)

I have the same text on both sides and i have reduced the width for Paragraph type Bounding box and Transform box (fig 5.0), you can see the text wrap on the left and the text distortion in the right.

Avoid using the transform box unless it is really necessary.

(fig 5.0)

Whenever you are working on a large content of text, it is always to keep an eye on the 'Overflow' icon, because Photoshop doesn't tell you how much text that goes outside the box.

Notice the text (fig 6.0 - 1), it looks perfectly fine for a paragraph. If i do not notice the overflow icon, i wouldn't have know the remaining text (fig 6.0 - 2).
When you convert this to Point type, Photoshop gives a warning message for the text overflow. If you ignore the message, the remaining text will be deleted.

(we'll learn more about Convert from Point > Paragraph and Paragraph > Point type later in this essential)

(fig 6.0)

Lets see how to fix the text overflow.

I have a picture here with some text below (fig 7.0). So far everything is fine and i like the alignment of the text that sits right at the bottom center and i don't want to change the placement.

(fig 7.0)

When i try to edit the text i noticed the Overflow icon at the bottom right. Since the placement is fixed i don't want to extend the box from the bottom and re-align it again.

What i can do is to extend from top to see the remaining text.

(fig 7.1)

Hold the top handle and pull it up, doing this will keep the bottom (baseline) in the same place. You can hold any one of the 8 handles and adjust the size, the text will wrap automatically.

I want to extend the box till i don't see the 'Overflow' icon at the bottom right. Once all the text are inside the box, the icon disappears. If i still see the overflow icon and if i ran out of space, then i need to re-adjust the size of the box or the text options from the character panel.

(fig 7.2)

Notice the bottom of the box stayed in the same place, and i got the remaining text back.

(fig 7.3)

When you create a paragraph type for the first time and if you commit without any text, the bounding box is still saved and the layer takes its own layer name (we have seen this in our previous essential for Paragraph type (fig 1.2))

To see the bounding box again in the work area, double-click on the text layer ('T') in the layer palette. This will take you to the edit mode with the bounding box.

(Clicking the layer name will rename the layer and clicking any of the empty area will bring the layer style dialog box. You have to double-click on [T] to activate the edit mode.)

(fig 8.0)

The image (fig 8.1) is just a color reference for the mouse-cursor. The blue box is the size of paragraph bounding box i have created in the work area, and the green box is the location of the blinking cursor.


// Download the Exercise file to follow along with me >> Paragraph type.zip

Open the exercise file, select the 'Type tool' from the toolbar and select 'Layer 1' from the layer palette. When you mouse-over in the bounding box area, your cursor remains as type tool. But when you mouse over the green color box, it toggles to I-beam (you might have to move the cursor to the edge of the box).

What happen here is, Photoshop saves the bounding box i have created along with the text alignment (left), hence the I-beam on the left. To see the full box, double-click the [T] in the text layer.

(fig 8.1)

Selecting the text inside Paragraph type can be made by single click or multiple clicks in the edit mode.

Single Click: Place the Insertion point
Double Click: Select a word
Triple Click: Select a line
Quadruple Click: Select a Paragraph
Quintuple Click: Select All

(Quadruple click won't work on a paragraph which converted from point type)

(fig 9.0)

Learning about paragraph doesn't end here, it has a dedicated 'Paragraph Panel' from the windows menu which has alignments, Indent Margins, Justification, Roman Hanging Punctuation, Hyphenation and more.. We'll cover these in the paragraph panel of this series.

Previous essential on paragraph type >> Essential for Type Tool 3

Type on Path, Next Essential >> Essential for Type Tool 5


No comments:

Post a Comment