Round Glassy Buttons in Photoshop Photoshop Tutorial
Make round glass buttons in Photoshop
This Photoshop tutorial shows you how to make round, reflective buttons that look like glass. Also check out my Liquid Glass apple effect.
1.
As always, start with a transparent layer.
Draw a circle using the circular marquee tool. Tip: Hold the alt/option key to draw from the center and hold the shift key to draw a perfect circle.
2
Now we want to create a circular gradient, from bark to light blue. Use the settings here, then drag from the middle of the circle. Don’t deselect.
3
Create a new layer and change the gradient setting to this: Linear, Foreground to transparent and change your foreground color to white.
4.
Drag the gradient tool from the top to the bottom, with the top white.
5
Press Ctrl/Cmd+T for the free transform tool
Bring the bottom to almost 1/2 way. Bring the top and sides in a little bit until it looks similar to the picture.
6
For added realism add a slight gaussian blur to the highlight and drop the opacity a little.
7
You may also add text. Put the text layer behind the highlight and lower the opacity.
Add the buttons to your interface – Merge Visiable and drag the buttons to your interface.
Keep growing with Premium Courses
Photoshop 2026 for Digital Photographers
Learn Photoshop properly, from the basics to pro retouching, step by step.
$129.00 · one-time purchase · instant download
Free for you
The Photoshop Vault
Get my free Layer Blending Modes ebook along with dozens of exclusive Photoshop goodies: actions, brushes, presets and cheat sheets.
You're on the list, so your free goodies are waiting for you in the Vault.
Get Free Photoshop Goodies Open the Vault
Collaging in Photoshop Photoshop Tutorial
More collaging techniques for Photoshop, using channels and layers.This is a bit more in depth than some of the other tutorials, you... Read tutorial
How to make re-usable graffiti in Photoshop tutorial
Time to tag your images in Photoshop, here's the tutorial on creating reusable graffiti in Photoshop. Read tutorial
Water splashes and drops in Photoshop Photoshop Tutorial
Ever wondered how they get those drops of water to look so realistic? Its time to give your images a baptism! Read tutorial
Segmented tubes in Photoshop Tutorial
Here is my Version of the ever popular Segmented Pipes photoshop tutorial. A staple for interfaces.Enjoy Read tutorial
Cast Shadow in Photoshop Tutorial
What do you do when a drop shadow isn't realistic enough? Create a cast shadow. When you see an object in a... Read tutorial
