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.

We Recommend

About the Author

Name:

Share this post

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

    Trackbacks/Pingbacks

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

    2. rozet says:

      [...] … Format .psd | Res 513 x 164 | Scalable | Layered | Editable Text. License: Please Login or …Badge / Sticker Button in Photoshop PSYAG- PhotoShop Yag …In this tutorial we will learn how to make a web 2.0 type badge / sticker type button … 2) From [...]

    Leave a Reply