Hot on the heels of glass reflections, the most requested tutorials on the web today are the creation of realistic vectors of electronic equipment, namely high-profile devices like the iPhone or iPod touch. In this tutorial, from a white wall of nothing, we’ll create a realistic iPhone, taking advantage of the effects and techniques we learnt in the last<\/a> tutorial as well as learning some new ones … <\/p>\n [Tutorial 001]<\/strong> – AVAILABLE HERE<\/a><\/p>\n By using gradients and layers, we can build up an iPhone, from scratch. Now you’ll have to stick with me on this one, as further into the tutorial, things can get pretty complicated. <\/p>\n First things, First<\/strong> As I generally use Mac, the keyboard controls in this tutorial are going to be Mac-orientated. Step 1 – Create your Document<\/strong> Step 2 – Fill the background<\/strong> Step 3 – Creating the Base<\/strong>
\nBefore we start, your going to want to download Adobe Photoshop. If your already own Photoshop, great! – If not, no worries – a 30-day trial version of CS3 is still available here<\/a>. CS4 (the latest version) is currently not available to trial. In order to access these pages properly, you’ll need to sign in with your Adobe account, or if you don’t yet have one,you can create one free of charge.<\/p>\n
\nWindows users, all you need to know is; CMD means CTL, Option means ALT and Backspace means DEL.<\/p>\n
\nWe’re going to create a new document. To do this, hold down CMD + SHFT + N. You can create this at whatever size that suits your needs. For the purpose of this tutorial, I’m going to create a document sized 700 x 500 with a resolution of 120.<\/p>\n
\nTo do this, we’re going to use two colours. Our foreground colour is going to be #464646<\/strong> and our background, #5B5B5B<\/strong>. Select your gradient tool by right clicking the paint bucket icon, and ensuring you have selected those two colours correctly, drag a gradient from the top of your canvas, to just past the mid point. This should create an Apple-esque backdrop for our iPhone vector.<\/p>\n
\nCreate a new layer and name it as base. Select the Rectangle Marquee tool and draw a rectangle. Then navigate to Select > Modify > Smooth > and smooth the selection by 15. Fill this selection with pure White #FFFFFF<\/strong>. Right-click on the layer and select Blending Options > Gradient Overlay<\/strong>. Your left colour should be set to #8F9498<\/strong> and right colour #000000<\/strong> (Black). Set the blend mode to ‘Normal’, Opacity to 60, Style to Linear, Align: Yes, Angle -90 and scale to 100.<\/p>\n