NHS Designs

batman

Graphic Design Tutorials

Batman Logo

Layer Styles, Color, Levels, and Filters

Step 1

  1. Copy "batman logo.psd" from the Tutorials folder in the Outbox.
  2. Save it into your home folder, and rename it lastnamefirstnitial batman logo.psd.
  3. Open the file in Photoshop.

batman

Step 2

  1. Make sure the "batman logo" layer is selected in the Layers palette.
  2. Click on the Add a Layer Style icon at the bottom of the layers panel and choose Bevel and Emboss.
  3. Enter 100% for Depth, uncheck Use Global Light, enter 10° for Angle, and 55° for Altitude.
  4. Click on the Gloss Contour down-facing arrow and choose Cone -Inverted (top row, third icon from left).
  5. Raise the Highlight Mode Opacity to 100%, and click OK.
  6. Save the file (Ctrl-S).

batman

This will put a strong highlight on the right side of the logo.

batman

Step 3

  1. Duplicate "batman logo" ("batman logo copy") by dragging it onto the Create a New Layer icon at the bottom of the layers panel.
  2. Lower the layer Opacity to 50% and the Fill to 0%.
  3. Double-click on the words Bevel and Emboss to open the Layer Style dialog.
  4. Change the Angle to -149°, the Altitude to 58°, lower the Shadow Mode Opacity to 0%, and click OK.
  5. Save the file.

batman

This will put a thin highlight on the left side of the logo.

batman

Step 4

  1. Duplicate "batman logo copy" ("batman logo copy 2").
  2. Double-click on the words Bevel and Emboss to open the Layer Style dialog.
  3. This time, change the Angle to -56°, the Altitude to 69°, and click OK.
  4. Save the file.

batman

This will put a thin highlight on the lower right side of the logo.

Step 5

batman

  1. Shift-click on all three layer copies to select them, and press Ctrl-E to merge the three layers into one.
  2. Press Ctrl-L to bring up the Levels dialog.
  3. Drag the Midtone adjustment slider (circled) to the left to brighten the midtone highlights, then click OK.
  4. Save the file.

batman

Step 6

  1. Click on the Add a Layer Style icon and choose Stroke.
  2. Enter 1 for Size, lower the Opacity to50%, and click on the red Color swatch.

batman

  1. Choose a dark-blue color (R:55, G:87, B:108) and click OK.

batman

  1. Click OK to apply the layer style.
  2. Save the file.

batman

Step 7

  1. Create a new layer (Layer 1).
  2. Go under Edit and choose Fill...
  3. Change Use: to 50% Gray and click OK.

batman

  1. Go under Filter, under Noise, and choose Add Noise.
  2. Enter 10% and click OK.

batman

  1. Now, go under Filter, under Blur, and choose Motion Blur. Enter 20° for Angle, 100 for Distance, and click OK.
  2. Save the file.

batman

batman

Step 8

  1. With Layer 1 still selected, Ctrl-click on the "batman logo copy 2" thumbnail to load it as a selection.

batman

  1. Go under Select, under Modify, and choose Contract.
  2. Enter 5 pixels and click OK.

batman

  1. Now click on the Add Layer Mask icon (the gray square with the white circle in it) at the bottom of the Layers panel.
  2. Save the file.

batman

batman

Step 9

  1. Click on the Add a Layer Style icon and choose Stroke.
  2. Change the Size to 1, lower the Opacity to 50%, and click on the red Color swatch.
  3. Choose white as the color and click OK.

batman

  1. Now click on the words Gradient Overlay.

batman

  1. Change the Blend Mode to Overlay, click on the Reverse checkbox, and then click on the Gradient thumbnail.

batman

  1. When the Gradient Editor dialog appears, click on the white color stop on the right, then click on the white Color swatch at the bottom left.

batman

  1. Choose a blue color (R:70, G:111, 6:153) and click OK.
  2. Click OK once again to close the Gradient Editor.
  3. Change the Angle to 67°.
  4. Click OK to apply the layer style.
  5. Save the file.

batman

Step 10

  1. With the Layer 1 thumbnail selected (not the mask), choose the Dodge tool from the Toolbox.
  2. Up in the Options Bar, set Range to Highlights, and with a soft-edged brush, paint in some highlights on the left side of the logo.

batman

  1. Now choose the Burn tool, set Range to Shadows, and paint in some shadows.

batman

  1. Press Ctrl-E to merge down the layers.
  2. Save the file.

batman

Step 11

  1. Turn on the "sky" layer.
  2. Double-click on the word Stroke (under "batman logo copy 2").
  3. When the Layer Style dialog appears, click on Outer Glow.
  4. Lower the Opacity to 30% and click on the pate-yellow color swatch.
  5. Choose white as the color and click OK.
  6. Now change the Size to 16 pixels and click OK to apply the style.
  7. Save the file.

batman

batman

Step 12

  1. Choose the Text tool.
  2. Up in the Options bar, choose Arial 12 pt. Set it to center alignment, and click on the color swatch.

batman

  1. Choose a light blue for the text color (R:134, G:186, B:219).
  2. Open up the Charatcer palette. Set the Tracking to 300 (see the circled items below).

batman

  1. Click about halfway from the tip of the tail to the bottom of the image. Type in some text in all capital letters. Click on the green check mark in the options bar to save your text.
  2. Change the text layer's Opacity to 75%.
  3. Click on the Add a Layer Style icon at the bottom of the layers panel and choose Stroke.
  4. Set the stroke to 1 pixel and change the color to black.
  5. Now click on the words Outer Glow. Change the Opacity to 50%, the color to white, and the Size to 5 pixels.
  6. Save the file and turn it in to the Inbox.

batman
(Click on the image above for a full-size picture.)

 

 

Source: Photoshop User Magazine, October 2008


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