Preview of Final Results
Photorealistic iPhone 4 Photoshop Tutorial
Step 1 – Create a new image file
Open Photoshop and create a new image (Ctrl+N or File > New) with the settings shown below.
- Width : 430 pixels
- Height : 600 pixels
- Resolution : 72 pixels/inch
- Background Contents : White
Step 2 – Create the iPhone 4 shape
Create a new layer (Ctrl+Shift+N or Layer > New > Layer) above the Background layer. Rename this layer to Base. You can rename the layer by double-clicking on the layer name in the Layers palette (Window > Layers). In the tools palette, select the Pen tool (P) and ensure that the mode is set to Paths shown by the button in the image below.
Create a path like shown in the image below. You can load the image below into Photoshop and trace over it. Getting the shape right is the key to realistic renderings. For other drawings, you can download the photo of the object you are creating and trace over it. It is very difficult to create an accurate shape without tracing.
With the Pen tool still selected, right click inside the path then choose Fill. Fill the area with a dark gray color (#141517) to be specific.
Step 3 – Create the metal band
Create another new layer (Ctrl+Shift+N or Layer > New > Layer). Name this layer to “Silver Part”. You can rename a layer by double-clicking on the layer name in the Layers palette (Window > Layers). Create a selection like shown in the image below. You can use any tool to create the selection. If you’d like to use the Pen tool to create this select, start by drawing the path with the Pen tool then right click inside the path and choose Make Selection. Fill the selected area (Shift+F5 or Edit > Fill) with a light gray such as #CFCECC.
Now add a Gradient Overlay style to the layer. Go to Layer > Layer Style > Gradient Overlay. Create a black and white gradient so that you get a gradient that shows the curvature of the metal band like the image below.