In this tutorial, we’ll be creating the iconic Bat logo of the superhero, Batman. Here, we’ll be using the Pen Tool to sketch out the ‘bat’ and a set of Heavy Scratches brushes to add a great amount of detail to the bat logo.
With a document size of 800 by 600 px, resolution of 140 dpi and a white background, I started with an outline of the original bat logo which I desaturated and; the contrast increased thus, leaving nothing but the shape of the logo.We’ll be using this shape as guides for our actual bat logo.
For greater accuracy, we’ll have to enable grid lines for our document by going to View>Show>Grid.
The document enabled with Grids.
Create a new layer ‘bat’ and on the Tools bar, select the Pen Tool and map out the shape of the bat logo as shown below:
Now for the intricate part. For other tools options under the Pen Tool, select the Add Anchor Point Tool and add a number of points to the straight lines of the logo. With your mouse or the directional keys on the keyboard, move the Anchor points steadily upwards or diagonally to create a curve(s).
For more smoother curves, drag the handles of the Anchor Points in the direction most appropriate.
Add more Anchor Points and repeat the previous steps to create more curves.
For the edges of the logo, more specifically points of the wings, ensure that they’re rounded and not sharp.
Below is the final result:
I deleted the layer that I used as my guides and pressing Ctrl+-, the Grids were removed.
Fill the bat logo with a grey colour.
From www.sxc.com, download for free this brushed metal texture. Now position the top most part of the metal texture over the bat logo.
Holding down the ALT key, click inbetween the ‘bat’ and ‘metal’ layers for a Layer Clipping Mask.
Double-click on the ‘bat’ layer and select a Bevel and Emboss Layer style. Set its parameters as shown below:
Follow up with a Gradient Overlay style and set and adjust the Gradient Color Stops:
Reduce the Gradient’s Opacity to 60%or lower, set its Style to Radial and Angle at 0 degrees.
Also select a Drop Shadow Layer Style and set its parameters as shown below:
Now to create some scratches and dents on the metallic bat logo. We’ll be using two sets of Scratch brushes. The Heavy Scratches brushes can be downloaded from Dawghousestudio.com and another Scratches brush by can be downloaded from Brushstock.com.Load these brushes into Photoshop and select the brush of choice from the Brushes Palette and change the foreground colour to black. These brushes have huge pixels larger than our working document and so we’ll must reduce the size of the brush(es) on application (painting that is). Do create a new layer for this.
Hit Ctrl+T to enter the Free Transform mode and with the mouse position close to corner the selection, rotate it slightly diagonally. This is ensure some of the brush strokes don’t appear too linear.
Select the Eraser Tool (E), and clear the brushes marks that might be left outside the logo. Also erase just slightly the inner edges of the logo. Reduce brush opacity to 90%.
The result below:
With the ‘bat’ logo selected, create an Inner Shadow Layer style. Reduce the Shadow’s Opacity to 30%, its Angle to a 100degrees, Distance at 5 px and Size at 4 px.
We now use another metal texture for the background. You can download this or any other metal texture you might fancy from http://www.3dmd.net/gallery/large-free-brushed-metal-texture-fs125.html.
Press Ctrl+U for the Hue/Saturation Dialog box and make the adjusts as shown below. This sort of, to a degree desaturate the texture. (A full desaturation would have left the texture with a faint bluish tint).
Go to Filter>Blur>Gaussian Blur and set the Blur Radius to 0.7 pixels.
Still on the ‘background’ layer, select the Heavy Scratches brush once again and increase the brush size just large enough to cover the entire background texture.
Select a couple of other Heavy Scratch brushes from the Brushes Palette and reduce their sizes and then paint away.
Change the brush colour to white and reduce its opacity to 80% and add some more scratch markings around the bat logo.
Go to Filter>Render>Lighting Effects and set the Light Type as Omni and Intensity to 9.
Have the background image sharpen by going to Filter>Sharpen>Sharpen. Press Ctrl+F to Sharpen again.
Select the Burn Tool (O), set the Burn Range to Highlight and Exposure to 45%. Burn around the edges of the texture background.
Select the ‘bat’ layer and press Ctrl+L for the Levels Dialog box. Increase the light for the bat logo with the parameters below:
Create a new layer and select a black Spatter brush. Paint sparingly one part of the bat logo.
Go to Filter>Blur>Gaussian Blur and set the Radius to about 35 px. And we’re done.