Kamis, 30 September 2010

Design a Realistic Mac/ Apple Monitor Design in Photoshop

Apple Monitor Design in Photoshop
In this photoshop tutorial you will learn how to draw your own apple monitor with your image.
At the end of tutorial you can download this tutorial Psd file that will help learn this tutorials easier.Step by step you will create magic apple monitor.

Final Image Preview

Apple Monitor Design in Photoshop

Step 1

Let’s start out by creating a new file. I used a 600×500 pixels canvas set at 72dpi, and I filled my background with black color. Now make a new layer set and name it 'Apple's Monitor Design'. Then in a new layer draw a large rectangle with #F4F4F4 color shade and 395×250 px dimensions.
Apple Monitor Design in Photoshop

Step 2

Under Layer Style(Layer > Layer Style) add an Drop Shadow, Inner Glow and Gradient Overlay blending options to your white rectangle layer.
Apple Monitor Design in Photoshop
Apple Monitor Design in Photoshop
Result:
Apple Monitor Design in Photoshop

Step 3

In a new layer draw a dark rectangle with #0A0A0A color shade and 363×217 px dimensions for the screen. Then under Layer Style(Layer > Layer Style) add an Outer Glow and Inner Glow blending options.
Apple Monitor Design in Photoshop
Apple Monitor Design in Photoshop
Result:
Apple Monitor Design in Photoshop

Step 4

Create a new layer, using the Rounded Rectangle Tool draw a small rounded rectangle with #D9D9D9 color shade and 68×29 px dimensions. Then cut out the curve shown below using the Marquee Selection Tool.
Apple Monitor Design in Photoshop

Step 5

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to the cut out gray rounded rectangle layer.
Apple Monitor Design in Photoshop
Apple Monitor Design in Photoshop
Result:
Apple Monitor Design in Photoshop

Step 6

In a new layer draw a dark rounded rectangle with #2B2B2B color shade and 395×29 px dimensions below the long rectangle design layer.
Apple Monitor Design in Photoshop

Step 7

Now add a sample image for your screen with 363 x 213 px dimensions. Then add a small apple logo below the screen, download the apple logo used on this design here.
Apple Monitor Design in Photoshop

Step 8

Duplicate your 'Apple's Monitor Design' layer set then go to Layer > Merge Layer Set, this should turn the duplicated mac design into a regular layer. Now go to Filter > Blur > Gaussian Blur, use the setting below.
Apple Monitor Design in Photoshop
Result:
Apple Monitor Design in Photoshop

Step 9

On your Layers Window move the duplicated mac design layer behind your original 'Mac Monitor Design' layer set. Then erase the top and bottom ends of the blurred design.
Apple Monitor Design in Photoshop

Result: Apple's Monitor Design

Apple Monitor Design in Photoshop

Download Psd file

Tidak ada komentar:

Posting Komentar