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. |
|