NHS Designs
Graphic Design Quizzes and Tests

Review for Final: Fun with Text in Photoshop

Here are just a few ideas for fancy things that can be done with text. You can refer to these text ideas when completing your final test too. These exercises will also help you practice your existing skills in Photoshop.

 

Get Set Up.

  1. Create a new folder in your username folder and call it "lastname_text".
  2. Save this photo of New York City into your "lastname_text" folder. Left-click on the thumbnail below, then right-click on the big photo to save it.
  3. Open the "graphic_manhattan-background.jpg" file in Photoshop
  4. Save the file as "funwithtext.psd". Make sure to change the Format (second dropdown) to "Photoshop" (top option).

Manhattan skyline

 

Ghostly Text

fun with text

  1. We need white as the foreground color. Press D on the keyboard to set the default colors of black as foreground and white as background. Then press the X key to switch them. Photoshop text tool
  2. Select the Text tool from the tool bar, or just press T on the keyboard.
  3. Choose a nice big, bold font from the Options bar. I used 200pt Impact.
  4. Click in the upper-left corner area. Type the name "New York City".
  5. Click on the Move tool at the top of the tool bar. Move the new text over the water.
  6. We need a slender black stroke around the white letters. Make sure the "New York City" layer is selected in the Layers palette (choose Window > Layers if you cannot see the Layers palette.)
    1. Click on the fx button on the bottom of the Layers palette.
    2. Choose Stroke...
    3. Change the Size to 2px.
    4. Click on the red rectangle to access the color picker.
    5. Change the color to black by clicking-and-dragging into one of the bottom corners. Click OK.
    6. Click OK again.
  7. Now to make the text semi-transparent. Near the top of the Layers palette, change Fill to 25 and press Enter.
  8. Save the image as a jpeg file:
    1. File > Save for Web and Devices.
    2. Under the Done button, change the Preset to JPEG High.
    3. Click Save.
    4. Rename the file "ghostly.jpg" and make sure it's going into your "lastname_text" folder. Click Save.
  9. Save the file (Ctrl-S).

 

Heavenly Text

fun with text

  1. In the Layers palette, c lick the eyeball for the "New York City" layer to make it invisible. We're going to keep it but try another version.Photoshop layer eyeball off
  2. Press T on your keyboard to select the Text tool again.
  3. Choose a script font at a fairly large size. I used Kaufmann at 150pt.
  4. Type whatever text you like, and then place it where you'd like using the Move tool. The color does not matter for this one.
  5. In the Layers palette, set the Fill to 0 and press Enter.
  6. At the bottom of the Layers palette, click on the fx button and select Outer Glow...
    1. Click on the small yellow square to set the glow color. I chose #ccccff, a soft blue. Click OK.
    2. Set the Size to 10px.
    3. Click OK.
  7. Save the image as a jpeg file:
    1. File > Save for Web and Devices.
    2. Under the Done button, make sure Preset is still set to JPEG High.
    3. Click Save.
    4. Rename the file "heavenly.jpg" and make sure it's going into your "lastname_text" folder. Click Save.
  8. Save the file (Ctrl-S).

 

Transparent Gradient Text

fun with text

  1. Click the eyeball for the second text layer to make it invisible.
  2. Press T on your keyboard to select the Text tool.
  3. Choose another bold font at a fairly large size. I used Albertus Extra Bold at 140pt and typed in all capital letters.
  4. Set the foreground color to white.
  5. Type whatever text you like, and then place it where you'd like using the Move tool.
  6. We need a layer mask which will allow us to hide part of the layer:
    1. vector layer maskMake sure the new text layer is selected in the Layers palette.
    2. At the bottom of the Layers palette, click the Add Vector Mask button. It is next to the fx button and looks like a circle inside a rectangle.
  7. Now will make the text go from white at the top to transparent at the bottom.
    1. gradient toolSelect the Gradient tool on the tool bar. If it is not visible, click-and-hold on the Paint Bucket tool to see the fly-out menu, then select the gradient tool.
    2. Make sure your foreground color is still white.
    3. In the Options bar, click on the large rectangle on the left which has a color gradient in it. This will allow you to edit the gradient.
    4. In the Gradient Editor window, choose the third gradient from the left in the top row. It is Black to White.
    5. Click OK.
    6. Position your cursor at the bottom edge of the text.
    7. Hold the Shift key down to keep your gradient straight. Click and drag up with your mouse until your cursor is at the top edge of the text. Let go of the mouse button first, then let go of the Shift key.
  8. Save the image as a jpeg file:
    1. File > Save for Web and Devices.
    2. Under the Done button, make sure Preset is still set to JPEG High.
    3. Click Save.
    4. Rename the file "gradient.jpg" and make sure it's going into your "lastname_text" folder. Click Save.
  9. Save the file (Ctrl-S).

 

