Photoshop  Home Photoshop Drawing Techniques WMP Orb
rss

WMP Orb

Author: Webmaster More by this author


Step 1.

Start a new document that is 300 x 300 in size, and fill the background with the following gradient:

The colors used are: #84AAD9 and #A4BFEA

image 1

Step 2.

Next create a new layer, and make a a selection like pictured bellow:

image 2

and fill this selection with #FFFFFF (white)

image 3

next set the opacity of this layer down to 31 percent, go up to Filter->Blur->Gaussian Blur with a setting of 2 pixels

image 4

here's what you should have

image 5

Step 3.

Create a new layer, get out the elliptical marquee tool hold down the Shift key (to make a perfect circle) and make a selection like this in the center of the canvas:

image 6

Fill this selection with #5B87CE Do not deselect!

image 7

Step 4.

Create a new layer. Set your foreground color to white (#FFFFFF) Get out your brush, with these settings:

image 8

now color in the bottom portion of the selection like so:

image 9

It doesn't have to be perfect, just similar to what I've got.

Now go to Filter->Blur->Motion blur, and apply these settings:

image 10

Here's what you should end up with:

image 11

Drop the opacity of this layer down to 85 percent. Press 'V' on your keyboard (to get out the move tool) and press the up arrow on your keyboard 4 times. This will move the blur up slightly

image 12

Next go to Filter->Blur->Gaussian blur with a setting of 5:

image 13

Here's what you should have now:

image 14

Step 5.

Next hold down the Ctrl key and click on the lay with the blur circle in it:

image 15

This will make a selection of the circle again for us.

Goto Select->Modify->Contract with a setting of 7 pixels

image 16

image 17

Create a new layer on top of everything, and make a white (#FFFFFF) to transparent gradient fill on the circle like so:

image 18

image 19

Step 6.

Now make a selection like so with the elliptical marquee tool. This is done basically by making a HUGE oval selection that overlaps the entire canvas.

image 20

Step 7.

Now go to Select->Inverse to invert the selection, and tap delete on your keyboard.

Next go to Filter->Blur->Gaussian Blur with a setting of: 1.5

image 21

Drop the opacity of this layer down to 88 percent, this is what I've got so far:

image 22

Step 8.

Now double click on the layer with the blue circle:

image 23

and apply these blending options, the color used is #08397E:

Drop Shadow:

image 24

Step 9.

Now the only thing left to do is to add your icon onto the orb. You can put letters, symbols or whatever. Here I put a triangle to symbolize a 'play' button. I also resized the image down to 50x50 for use as an icon:

WMP Orb Tutorial: Final Result

Good luck and thanks for reading this tutorial.




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "WMP Orb"