Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout iTunes Interface
rss

iTunes Interface

Author: EmpireDezign More by this author


The iTunes interface design is enjoyed by all it seems and now you can see how the wizards do it. Select the "Rounded Rectagular Tool" with a radius of 100% draw a shape like below with white as its color.

image 1

Now that you have your shape, you can now right click on the shape layer and select, "Blending Options...". Now click on "Drop Shadow ".

image 2

Do not click OK yet... still more to do.

Lets give it some color now by clicking on the "Gradient Overlay".

image 3

You may now click OK.

You should now have the following image.

image 4

Now select the "Elipse Tool" and draw a circle as I have done below with F2F2F2 as your foreground color. Hold in the shift key to draw a perfect circle.

image 5

Now select the "Custom Shape Tool" and find the below shape in the shapes palette and draw it. Hold in the shift key to draw it perfectly round.

image 6

Now that you have your shape, you can now right click on the shape layer and select, "Blending Options...". Now click on "Drop Shadow".

image 7

Do not click OK yet... still more to do.

Lets give it some color now by clicking on the "Gradient Overlay".

image 8

You may now click OK.

Now select the "Elipse Tool" and draw a circle as I have done below. Hold in the shift key to draw a perfect circle.

image 9

Now that you have your shape, you can now right click on the shape layer and select, "Blending Options...". Now click on "Outer Glow ".

image 10

Do not click OK yet... still more to do.

Now click on "Gradient Overlay".

image 11

You may now click OK.

Select the "Rounded Rectagular Tool" with a radius of 100% draw a shape like below with B9C65A as its color.

image 12

Now that you have your shape, you can now right click on the shape layer and select, "Blending Options..."click on "Inner Shadow".

image 13

Do not click OK yet... still more to do.

Clicking on "Outer Glow ".

image 14

You may now click OK.

Now add some text to the display. I used Verdana as the typeface with 667413 as my color.

image 15

The Results!!!

As you can see, I have also added some other essentials that bring the interface to life a bit. Be creative and have fun.

iTunes Interface Tutorial: Final Result



Author's URL: www.empiredezign.com

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 "iTunes Interface"