Her

Home Photoshop Tutorials Drawing Techniques Creating a basic Gel Button

Creating a basic Gel Button

Author: Amoebic Tutorials Author's URL: www.amoebictutorials.com More by this author

Step 1

Open a new document and make a rounded rectangle.

image 1

Step 2

Double click this layer and at Layer Style, change the size to 1 and color to #b1b1b1.

image 2

Step 3

Next in the same Layer Style menu, click on Inner Shadow. Change the color to #b1b1b1, distance to 0, choke to 0, and size to 5.

image 3

Step 4

Next in the same style menu, click on gradient Overlay and change the colors. I chose light blue with an even lighter blue on top.

image 4

Step 5

use the Marquee Tool and make an oval above your button. Fill it with white. and set the opacity to 40% and Fill to 50%. Finally type whatever text you want in it.

image 5

Final Result:

Gel Button