Help
Posted 14 August 2007 - 09:44 PM
Final image created:
wowzers.jpg (67.16K)
Number of downloads: 76
First off, find a picture of the iPod you want to use. I found a picture of an iPod nano (its hiny and hence appealed to me.
Here it is. You can use this if you like.
start.jpg (42K)
Number of downloads: 33
Open it in photoshop. (Copy, then goto File > New, and ok. Then press CTRL + V to paste).
Now select #010005 as your foreground color. Click the Rounded rectangle tool. Do this by pressing ‘U’ once. Then under Files > Edit > and the rest of the menu bar, you will see this toolbar.
settings.jpg (37.16K)
Number of downloads: 16
Enter required settings so it matches my toolbar.
Ok, you may now create the shape. Do this by clicking at point 1 on this diagram, and stop at point 2.
first_shape.jpg (36.66K)
Number of downloads: 7
Now we need to add the main features of the iPod. So lets start with that nice reflection. Set #ffffff as your foreground color, and select the Pen tool. Create a shape like this (shown in red for illustration purposes only)
shape_added.jpg (50.54K)
Number of downloads: 10
Ok cool. Right click your layer in the layers pallette.
shape2.jpg (58.72K)
Number of downloads: 8
Click “Blending options” and enter these settings:
bo1.jpg (107.8K)
Number of downloads: 12
And under gradient overlay add these settings:
bo2.jpg (93.39K)
Number of downloads: 10
Hopefully, everything should look like this now.
after_bo.jpg (29.66K)
Number of downloads: 6
Right. Now it gets fun. Lets add a screen. Set your foreground color to #eef5fb. Then select the rectangle tool (same process for the rounded rectangle tool, only click the icon with square edges).
screen.jpg (31.62K)
Number of downloads: 4
Right. Now apply these blending options to the new rectangle layer. Follow the dame process for the last one (Right click the layer called “Shape 3″):
screen_Dropped_bck.jpg (86.25K)
Number of downloads: 4
Hopefully, we should be looking like this now?
screenandpod.jpg (36.62K)
Number of downloads: 5
Now the iPod needs a center control. Set your forground color to #202d35. Now pick the Elipse tool ( on the same menu as the rounded rectangles and normal rectangles). And create this circle (to get it exactly circula, click to start the shape as normal, then press and hold shift. Now drag as normal to get the right size.)
almost_done.jpg (32.05K)
Number of downloads: 5
Set your foreground color to #ffffff. Now create the smaller central circle.
notmuchlefttodo.jpg (34.15K)
Number of downloads: 4
Cool. Ok now we need to add text to that menu. Simply click the ‘T’ or text tool, and type ‘Menu’. Add these settings to your text.
texy_settings.jpg (30.59K)
Number of downloads: 5
text_added.jpg (33.17K)
Number of downloads: 3
Ok. Now we need to add those arrows. To do this, use the pen tool again. For the lines, I used the line tool (on the same menu as rectangles, elipses and all things nice )
nearly.jpg (34.15K)
Number of downloads: 5
Now all we need to do is add that screen.
In layers pallette, click the bottom layer, or the layer called ‘Layer 1′. This is your original image. Using the rectangular marquee tool, select the screen of the orginal pic. Then on the menu, choose ‘Select’ and ‘Inverse’. Now press delete. Re-posistion if needed.
final.jpg (61.56K)
Number of downloads: 5
Yes, you could create the screen yourself. But I didnt have time, this has been a quick tutorial. Heres my iPod in a studio shoot.
wowzers.jpg (67.16K)
Number of downloads: 76
Have fun.
Source: http://www.manipworld.com - free adobe photoshop tutorials
**** Update: Thanks to Mr Frank Voors, who suggested I add a simple gradient to the controls, so I did. I also added a inner glow, which was gray, and set to very low opacity, andI think it now looks very, very nice. Thanks Frank! ********
