Designing a Golden Sheriff’s Badge


Advertisement


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 :D

No related posts.

Follow Photoshop Star

If you want to receive updates from PhotoshopStar, please consider subscribing our RSS feed. You can also follow us on Twitter or on our Facebook page.

If you prefer, you can also subscribe to our monthly Newsletter.

Share this Post

10 Responses to “Designing a Golden Sheriff’s Badge”

  1. Hi, Thank you for your best & useful tutorials. You are really a PhotoShop Star ;)
    (on part 5 > satin link > don’t work)

  2. I cant download the pattern in step 4.

  3. Dustin: The link seems to be working for me.

    Save the image to your harddrive, open it with Photoshop then define it as a pattern (Edit > Define Pattern) then you can apply it to things.

    Hope it works out

  4. Good TUT just 2 problems i couldnt get text to work and i couldnt download the patern

  5. The pattern is a jpg – click the link, then save the image to your computer. Then open the image in photoshop and go to Edit > Define Pattern. :) There you go, your pattern.

    Oh yea, and, great tutorial! :D

  6. hi…
    ehm, i have a problem with my inner and outer glow…they don’t seem to work

  7. its good but u must post the blending optins here it must nt be on links i hope u got me……!

  8. I agree with Mohi, one of the best tutorial I have ever seen

  9. nice texture and tutorial but low quality image.