24
Nov

Awesome Dark Orange Orb

November 24th, 2007

If you're looking for a clean custom web design, then visit the incredible team over at Captain Marketing Thanks for visiting!

Step 1

The first thing we need to do for our orb is have a background. So using the Radial Gradient tool make a gradient from #333433 at the top left to #0b0b0b at the bottom right.

1_step1

Step 2

Now create a new layer and make a selection of 300 by 300 pixels using the Elliptical Marquee Tool in the middle of the document. Make another radial gradient from the top left of the selection with #dfbe0d to the bottom right in the colour #a01301.

1_step2

Step 3

Now we are going to be adding some effects to our orb’s layer. The first is an Outer Glow with the below settings.

1_step3a

The next layer style is the Stroke.

1_step3b

Your orb should now be looking something like:

1_step3c

Step 4

Create a new layer, and select the area of your orb and go Select > Modify > Contract by 3 pixels. Fill the selection with #ffffff.

1_step4

Step 5

Now we are going to be adjusting our white circle so that it is in a bit on the sides. Go Edit > Transform > Distort and bring in the two boxes on the left and right.

1_step5

Step 6

Adjust the blend mode to Soft Light and the Opacity of the layer to 70%.

1_step6

Step 7

Duplicate this layer and go Edit > Transform > Distort again and bring in the sides even more.

1_step7

Step 8

Now we are going to be applying a layer mask to this layer and using the Linear Gradient Tool make a gradient from the top in white to the bottom in black. This will make the layer fade out from top to bottom.

1_step8

Step 9

Last of all we are going to be adding some text. I am using the font Fertigo and set the colour to #e56821. I have also set the Blend Mode of the layer to Multiply and the Opacity to 40%.

1_step9

Posted by PSFreak! at 00:11 on November 24th, 2007 in Web Graphics

One Response to Awesome Dark Orange Orb

  1. ZeeLex says:

    The tutorial images are broken. Could you reupload them pls

Leave a Reply

Your email address will not be published. Required fields are marked *

*

* Copy this password:

* Type or paste password here:

4,490 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>