How to Draw a Photorealistic iPhone 4 in Photoshop

How to Draw a Photorealistic iPhone 4 in Photoshop
How to Draw a Photorealistic iPhone 4 in Photoshop
20a
20b

Step 21 – Use the Dodge tool on the metal band

Select the “Base” layer then create a rough selection like shown in the image below. You can use the selection tools or use the Pen tool (P). If you’re using the Pen tool, create the path then right click on it and choose Make Selection.

21a

Select the Dodge tool (O). Apply the following settings in the option bar:

  • Master Diameter: 49 pixels
  • Range: Highlights
  • Exposure: 100%
21b

Dodge the upper area of the selection to lighten the corner.

21c

Step 22 – Create a reflection on the metal band corner

Create a new layer and name it “stroke 4”. Select the Pen tool (P) to create a path like shown in the image below.

22a[3]

Add a 1 pixel black stroke then choose Filter > Blur > Gaussian Blur.

22b

Set the Radius to 0.3 pixels in the Gaussian Blur window then click Ok.

22c

Select the Eraser tool (E) and erase a little bit of the top and bottom of the stroke to fade the stroke out.

22d

Step 23 – Create a bevel for the front face of the iPhone

Create a new layer and name it “stroke 5”. Select the Pen tool (P) to create a path like shown in the image below.

23a

Add a 1 pixel black stroke to this path.

23b

Choose Filter > Blur > Gaussian Blur and apply a 0.3 pixel blur.

23c

Step 24 – Add a reflection to the front face bevel

Create a new layer then rename it to “stroke 6”. Select the Pen tool (P) and create a path like shown in the image below.

24a[3]

Add a 2 pixel white stroke to the path.

24b[3]

Select the Eraser tool (E) with the following option bar settings:

  • Master Diameter: 121 pixels
  • Mode: Brush
  • Opacity: 100%
  • Flow: 100%
24c[4]

Erase the area above the stroke to blend it in.

24d

Step 25

Create a new layer and name it “Screen”. Select the Pen tool and create a rectangle path like shown in the image below.

25a[9]

Right click on the path then choose Fill Path. Fill it with a gray color. It doesn’t matter what color you pick because this is only for us to see the shape of the screen and will not show up in the final results.

25b[9]

Step 26 – Create the gap between the glass and LCD

Create a new layer and name it “stroke 7”. Select the Pen tool and create a path like shown in the image below.

26a[3]

Create a 1 px white stroke on the path.

26b[3]

Reduce the opacity to 17%.

26c


Step 27 – Create the iPhone wallpaper graphic

Select the layer “Screen” then use the Hue/Saturation tool (Ctrl+U or Image > Adjustments > Hue/Saturation) and reduce the lightness to –100 to make the screen black.

27a[3]

Load a selection of the layers contents (Ctrl+click on the layer thumbnail or Layer > Load Selection). Select the Brush tool and set the foreground color to any color you like. This will be used to create the abstract graphic on the screen. Click once on the top left then select another color and click again on the top right of the screen.

Pages: 1 2 3 4 5 6 7 8

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

2 comments on “How to Draw a Photorealistic iPhone 4 in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

cross