Button for colorful backgrounds (PSD available)

frame6

Hi Guys, welcome to first post of this blog. Just for clarification this blog is about design not specific software like photoshop, illustrator so tutorials will be focused on design methodology. So lets start. This design is made with Adobe Photoshop CS5

Step 1.

Draw a rounded shape on colorful background.

frame2

Step 2.

Use Following properties Inner shadow, Outer glow, Inner glow, Gradient Overlay

frame3

Step 3.

Type text you desire and give darker shade of color from background. Special thing of this button is use of Inner shadow property it will give the effect that text is merged with background.

frame4

Step 4.

Make a shape of circle. make it transparent and give inner shadow property this is normal state of the button.

frame5

Step 5.

Duplicate the button and give background color to the shape and can be used as hover state.

frame6

Thank you for visiting this tutorial. Click Download button to download PSD.
Download

Did you like this? Share it: