Buy3D.net
CG Links
Tutorials Garden
Graphics World
CG Files
3DS Models
2D 3D Tutorials
CG Ask
CG Dump

Article CATEGORIES

RSS Feeds

Tutorials

Articles

Blog

Friends and Affiliates

Website Statistics

Total tutorials : 8909
Total views : 1995728
Total votes : 12659

Category with most tutorials :
Photoshop (5301 Tutorials)
Category with most views :
Photoshop (973795 Views)
Category with most votes :
Photoshop (6715 Votes)
Related articles
Convert any picture into a horrifying image
In this tutorial, your going to learn how to convert any person's picture into a horrifying image.

Creating Stylish Photo Design
In this tutorial, you will learn how you can make a beautiful photo just by merging some random images.

Making 3D Logos and Objects in Photoshop
This tutorial demonstrate how to produce a 3d look in shapes and text using Adobe Photoshop.

Creating web 2.0 logos
In this tutorial, you will learn how to create text based logos, that reflects a web 2.0 look.

Advertisement


Making Cool Interface Orb

In the following tutorial, you will learn to make clean interface orb. Below is what we are going to get at the end of tutorial.
Making Interface Orb


1 Create a new document around 400px by 400px in size with a white background. Set your Background color to white and Foreground color to light blue. I used #428CDE. Create a new transparent layer on top and make it active. Now select your Elliptical Marquee Tool. Holding Shift Key draw a circle with the Marquee Tool on the center of your document. Now the hit CTRL + Enter Keys.

Making Interface Orb


2 With layer 1's transparency still selected create new Layer. Now Press ALT + Enter Keys. This will fill the layers with blue color. The image should be lookin' like the third picture. Now we are going to make ORB.

Making Interface Orb
Making Interface Orb


3 Layer 2 still selected create new Layer. Now grab your Linear Gradient Tool. On the top select the mode Foreground to Transparent and lower down the Opacity to 50% and check the Diether and Transparency Box like the picture above. Now make a Gradient from bottom to top. And change the Blending Mode to Linear Dodge of Layer 3. Now it's giving some look.

Making Interface Orb
Making Interface Orb


4 Create new layer. With new Elliptical Marquee Tool. Make a circle like the picture at left and hit CTRL + Enter Keys. It will become white. Now lower down this layer's opacity to 20. It will be giving good effect now.

Making Interface Orb
Making Interface Orb


5 Now we are going to add some reality. Select Layer 1 and double click it and add the effects mentioned on left.

Making Interface Orb


6 Select Layer 2 add the blending options at left.

Making Interface Orb
Making Interface Orb


7 Yes, It's looking perfect. Here is the final result. I am sure you will like it.
Making Interface Orb


Bookmark Article

Making Cool Interface Orb Making Cool Interface Orb Making Cool Interface Orb Making Cool Interface Orb Making Cool Interface Orb Making Cool Interface Orb Making Cool Interface Orb Making Cool Interface Orb Making Cool Interface Orb


Share Article

Liked this tutorials? Want to put a link on your website, please use following code


About Author

Abdullah Ibrahim AKA designcode is 20 year old web developer having skills over PHP, MySQL, XML, SOAP, AJAX, Javascript, Photoshop, Flash, XHTML and CSS. He loves to create rich web 2.0 applications.

Apart from his day time Job as a Software Developer, he also do web designing and development as a freelancer web designer and developer.

In his free time, that he rarely have, he like to read books, listen music and hangout with friends.

Latest Resources

Most Viewed

Modeling Nokia Lumia in 3ds Max Modeling Nokia Lumia in 3ds Max
Modeling Nokia Lumia 800 is a very detail tutorial. Each step of the tutorial equipped with illustrative picture. It is ...
Category: 3d-studio-max 3D Studio Max
Sackboy modeling tutorial Sackboy modeling tutorial
In this tutorial I have explained how to model a character from Little Big Planet. It is a very detailed ...
Category: 3d-studio-max 3D Studio Max
Create a Mixed Media Style Design In Photoshop Create a Mixed Media Style Design In Photoshop
Learn how to create this creative mixed-media composition in Photoshop! This is a great tutorial for designers who want to ...
Category: photoshop Photoshop
3dsmax tutorial for office chair. 3dsmax tutorial for office chair.
Hello friends I will show how create a 3dsmax 3d office chair model tutorial.I have used following techniques shown below in ...
Category: 3d-studio-max 3D Studio Max
3dsmax tutorial for mobile charger. 3dsmax tutorial for mobile charger.
Hello guys I will show how create a 3dsmax 3d mobile charger model tutorial.I have used following techniques shown below in ...
Category: 3d-studio-max 3D Studio Max

Top Rated

Create A Glossy Sphere Icon With Network Energy Bands Using Photoshop Create A Glossy Sphere Icon With Network Energy Bands Using Photoshop
In this special tutorial, we will teach you how you can create a glossy sphere icon with network energy bands using ...
Category: photoshopPhotoshop
Modeling Nokia Lumia in 3ds Max Modeling Nokia Lumia in 3ds Max
Modeling Nokia Lumia 800 is a very detail tutorial. Each step of the tutorial equipped with illustrative picture. It is ...
Category: 3d-studio-max3D Studio Max
How to Create a Trendy Typographic Poster Easily in Photoshop How to Create a Trendy Typographic Poster Easily in Photoshop
Typography is the technique and art of arranging type to make words or letters noticeable. In this art (arrangement of type) ...
Category: photoshopPhotoshop
How to Create a Sci-Fi Giant Tortoise Shelter Photo-Manipulation How to Create a Sci-Fi Giant Tortoise Shelter Photo-Manipulation
Learn how to create this sci-fi giant tortoise shelter photo manipulation.This tutorial will show you how to create giant-sized objects and ...
Category: photoshopPhotoshop
How to make 3D Hosting Server in Photoshop How to make 3D Hosting Server in Photoshop
You all know very well about hosting services and hosting servers. You will think that what would be in this topic ...
Category: photoshopPhotoshop
Home | About Us | Advertise | Link to Us | Contact Us Privacy Policy | Disclaimer | Terms of Uses
Copyright 2006-2009. Please do not use website contents without our permissions.