A Simple Photoshop BadgeButton Style - Create awesome shiny button badges!

In this simple tutorial we’re going to create a clever little way of making little buttons using a couple of layers and one interchangeable image layer. As always you can download the sample PSD at the bottom of the tutorial to follow along and copy layer styles out of.

Step 1:

Start by drawing in a coloured background. I’ve used dark brown/greys here and used a subtle radial gradient. Then in a new layer draw a circle and fill it with a colour. It doesn’t matter what colour you use, I’ve used green here.

A Simple Photoshop BadgeButton Style - Create awesome shiny button badges!

Step 2:

Next we are going to apply some layer styles. We’re using two types of inner shadow (one using ‘inner shadow’ and one using ‘inner glow’). Also we have a subtle gradient overlay and a drop shadow and a bit of “satin”. I’ve chosen these to try to make the object look 3d by using shadows at the edges curving away and a radial gradient to make it look like light is hitting the middle. The satin is just to add a bit of extra something!

Step 3:

Tutorial : A Simple Photoshop BadgeButton Style - Create awesome shiny button badges!
Look this tutorial : http://psdtuts.com/photo-effects-tutorials/photoshop-button-maker/


Possibly Related Post
  • Bookmark Button - Create a neat looking Bookmark Add us to Favorites button
  • Stamps Template [.PSD Photoshop file]
  • A very easy way to create an amazing design mixing watercolor effects and vector