Apple has been known for stylish and revolutionary products. One of their killer products is iPod. Minimalis design makes iPod very easy to use and loveable. Today, we’ll draw iPod in Photoshop. By following this tutorial, you’ll learn many techniques, from creating artificial background to duplicating Smart Object.
Before we begin, let’s take a look at what we’re going to create here.
Step 1: iPod Base
Create new file sized 250 x 550 px. Show ruler by pressing Ctrl+R. Click and drag vertical ruler to enter of the canvas to add a vertical guide.
Activate rectangle tool. Create a shape incenter of the image.
Create new layer then press Ctrl + Alt + G to convert it to Clipping Mask. Click Filter > Noise > Add Noise. Change blend mode to Multiply and reduce opacity to 20%.
Activate gradient tool with type reflected. Choose gradient from black to white and draw a gradient in one side of the iPod. Using rectangular marquee select half of the iPod’s body and click Add Layer Mask icon. Change blending mode to Multiply and reduce layer’s opacity.
Duplicate gradient layer using Ctrl + J then rotate it 180 degree.
The iPod already has 3D look but I still want to fix it. Create new layer and change it to Clipping Mask (Ctrl + Alt +G). Paint black in both side.
Step 7: Controller
Draw a circle shape in the middle of iPod. Add these layer styles.
Duplicate shape (Ctrl + J). Do transformation (Ctrl + T) and reduce its size. Add these layer styles.
Type menu and add some symbols for iPod controller. The symbols are made using polygon tool and rectangle tool. Add these layer styles.
Step 10: Screen
Draw rectangle on top for iPod screen. Use color #ddfcf9 and add this layer style.
Create new layer and select top part of the screen. Draw a linear gradient.
Add iPod label on top. Let’s draw a battery icon. Create rectangle shape and add these layer styles.
Duplicate shape and reduce its size. Place it under original rectangle.
Add black text for menu content. For selected item, change its color to white.Draw new layer behind item menu and add linear gradient from blue to light blue. The technique used here is similar to what we did in Step 11.
Step 15: Add Shadow
Create new layer and place it below the iPad. Select bottom part of iPod with ellips marque and fill it with black (Edit > Fill, Use: Color, #000000). Remove selection (Ctrl + D) and soften it using Filter > Blur > Gaussian Blur. Bring down layer opacity to 30%.
Paint rest point, which is a place where iPod touch the floor.
Step 16: Create Background
We’re done creating iPod. Select all layer used in iPod, right click and choose Convert to Smart Object. We’ll draw some iPod so of course we have to expand the canvas. Click Image > Canvas Size and set Width: 300% to get bigger canvas.
Let’s hide iPod for now, we’ll fous on background. Draw radial gradient from white to black in the center.
Duplicate background. Hit Ctrl + T to transform it to smaller size. Put it under the image.
Click Add adjustment layer icon in Layers panel and choose Hue/Saturation. Activate Colorize then drag Hue slider to change color.
Step 20: Duplicate iPod
Bring back iPod layer again. Alt-drag to duplicate iPod.
Ctrl-klik all iPod layer to select them. In option bar, click Distribute Horizontal Center icon to get equal gap between each iPod.
Rearrange iPod layer position in Layers Panel, see picture below for reference. Hit Ctrl + T and resize each iPod.
Step 23: Change Color
Activate one of the iPod, add adjustment layer Hue/Saturation and press Ctrl + Alt + G. Drag Hue slider to change its color.
Repeat this process to the other iPod until we have colorful iPod.
Step 25: Depth Effect
Next, we’ll add depth effect. Select furthest iPod and click Filter > Blur > Gaussian Blur with radius 2 px.
Repeat to other iPod. Use 2 px for iPod in the back and 1,5 px for two in the middle.
And here’s our iPod. Click on picture below to see it in actual size.