Scribd Logo
Upload

Welcome to Scribd!

  • 40 views

    Drawing Realistic Ipad2 - Photoshop Tutorial: Step 1: Ipad Basic Shape

    Uploaded by

    renjithrajan
    This Photoshop tutorial teaches how to draw a realistic iPad 2 with its smart cover in 38 steps. Key steps include drawing the basic iPad shape and adding layer styles, creating the screen and home button, adding icons to the screen and dock, drawing the smart cover and adding shading and shadows to make it appear three-dimensional. Following these steps results in a highly detailed illustration of an iPad 2 with its smart cover that looks just like the real product.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Drawing Realistic Ipad2 - Photoshop Tutorial: Step 1: Ipad Basic Shape

    Uploaded by

    renjithrajan
    40 views54 pages
    This Photoshop tutorial teaches how to draw a realistic iPad 2 with its smart cover in 38 steps. Key steps include drawing the basic iPad shape and adding layer styles, creating the screen and home button, adding icons to the screen and dock, drawing the smart cover and adding shading and shadows to make it appear three-dimensional. Following these steps results in a highly detailed illustration of an iPad 2 with its smart cover that looks just like the real product.

    Original Title

    120942770-Drawing-Realistic-IPad2.docx

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This Photoshop tutorial teaches how to draw a realistic iPad 2 with its smart cover in 38 steps. Key steps include drawing the basic iPad shape and adding layer styles, creating the screen and home button, adding icons to the screen and dock, drawing the smart cover and adding shading and shadows to make it appear three-dimensional. Following these steps results in a highly detailed illustration of an iPad 2 with its smart cover that looks just like the real product.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    40 views54 pages

    Drawing Realistic Ipad2 - Photoshop Tutorial: Step 1: Ipad Basic Shape

    Uploaded by

    renjithrajan
    This Photoshop tutorial teaches how to draw a realistic iPad 2 with its smart cover in 38 steps. Key steps include drawing the basic iPad shape and adding layer styles, creating the screen and home button, adding icons to the screen and dock, drawing the smart cover and adding shading and shadows to make it appear three-dimensional. Following these steps results in a highly detailed illustration of an iPad 2 with its smart cover that looks just like the real product.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    You are on page 1of 54

    Drawing Realistic IPad2 –

    Photoshop Tutorial
    By Mohammad Jeprie..iPad 2 ,Many love it, many want it, but not many can draw it. Surprisingly, drawing
    it and its smart cover is not hard at all! In this tutorial I’m gonna show you how to create a complete iPad
    2 with its smart cover, just exactly like the result below:

    We will use lots of layer styles and vector drawing, and may be some passion to complete this sleek
    product. Let’s get started!

    Step 1: IPad Basic Shape


    Start by creating a new file with size 1500×800 px. Activate rounded rectangle tool. Set its mode to
    shape with radius 15 px and color: #f5f5f5.

    Add Layer Style Inner Glow and Stroke.


    Step 2: Screen
    Draw a rectangle inside the iPad.
    Add Layer Style Stroke.
    Step 3
    Let’s create a simple image for the screen content. Create new layer and make sure it is on top of the
    screen layer. Paint some colors using a soft brush. Convert layer to Clipping mask by
    pressing Ctrl / Cmd + Alt + G . Everything you paint is now inside the screen.
    Step 4: Home Button
    Draw an ellipse on lower part of the iPad. Set its Fill to 0%.
    Add Layer Style Inner Shadow, Bevel and Emboss, and Gradient Overlay.
    Step 5
    In the center of the button, draw a rounded rectangle. Set its Fill to 0%. Add Layer Style Stroke.
    Step 6: Camera
    Draw a small black on top part of the iPad for its camera.

    Step 7: Dock
    Draw a rectangle covering on lower part of the screen. Set its color to #b1a9a9. Add Layer Style.
    Step 8
    Hit Ctrl / Cmd + T to perform transformation. Right click and choose Perspective.
    Step 9
    Pull top corner inward until we get a dock shape.

    Step 10
    Draw white shape as seen below. Hit Ctrl / Cmd + Alt + G to convert it to Clipping Mask. Reduce its

    opacity to 50%.
    This shape will become a reflection on the dock.

    Step 11
    Grab a nice iPhone icons set, Aquaticus from marcelomarfil. Place four of them on the screen.
    Step 12
    Place the icons on a group named icons. Select all icon layers by clicking on the first icon then Shift +

    click the last icon. Activate move tool. From the option bar click icon Distribute Horizontal
    Center and Align Vertical Center. You will have a nice alignment and distributed icons on the screen.
    Step 13
    Repeat previous step to add more icons on screen and on dock.

    Step 14
    Select icon layers on dock. Hit Ctrl / Cmd + E to merge them into one layer. Hit Ctrl / Cmd + T to

    perform transformation. Right click and choose Flip Vertical.


    Step 15
    Add layer mask. Draw linear gradient from white to black until the reflection fades.
    Step 16: Screen Reflection
    Use lasso polygon tool to create a triangular selection on top right corner of the screen. Fill selection
    with white.
    Step 17
    Add layer mask. Draw linear gradient from white to black until the reflection on the screen fades away.
    Put the reflection layer into a group and name it Screen Reflection.
    Step 18
    Ctrl / Cmd + click iPad layer to create a selection based on its shape. Add layer mask onto the group.

    This way, the screen reflection is inside the screen.


    Step 19: Smart Cover
    Draw following shape. Use #6ebced for its color.
    Add Layer Styles Gradient Overlay.
    Step 20
    Above smart cover draw a rounded rectangle shape and set its Fill to 0%.
    Add Bevel and Emboss.
    Step 21
    Duplicate the shape.
    Step 22
    Hit Ctrl / Cmd + T to perform transformation. Right click and choose Perspective. Pull top right corner

    until the shape match smart cover perspective.


    Step 23
    Draw a rounded rectangle with color: #82858a. Perform perspective transformation again until we have
    outer side of the smart cover.
    Step 24
    Add Layer Styles Bevel and Emboss and Gradient Overlay.
    Step 26
    Draw another rounded rectangle and place it inside shape we have just created.
    Step 27
    Add Layer Style Bevel and Emboss and set its Fill to 0%.
    Step 28
    Hit Ctrl / Cmd + Alt + G to convert shape into clipping mask and place the effect inside the cover.
    Step 29: Hinges
    Draw a rectangle on left side of the cover. Set its color to #6ebced.
    Add Gradient Overlay.
    Step 30
    Draw a smaller rectangle behind previous shape with color: #e6e6e6.
    Add Layer Style Gradient Overlay to add three dimensional appearances onto the shape.
    Step 31: Shadow
    Hold Ctrl / Cmd then click the iPad basic shape layer to create a selection based on its shape. Create new

    layer and place it under smart cover. Paint a soft shadow on the screen surface using big soft brush.
    Step 32
    Do not remove the selection. Next, draw a soft shadow with low opacity brush on lower side of the iPad.
    This will be a soft cast shadow from the floor.
    Step 33
    Create new layer and place it under all layers. Paint darker shadow under the iPad using a big soft brush.
    Reduce its Opacity to 50%.
    Step 34
    Draw bigger and softer shadow. Reduce its opacity to 5%.
    Step 35
    Now, set your brush to smaller size but keep its hardness to 0% to maintain its softness. Draw darker
    shadow right under the iPad. Set its opacity to 50%.
    Step 36
    Zoom in to see smart cover closer. Draw a dark shadow right under the smart cover.

    Step 37
    Draw shadow on the floor behind smart cover.

    This is what the shadow looks like if we hide the smart cover.
    Step 38: Final Result
    This is the result of our tutorial. I hope you learn new technique and have some fun following this
    tutorial. Thank you for reading. If you have any questions feel free to ask.
    Create By: Mohammad Jeprie.
    Edit by: Sour
    Date: 19.01.2013
    Website: www.boxitkh.blogspot.com

    You might also like