Create a web 2.0 like button in Photoshop part 2: Round Button

Here is an easy tutorial on how you can build a round button for your web site using adobe photoshop. Create a new file (File>New) at 72dpi, RGB mode and create a circle using the eclipse tool. Apply the following effects on the circle layer and your button is ready. We iclude the .psd file below so you can build your button upon ours. The light blue we used for the gradients and stroke is #27cef8.

b1

b2

b3

b4

b5

b6
Download the source .psd file. Your button after the steps above should look like this below

Sample

2 thoughts on “Create a web 2.0 like button in Photoshop part 2: Round Button

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.