This tutorial will show you a simple way to create a gel button.

Start by creating a new 500 x 500 pixel canvas. Create a new layer and draw out a vector shape. (There are many available in your custom shapes window/ custom shape tool, you can find more on the internet, just search for “photoshop custom shapes”).

Double click on the layer. Your layer styles window should pop up. Add in the following properties to your layer styles:

Color Codes Used:
Bevel and Emboss: Shadow Mode #009DE7
Cover Overlay: Blend Mode #0CAAB9
Stroke: #108393

This is what you should have so far:

You can go back to the custom shapes tool and add in another graphic over the one you have. Change the opacity of the layer to 60%.

and that’s it! Hope you enjoyed it.