SECTION 3
Lesson 3.2: Photoshop Type Tools

   

 

 

In this exercise, you will examine the text layers in the DVD menu image from your Photoshop samples folder. You will edit the text and then apply various effects using the type options and the layer style options.

 

1.

To begin, open Photoshop CS. Use the File Browser to navigate to your Photoshop CS samples folder, and then double click the DVD Menu thumbnail to open the image.

 

 

2.

When the image opens, right click on the document window title bar, and click Duplicate in the pop up menu. When the duplicate image dialog box appears, name your copy Practice10, and then  click the OK button

 

A second box will appear with information regarding the pixel aspect ratio. Click OK in this box as well.

 

When you see your copy open, close the original image, and close the file browser.

 

Set the zoom level to 100% (use the zoom tool from the toolbox, or enter 100 into the zoom field in the status bar).

 

Adjust the size of the document window so the image can be seen in its entirety without scrolling.

 

 

3.

If you look at the Layers palette for the image, you will see a number of type layers.

 

 

You will see a different type layer for practically every word in the image. Experiment by making the different layers invisible (click the eye icon next to the layer).

 

You should see the various words on the image disappear and reappear as you make the layers invisible and visible.

 

Expand the layer set in the title layer by clicking the arrow next to the folder icon.

 

 

You can now see that there are two words included in this layer set: “The” and “Episode.” You will also notice that the Episode layer has a small arrow pointing to a styles icon.

 

If you click the arrow the styles that are applied to this layer will be displayed.

 

 

Here you can see the particular styles that have been applied to the episode layer.

 

 

4.

Click on the Episode type layer to highlight it in blue. Now that this layer is active, you can edit the text (the word Episode).

 

In the image, place your cursor at the end of the word “Episode” and delete the letters one by one until they are all gone.

 

Next, type the word Story to replace Episode. Your screen should look like this.

 

 

 

5.

Next, click the layer styles icon in the bottom left of the layers palette. This will display the styles menu as shown.

 

The items in the menu with checks by them have been applied to this layer. Click the Outer Glow option to add this effect to the layer.

 

 

6.

 

When you select the outer glow option, the Layer style dialog will appear as shown above. (You can also access this by clicking Layer in the menu bar, and then clicking Layer Style followed by Outer glow from the menus that appear.)

 

This Layer Style dialog is similar to the Brushes palette, in that you can click on each style listed in the panel on the left, and options for configuring the style’s effect will appear on the right.

 

Notice in this case that the Outer Glow style is highlighted in the panel at the left. And that the other two styles applied to this layer, (Drop shadow, and Bevel and Emboss), have check marks next to them.

 

Under the Elements heading, use the Size slider switch to make the size 10 pixels.

Because the preview checkbox is checked, you should see the effect applied to the layer in the main image. When you are ready, click the OK button to commit the effect.

 

 

7.

Your image should now look something like the following.

 

 

In the layers palette, click on the “The” layer, so it is editable.

 

Next, click the Warped Text button in the options bar. (If it is not available in the options bar, make sure that one of the Type tools is selected in the toolbox.)

 

Remember that the warped text button looks like a distorted T with a curved arrow under it. When you click the warp text button, a Warp Text dialog box will appear.

 

 

8.

 

In the Warp Text box, click the arrow next to the Style field, and then click on the Wave item in the list.

 

Use the sliders to play with the Bend and Distortion of the text.

 

You should be able to see the effects of the sliders on the word “The” by observing it in the image. When you are happy with the result, click the OK button to commit to the warp effect.

 

 

9.

Your image should now look something like this.

 

You can modify any of the type layers in a number of ways, by clicking on the given layer to make it editable, and then using the style tools, warp effects, or formatting options to change the type as you see fit.

 

Press the Shift + Ctrl + S keys to display the save as dialog.

Save the image as a PSD file (so the layers will remain editable). You should save it in your practice folder under the name Practice10.

 

 

10.

After you save the image, close (X) Photoshop CS.