Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Simplistic Orbs Tutorial

Simplistic Orbs Tutorial


Create a new document 800x600, Choose a dark colored background ive choosen this as mine.

image 1

Select your "elliptical marquee tool" and draw out a circle (size depends on how big you want the orb).

image 2

Now add the Create a new document 800x600, Choose a dark colored background ive choosen this as mine.

image 1

Select your "elliptical marquee tool" and draw out a circle (size depends on how big you want the orb).

image 2

Now add these layer styles. Change the colors to some colors of your choice to suit your design etc...

image 3

image 4

image 5

You should have something like this.

image 6

Now select your "elliptical marquee tool" once again and draw out a "white circle".

image 7

Set opacity to about 20%, then add a layer mask. Mask the white circle so it blends in nicely.

image 8

Do the same again following the steps above, adding another bigger circle at the top and a smaller one at the bottom also setting the opacity to suit. You should end up with this.

image 9

Thats it all done a nice simple orb, all thats left is to add a logo of some sort. Heres a few i done earlier.

image 10
image 11
Vista Wallpaper Tutorial

se layer styles. Change the colors to some colors of your choice to suit your design etc...

image 3

image 4

image 5

You should have something like this.

image 6

Now select your "elliptical marquee tool" once again and draw out a "white circle".

image 7

Set opacity to about 20%, then add a layer mask. Mask the white circle so it blends in nicely.

image 8

Do the same again following the steps above, adding another bigger circle at the top and a smaller one at the bottom also setting the opacity to suit. You should end up with this.

image 9

Thats it all done a nice simple orb, all thats left is to add a logo of some sort. Heres a few i done earlier.

image 10
image 11
Vista Wallpaper Tutorial



Author's URL: Hv-Designs.co.uk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: