Drawing

How to Draw a Photorealistic iPhone 4 in Photoshop

28a[3]

Change the blending mode of the current layer to Overlay.

28b[4]

Choose Filter > Blur > Motion Blur and apply the following settings:

    • Angle: 90°
    • Distance: 125 pixels

    28c

    This is what your image should look like.

    28d


    Step 29 – Add contrast to the base layer

    Select the “Base” layer then open the Brightness/Contrast tool (Image > Adjustments > Brightness/Contrast). Make sure that the “Use Legacy” option is off. Set the contrast to +85 then click OK.

    29a


    Step 30 – Draw the front iPhone camera

    Now we’ll draw the camera used for the FaceTime feature on the iPhone 4. Create a new layer then use the Elliptical Marquee tool (U) to create an oval like the image below. Fill it with gray.

    30a[4]

    Select the Burn tool then apply the following settings in the option bar.

    • Master Diameter: 10 pixels
    • Range: Shadows
    • Exposure: 7%

    30b[4]

    Select the Lasso tool (L) to create a rough selection of the bottom left half of the oval like shown in the image below. Choose Select > Modify > Feather and feather the selection by 1 px.

    30c[3]

    Select the Burn tool (O) to burn the edge so that your camera looks like the image below.

    30d


    Step 31 – Add a lens reflection to the front camera

    Select the Brush tool then apply the following settings in the option bar:

    • Master Diameter: 6 pixels
    • Hardness: 50 %
    • Mode: Normal
    • Opacity: 100%

    Set the foreground color to #002149.

    31a[4]

    Create a new layer.

    31b[3]

    Add a blue spot using the Brush tool (B) on the edge the front iPhone camera like shown in the image below. Choose Layer > Layer Style > Gradient Overlay and apply the settings shown in the image below.

    31c


    Step 32 – Create the speaker

    Create a new layer.

    32a[3]

    Use the Rounded Rectangle tool (U) to create a shape like shown in the image below. Use the Rotate tool (Edit > Transform Path > Rotate) to get it aligned with the iPhones perspective. Right click on the path then choose Make Selection.

    32b[3]

    Use the Dodge and Burn tools (O) to create a bevel like shown in the image below. To do this, use a small brush with a hardness of around 50%. The brush size should be about the width of the speaker. Dodge the bottom area then burn the top area. Finish it off by selecting the Brush tool with a hardness of 75% and painting a gray stripe in the middle of the speaker.

    32c


    Step 33 – Create a bevel on the speaker

    Create a new layer then use the Pen tool to add a 1 pixel black stroke like shown in the image below.

    33a[3]

    Use the Eraser tool (E) to erase around the edge to fade the stroke out.

    33b[3]

    Select the Lasso tool to create a selection like shown in the image below.

    33c[3]

    Switch to the Dodge tool (O) to add some highlights to the speaker.

    33d


    Step 34 – Create the glass reflection

    Create a new layer then rename it to “light”. This will hold the reflection for the iPhone. Creating the reflection is easy. Start by creating a selection like shown in the image below. It is easiest to do this using the Pen tool (P) then right clicking on the path and selecting Make Selection.

    34a[3]

    Select the Gradient tool (G) then apply the option bar settings shown in the image below.

    34b[4]

    Create a gradient from top to bottom to create a reflection like shown in the image below. It may take a few tries. Just undo (Ctrl+Z) and create the gradient again until you get it right.

    Related posts
    DrawingPhotoshop TutorialsUpdated

    Create a Pixel-Perfect Notebook Icon in Photoshop

    DrawingUpdated

    Create an Amazing CG Illustration of The Incredible Hulk

    DrawingPhotoshop TutorialsUpdated

    Create a Colorful Retro Poster in Photoshop and Illustrator

    DrawingPhotoshop TutorialsUpdated

    Quick Tip: Easily Add Cartoon Color and Shading to Lineart

    2 Comments

    Leave a Reply

    Your email address will not be published.

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Join Our V.I.P. Mailing List!

    Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).