Embossed Text

fun with text

  1. Click the eyeball for the newest text layer to make it invisible.
  2. Press T on your keyboard to select the Text tool.
  3. Choose any font at a fairly large size. I used Futura Book at 150pt. All capital letters works best. The color does not matter.
  4. Type whatever text you like, and then place it where you'd like using the Move tool.
  5. Click the fx button at the bottom of the Layers palette. Select Bevel and Emboss...
    1. For Technique, choose Chisel Hard.
    2. Change the Size to something suitable for your font. I chose 10px.
    3. In the left-hand panel, click on the words Gradient Overlay (not the checkbox.)
    4. Next to the Gradient: option in the middle, click on the long rectangle to edit the gradient.
    5. In the Gradient Editor, select a gradient. I chose Copper. Make your own gradient if you like. Click OK.
    6. Back in the Layer Styles dialog box, click on the words Outer Glow. Set the Size to 15px.
    7. Click OK to close the Layer Styles dialog box.
  6. Save the image as a jpeg file:
    1. File > Save for Web and Devices.
    2. Under the Done button, make sure Preset is still set to JPEG High.
    3. Click Save.
    4. Rename the file "embossed.jpg" and make sure it's going into your "lastname_text" folder. Click Save.
  7. Save the file (Ctrl-S).

 

Warped Text

fun with text

  1. Click the eyeball for the newest text layer to make it invisible.
  2. Press T on your keyboard to select the Text tool.
  3. Choose any font at a fairly large size. I used Adobe Garamond Pro at 200pt.
  4. In the Options bar, change the color of the text to match the lights of the city.
    1. Click on the "Set the text color" rectangle just after the alignment buttons.
    2. Move the color picker dialog box to the side so you can see the buildings.
    3. Click inside the bright yellow of the tallest building. This sets your text color to match.
    4. Click OK.
  5. Type whatever text you like, and then place it where you'd like using the Move tool.
  6. Back up in the Options bar, next to the color rectangle, click on the "Create warped text" button.
    1. Move the Warp text dialog box out of the way of your text.
    2. Use the Style: dropdown box to see what options are available.
    3. Select your favorite warp style. I chose Fish.
    4. Change the settings as you like.
    5. Click OK.
  7. Add any layer styles you might like to jazz it up further. I chose Satin...
  8. Save the image as a jpeg file:
    1. File > Save for Web and Devices.
    2. Under the Done button, make sure Preset is still set to JPEG High.
    3. Click Save.
    4. Rename the file "warped.jpg" and make sure it's going into your "lastname_text" folder. Click Save.
  9. Save the file (Ctrl-S).

 

Turn In Your Text Folder

  1. The following files should be in your "lastname_text" folder:
    1. graphic_manhattan-background.jpg
    2. funwithtext.psd
    3. ghostly.jpg
    4. heavenly.jpg
    5. gradient.jpg
    6. embossed.jpg
    7. warped.jpg
  2. Right-click on your "lastname_text" folder and select Copy.
  3. Navigate to RMK201\Period X\Inbox\Final Review.
  4. Right-click on the "Final Review" folder and select Paste.

 


ABOUT MRS. PEDERSEN · EMAIL MRS. PEDERSEN
resources · copyright information · Website designed by
Order a Custom, Watercolor Pet Portrait at PetsByDawn.com
>