Designing a Golden Sheriff’s Badge

In this quick & easy tutorial you’ll be learning how to design an old-fashioned sherrif’s badge! Pretty much just by using layer styles you can come up with a nice badge like mine shown below.

Designing a Golden Sheriff’s Badge Photoshop Tutorial

1. Document

Start off by first creating a new document, then add in a background that will suit the badge. Here I used a small document size of 400 x 400 pixels and I also used an old wood texture I found on deviantART.

wood texture

Please feel free to download the texture used above, but take note that I didn’t make it.

2. Creating Badge Shape

Find and get out the Custom Shape Tool, shown below.

custom shape tool

Change your Custom Shape Tool settings to as closely resemble mine shown below as possible.

custom shape tool settings

Next, find and select the sheriff’s badge shape in the custom shapes:

sheriff's badge shape

Create a new layer (Layer > New > Layer…) then change your foreground color to a dullish-yellow. (#bc982c)

Draw your shape onto the canvas, like mine shown below.

badge drawn

(note: hold shift down and drag your shape to keep it properly proportioned.)

3. Applying Effects (Layer Styles)

Time to add effect. Right-click your layer in the layer’s palette and go into the blending options, then apply the following layer styles:

  1. Inner Glow
  2. Bevel and Emboss
  3. Gradient Overlay
  4. Pattern Overlay (download)

After applying all of these settings, you should now be left with a result very closely resembling this one shown below.

after layer styles

4. More Details

Well, it’s a little dull, so I think it needs a few more details!

Holding the ctrl key down on your keyboard, click the thumbnail for your badge layer, this will select the pixels. Contract your newly-made selection by about 4 pixels (Select > Modify > Contract) then create a new layer.

selection contracted

On the new layer, draw a white gradient from the top left corner to the around the middle, then the bottom right corner to the middle area again. This is the kind of look we want to achieve here with the gradients:

white gradients

(note: you can also use the brush tool, if you want!)

Change the layer mode for this gradient layer to Overlay or Soft Light.

overlay mode

5. More Effect

Merge the two badge layers together. (main badge layer, and white gradient layer) After you’ve merged the layers together, apply the following layer styles to the remaining layer:

  1. Outer Glow
  2. Inner Glow
  3. Pattern Overlay (download)
  4. Satin

And now you get an effect like this:
after applying layer styles

Looking pretty sweet now!

6. Finishing

To finish off, we’ll add some text to the badge. This is the best I managed to come up with:

text added

To achieve text that looks just like mine, write out your text on the badge using black as your text color, then apply the following layer styles to the text layer:

  1. Drop Shadow
  2. Inner Shadow
  3. Color Overlay
  4. Gradient Overlay

I also changed the layer mode for my text layer to Soft Light and lowered the opacity to 30%. Now you can finish this off you can apply a nice lighting effect, and maybe sharpen.

Designing a Golden Sheriff’s Badge Photoshop Tutorial

And that’s all for this tutorial! I hope you enjoyed it, even just a little bit 😀