Zymic

Webmaster resources

Website Traffic Special

1000 visitors from $3.95 - Learn More

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Orbs

Create futuristic orbs for your interfaces or site layouts!

Step 1

Make a new document around the size of 200 x 100.
Fill in your canvas with the colour #535353

Step 1 diagram

Step 2

Make a new layer and select the Elliptical Marquee Tool.

And at the top of the screen select fixed size and use this size: width= 28 pixels, height= 23 pixels

Now click any where near the middle of your canvas and it should make a circle selection, select the paint bucket tool and fill the selection in with black!

Press Ctrl D to deselect.

Step 2 diagram

Step 3

Open up the blending options [ Layer > Layer Style > Blending Options ]

Click Inner Shadow and use these settings:

Step 3 diagram

Step 4

Now go to: Outer Glow

Step 4 diagram

Step 5

Now go to: Inner Glow

Step 5 diagram

Step 6

Now go to: Bevel And Emboss

Step 6 diagram

Step 7

Now go to: Contour

Step 7 diagram

Step 8

Now go to: Satin

Step 8 diagram

Step 9

Now go to: Colour Overlay

Step 9 diagram

Step 10

Now go to: Stroke

Step 10 diagram

Step 11

I'm sure your getting tired now? Well... wouldn't it be nice to save these settings so you don't have to keep repeating this tutorial? At the top left of the blending options window click Styles.
Click new style and Name it ORB and press OK. Now if you ever need this tutorial again, just click the style named "ORB" and tadaa!

Step 12

Now press "Ctrl + Click the orb layer", a selection should have been made. Make a new layer and drag it underneath the orb layer. Go to [ Select > Modify > Expand ] by 3 or 5 pixels. The selection should now be bigger than the orb.

Step 12 diagram

Step 13

Now select the colour #333333 for your foreground colour and #656565 for your bg colour like on the right.

Select the gradient tool and drag a line through the middle of your selection.

Your Orb should now look like it's inset into the canvas, this is a good technique for when you build interfaces and layouts.

Step 13 diagram

Step 14

Orb's are great for interfaces and various designs, for example these orbs were used in zymic V2!

Step 14 diagram

Tutorial comments

21.03.2008 -

izzle says …

nice it goes great on gaming templates

10.01.2008 -

LiLManiac says …

wow cool

11.11.2007 -

Crown says …

G8 :D They look very nice but they r 2 small and da background is ok

03.11.2007 -

jgalaxy says …

Great tut, those orbs look very cool

View all user comments for this tutorial.

Tutorial statistics

Date added:
09.10.2004
Author:
Zymic
User rating:
5/5
Rate tutorial:
Total views:
4364
Total comments:
4

Advertisements