Create a Set of Colorful Rounded Buttons for your website

Please Note: Do NOT copy our entire tutorials, we work hard to make these. You are not allowed to translate our tutorials and add them to your site without our permission.

Checked out our Comics yet?

In this tutorial I will show you how to create a set of colorful rounded buttons for your website.

This is the final image with all the buttons minimized and aligned together:



Step 1:

Making the First Red Button.

Open a new document, 600px width and height.

Create a large round circle, keep the shift button pressed so its rounded and equal from all sides, with red color [code: #EB1717] in it:



Apply the following Layer Styles settings:





Shadow mode color : grey : #978787
Highlight color: white #ffffff

Continued on next page