March 10th, 2009 in Photoshop Tutorials by Richard Carpenter
Futuristic Orb




18 Votes, Rating: 4.89
About The Author: Richard Carpenter
Richard Carpenter has written 331 posts.
Good afternoon everyone today were going to be creating a futuristic orb style wallpaper/image. First we’ll be creating a nice blue glassy orb, then we’ll go onto creating some flawlessy shiney metal surrounding. The quality of the end result will be high, although might not look so on my images due to them being .GIF’s. Right lets get started.
Firstly create a new document the size you want the image, i’m going to be using “800×600 pixels” with a “transparant background”. Set your forground color to #373737 and background color to #181818, goto “filter > render > clouds”.

Then goto “filter > pixelate > mosaic” use the settings below.

Now goto “filter > sharpen > sharpen” repeat this step a total of 2 – 3 times. Your end result should look like this.

Create a new layer above your background layer, with the gradient tool using a radial gradient drag a big radial gradient over your canvas.

Set the layer blending mode to “lighten”, you should now have something like this.

Set the color #0090ff as your forground, using the elliptical marquee tool or the circle tool create a big circle in the middle of your canvas.

Add these layer styles to your circle.




Your orb should now look like this.

Using the rectangular marquee tool, create 4 rectangles like a window. Makes sure there all on the same layer, there all the same size and that the space inbetween them are the same.

Goto “filter > distort > speherize” using the settings below.

Once you’ve entered the settings above press ok, then repeat the steps again twice more so its been done a total of 3 times.

Goto “edit > free transform” (HOTKEY: CTRL + T), rotate and resize to fit inside the orb. Set layer opacity to 10%.

Now were going to make our orb look nice and glassey. Create a selection like the image below using the “elliptical marquee tool”.

Fill the selection with the color white, then add a layer mask. Reset your forground and background to black and white, select the gradient tool with a linear gradient. Start from the bottom of the circle and drag upwards about half way up. The bottom of the circle should sort of disapear and blend in with the orb. Set layer opacity to 10%.

Repeat the steps above only this time make the selection slighly wider and move it down a little. Also set opacity to 15%.

The effect your looking to get is something like the image below.

Duplicate your first circle and flip it vertically, postion the the circle at the bottom of the orb.

Thats our orb finished, now lets create our flawless metal outter circle. With the elliptial marquee tool OR circle tool, create a big white circle bigger than your orb.

Place the bigger outter circle on a layer underneath your orb layer. Add these layer styles to your big outter circle.



You should have something like this.

Click on your outter circle layer whilst holding down the CTRL key on the keyboard, this should load a selection, create a new layer above your outter circle layer and goto “edit > stroke”.

The reason why i done the stroke this way is because, you dont get jaggy edges, if you add your stroke VIA the layers pallete the edge is very jaggy. Just a quick work around. Thats basically it you could then take it abit further and add some minor details, like screws and engraved text.

Dont forget to subscribe via RSS and twitter. Many thanks for reading, il look forward to your comments.
Be Part Of The Community!
Become part of the hv-designs community.
Subscribe Via RSS or Follow Us On Twitter.
Leave a Reply
Other Blogs Ive Written For
On occasions i write tutorials and articles for other blogs/tutorial websites, here are a list of tutorials and articles ive written. Features tutorials written on six revisions and PSD Tuts+.
Six Revisions Submissions
- Illustrative Web Design Layout Pt.1
- Illustrative Web Design Layout Pt.2
- 3D Gallery
- 3D Ribbon Style Layout
- Minimal Portfolio Layout
- Minimal Portfolio Layout PSD Sitebuild
PSD Tuts+ Submissions
HV-Design Flickr Group
Submit your photoshop artwork to the hv-designs flickr group. Not a member? Join Now.
Search HV-Designs
Can't find what your looking for??, Try searching.
Write For HV-Designs
Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More




39 Responses to “Futuristic Orb”