Badge / Sticker Button in Photoshop

Posted in Buttons, web 2.0

In this tutorial we will learn how to make a web 2.0 type badge / sticker type button

1) Create a new file (File -> New), lets take 300 X 300 px size and transparent background.

2) From tool palette select “Custom shape tool”

 14

3) Now select seal shape.

23

4) Select a color, lets select white color and draw a shape on the new document.

34

 

5) Right click on the layer and select “blending options”

43

6) Now do following settings.

53

63

72

7) Now our button looks like this:

82

8 ) Now create a new layer (Layer -> New layer) and select the “Eliptical Marquee Tool” and make a selection like this.

93

9) Fill the selected area with white color.

102

 

10) Set the layer opacity to 20% and set the mode to Soft Light and deselect layer (ctrl + D) Our button is ready.

112

123

You can add some text on the button as per your need.


You can leave a response below, or trackback from your own site.

1 ResponsesLeave a comment ?

  1. [...] Badge / Sticker Button in Photoshop Quote: [...]

Leave a Reply