Photoshop Tutorial: Glossy Orbit Style Button

In this tutorial, we will create a shiny purple Glossy Orbit Style Button in Photoshop. Though I am using Photoshop CS3, any version will work. Here you will learn how to create an orbit using the Blending Options. I hope you will like this tutorial. Feel free and share your comments with us.

Other useful photoshop tutorials:

Glossy Orbit Style Button: Final Preview

Glossy Orbit Style Button in Photoshop

Tools and Resources

Tools and Resources

Tools

These following photoshop tools are used in this tutorial.

  • Ellipse Tool
  • Gradient Tool
  • Elliptical Marquee Tool

Let’s start to create our glossy orbit style button,

Step 1

Open Adobe Photoshop, and create a new Photoshop document. I am going to create a new document of 520 x 520 px with #a65c81 color background.

Glossy Orbit Style Button

Step 2

Select your Elipse Tool (U) and draw a perfect round circle shape in black color on your current document as shown in preview below.

Using The Elipse Tool

Step 3

Now apply some blending options on this shape layer. Follow these following blending options.

Gradient Overlay

Gradient Overlay

Bevel and Emboss

Bevel and Emboss

After applying these blending options we get a awesome effect as shown in preview below.

Applying Blending Options

Step 4

Now, select your Elipse Tool (U) again, and draw another perfect circle shape on top of the previous shape layer, this time, slightly smaller, and center it on top of the bottom layer as like in preview below.

Applying Elipse Tool

Step 5

In this step, we apply blending options again on this new shape layer, fallow these some options.

Inner Shadow

Inner Shadow

Gradient Overly

Gradient Overly

Stroke

Stroke

Applying some blending options, we get a fantastic effects as shown in preview below.

Applying Again Blending Options

Step 6

  • Now create a new layer above the two shapes layers.
  • Use the Elliptical marquee tool to make a selection as like in preview.
Elliptical Marquee Tool
  • Then move your cursor to the layers plate placing it just above the top shape’s layer.
  • Hold down Ctrl+Shift+Alt+click on this layer. Your selection will convert to another selection.
  • Fill this layer in with white, then press Ctrl+D to deselect.
  • Set the layer style to Soft Light, and set it’s opacity to 70%.

Finally! we have an amazing glossy orbit style button. Now you can see final preview below.

Final Preview

Glossy Orbit Style Button in Photoshop

I hope you have enjoyed this glossy orbit style button tutorial. Don’t Forget to Follow TutorialChip on Twitter or Subscribe to TutorialChip to Get the Latest Updates on Giveaways, Tutorials and More for Free.