Stunningmesh - Tutorials, Articles, Wallpapers
Let Us Make Realistic iPad Design in Photoshop Tutorial
This is very long but important Photoshop Tutorial, in this Tutorial we will be making iPad which should give a realistic effect. As usual the purpose is to let you know the use of some Photoshop Tools (like Paint Bucket Tool, Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool etc.) and Commands (like Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss, Stroke, Gradient Overlay, Pattern Overlay, and Satin), alongwith some Techniques. So hopefully you will enjoy working on this Photoshop Tutorial, so without wasting more time lets start working on Realistic iPad Design in Photoshop.
Final Preview:
This is the final Preview of our iPad Design in Photoshop:
Image may be NSFW.
Clik here to view.
Step 1: New File
Start out by creating a new file. Use the following settings:
- Dimensions: 1000×900 px
- Resolution: 72dpi
- Color Mode: RGB color
Image may be NSFW.
Clik here to view.
Step 2: Background
With the Paint Bucket Tool fill the document with #393939 color shade.
Image may be NSFW.
Clik here to view.
Step 3: Layer Set & Layers
Create a new layer set, and name it iPad (Layer > New > New Layer Set). Then, create a new layer inside the iPad layer set.
Image may be NSFW.
Clik here to view.
From now on, create your new layers and designs inside the iPad layer.
Step 4:
Select the Rounded Rectangle Tool. In the Options bar, Select “Fill Pixels“, set the Radius setting to 20 px, and check anti-aliased. In a new layer, draw a large white rounded rectangle with 428×600 px dimensions. Open the Rounded Rectangle Options and add the dimensions in the Fixed Size option to create the exact shape.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Step 5:
Add a Drop Shadow, Inner Glow, and Satin styles to the large white rounded rectangle layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Styles Preview:
Image may be NSFW.
Clik here to view.
Step 6:
In a new layer layer, draw a large black rounded rectangle with 424 x 596 px dimensions.
Image may be NSFW.
Clik here to view.
Step 7:
Add a Bevel and Emboss and Stroke styles to the large black rounded rectangle layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Step 8:
In a new layer, draw another large black rounded rectangle with 424 x 596 px dimensions. Then, on the Layers Window, set the layer’s blending mode to Lighten. The black rounded rectangle should disappear.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Step 9:
Add an Inner Shadow, Inner Glow, and Stroke styles to the second large black rounded rectangle layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Step 10: Screen Display
Select the Rectangle Tool. In a new layer, draw a large rectangle with #064191 color shade and 338×492 px dimensions. Open the Rectangle Options on the Options Bar and add the dimensions in the Fixed Size option to create the exact shape.
Image may be NSFW.
Clik here to view.
Step 11:
Add an Inner Shadow, Inner Glow, Satin, Gradient Overlay, and Pattern Overlay styles to the screen display layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Step 12:
Create a new layer. Draw a small dark circle with #0E0E0E color shade using the Ellipse Tool on top of the screen display.
Image may be NSFW.
Clik here to view.
Step 13:
Add an Inner Shadow and Gradient Overlay styles to the small dark circle layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Step 14:
In a new layer, add another large black rounded rectangle to the iPad design. Then, on the Layers Window, set the layer’s blending mode to Lighten. The large black rounded rectangle should disappear.
Image may be NSFW.
Clik here to view.
Step 15:
Add a Gradient Overlay styles to the third large black rounded rectangle layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Step 16:
Once again, in a new layer, add another large black rounded rectangle to the iPad design. Then, on the Layers Window, set the layer’s blending mode to Lighten. The large black rounded rectangle should disappear.
Image may be NSFW.
Clik here to view.
Step 17:
Add an Inner Shadow style to the fourth large black rounded rectangle layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Step 18:
Create a new layer. Using the Ellipse Tool, draw a gray circle with #4F4F4F color shade below the screen display.
Image may be NSFW.
Clik here to view.
Step 19:
Add an Inner Shadow, Gradient Overlay, and Stroke styles to the gray circle layer. Use the settings provided on the step image below.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Step 20:
In a new layer, draw an outlined white box on the circle design. Then, in another new layer, draw a horizontal black rectangle with 314 x 19 px dimensions on top of the screen display.
Image may be NSFW.
Clik here to view.
Step 21:
Add an Inner Shadow style to the horizontal black rectangle layer. Use the settings provided on the step image below. Then, set the layer’s blending mode to Soft Light in the Layers Window.
Image may be NSFW.
Clik here to view.
Layer Style Preview:
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Final Image:
After spending some time, here is the Final result of our Realistic iPad Design in Photoshop:
Image may be NSFW.
Clik here to view.
Don’t forget to check our Luggage Design Tutorial in Photoshop.
The post Let Us Make Realistic iPad Design in Photoshop Tutorial appeared first on Stunningmesh - Tutorials, Articles, Wallpapers.