In this tutorial, I will show you how to create another type of glossy button in Photoshop. It will be in the form of a round drop and have a color tint inside.
So, let's create a new document with dimensions of 90x90 pixels, then convert the new layer, take the tool Elliptical Marquee ToolOval selection and select a circle approximately 80x80 pixels in size. Press Shift+F5, having previously selected black as the main color, to fill our area with this color.
Go to the blending options settings and select the Gradient OverlayGradient overlay item. Now select the color #baff9c for the far left slider and set it to the 25% position.
Next, enable Inner ShadowInner shadow and change the opacity to 100%, the distance to 0 pixels, and the size to 30 pixels. Select the contour set from Gaussian presetGaussian preset.
Enable the shadow - change the color to #3a6228, the distance to 0 pixels, and the size to 8 pixels.
Now let's finish our button by adding a glossy effect.
Create a new layer, use the tool Elliptical Marquee ToolOval selection and select an area 40x20 pixels in size. Fill this section using a black-and-white gradient on the new layer. Change the layer blending mode to ScreenScreen and set the opacity to 90%. Now our button is ready.
You may need to change its color. To do this, click on the layers panel Create new fill or adjustment layerCreate new fill or adjustment layer, select the Hue/SaturationHue/Saturation item, and check the box next to the ColorizeColorize menu. Now, by moving the sliders for hue, saturation, and brightness, you can adjust the suitable shade for the drop.
Was this helpful?
