Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Real Player Media Menu

Real Player Media Menu


To begin start by selecting the "Rounded Rectangle Tool" and with a radius of 100 draw out a shape the width of the below. Now, using the "Add Anchor Point Tool" image 1 , add to the existing shape and manipulate it so you have something similar to what I have below. If you're confused at this point, with the "Add Anchor Point Tool", check out the following tutorial. "A Little Window..."

image 2

Now right click the new shape layer and select, "Blending Options...". Now click on "Drop Shadow".

image 3

Do not click "OK" as of yet. Still more to do.

Now click on "Gradient Overlay".

image 4

Do not click "OK" as of yet. Still more to do.

You should now have the following:

image 5

Now grab the "Rounded Rectangle Tool" and with a radius of 100 draw out a shape the width of the below making certain that C8E362 is the foreground color. Now, using the "Add Anchor Point Tool" image 1 , add to the existing shape and manipulate it so you have something similar to what I have below.

image 7

Now right click the newly made shape layer and select, "Blending Options...". Now click on "Inner Shadow".

image 8

Do not click "OK" as of yet. Still more to do.

Now click on "Gradient Overlay".

image 9

Do not click "OK" as of yet. Still more to do.

Now click on "Stroke".

image 10

You may now click "OK."

You should now have the following:

image 11

Now select the "Elipse Tool" and draw out a circle. Make certain that the foreground color is white.

image 12

Now right click the new shape layer and select, "Blending Options...". Now click on "Gradient Overlay".

image 13

Do not click "OK" as of yet. Still more to do.

Now click on "Stroke".

image 14

You may now click "OK."

You should now have the following:

image 15

Now change the foreground color to black and select the "Rectangle Tool" and draw out a couple rectangles as I have done below.

image 16

Now right click the new shape layer and select, "Blending Options...". Now click on "Inner Shadow".

image 17

You may now click "OK."

You should now have the following:

image 18

Now select the "Elipse Tool" and draw out a circle again. Make certain that the foreground color is white.

image 19

Now right click the new circle layer and select, "Blending Options...". Now click on "Stroke".

image 20

Do not click "OK" as of yet. Still more to do.

Now click on "Stroke".

image 21

You may now click "OK."

You should now have the following:

image 22

Repeat steps 17 through 19 till you have the following graphic.

image 23

Now select the "Line Tool" and draw out a line with a weight of 2. Make certain that the foreground color is black.

image 24

Now right click the line layer and select, "Blending Options...". Now click on "Inner Shadow".

image 25

Do not click "OK" as of yet. Still more to do.

You should now have the following:

image 26

Now select the "Elipse Tool" and draw out a circle again. Make certain that the foreground color is white.

image 27

Now right click the new circle layer and select, "Blending Options...". Now click on "Inner Glow".

image 28

Do not click "OK" as of yet. Still more to do.

Now click on "Stroke".

image 29

You may now click "OK."

The Results!!!

I hope you enjoyed this tutorial.

Real Player Media Menu



Author's URL: EmpireDezign
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

No comments yet...
Add comments to "Real Player Media Menu"

Captcha