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

iTunes Interface


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: EmpireDezign
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "iTunes Interface"

Only registered users can write comment

No comments yet...