Photoshop Tutor

iTouch, create your own!

By Michael in Tutorials

Its been a couple of days since the last tutorial and i must say, i am very happy that we got another ten or so subscribers. Today, we will look into the newly released iPod, the iTouch. Using our hands and our very common tool Photoshop, we will create our own!

…………………………………………………………………………………………………………………………………………………

So lets begin by creating the surrounding of the iTouch, we will call it our base. Grab your Round Shape Rectangle, set the the radius to 20 and create the base. The color i used is #4a4f53.

Now before we get to the depth of the base, lets make the base for the screen. Using the same settings, create a similar shape inside the base.

Our outline is now complete so lets add some depth to our base. The base being the round border around the screen. Using your dodge tool stroke the left hand side and the right hand side at 50% Exposure. Then work on the bottom and the top. Now select the Burn Tool, and create a little of shadows on the tips of the bottom corner and over at the sides. Touch it up and you should achieve something like this:

Lets work on the screen now, as you can see it has no detail. So we will add the famous glare that Apple uses on all their iPods. To do that, you will need to select the Pen Tool and create an angular glare. Take a look at the way i did mine so you can get a clear understanding of what exactly i mean. The color i am using for the glare is #1f2227 and you will notice that in my preview, i have used the eraser tool to sort of fade our glare from left angle going down.

If you want, you can either crop the original home screen from the Apple home page of the iTouch in Gallery or create your own which could be any background basically. I used the the first idea and in order to create a more organic look to the home screen, you will need to stroke with 3PX border and set the color to #1d1e1f.

Its looking much better now and we are almost done. Lets create the power/activate button of the iTouch. Grab either your Circular Marquee Tool or the Ellipse Tool and create the base of the button. I also added a one pixel stroke around the button and set the color of the stroke to #2f2f2f.

You may have noticed that in the Gallery on Apples homepage of iTouch, the button has a depth indicator which is the dim glare they used. In order to do that, you will need to duplicate the button, clear all layer styles, and set the background to #FFFFFF. Then slice 3/4 of the circle from top to bottom then using your Eraser Tool, fade it out and lower the opacity until you feel that the results are good.

All we are missing is the squarish icon that iTouch uses, so why dont we grab our Round Shape Rectangle, set the radius to five in size, and the stroke to #828282.

You are now done, i went ahead and played around a little and created the following examples:

Thank you for reading and i hope you have enjoyed this tutorial. If you found any steps confusing, please point them out and i will explain more in depth.

You can leave a response, or trackback from your own site.