--
Published on Sun, Mar-01-2009 by Dainis

Apples Monitor Design


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.

You May Be Interested In The Following Posts


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

Advertisement


Leave Your Response

About PsDeluxe

Psdeluxe is a Design blog dedicated to mainly Photoshop lovers and enthusiasts. We regularly update blog with free and easy to learn free Adobe photoshop tutorials, useful freebies for design projects, powerful tools that will make your work easier and we publish showcase of most beautiful and interesting designers works around the work that hopefully will inspire. Learn Adobe Photoshop techniques with us. Talented and professional designers are always welcome to join our author team. Feel free to subscribe to our Rss feed to be first who get all valuable information for designers.



     Hostgator Coupons | ThemeLabs | MaxReview theme | Review themes

Recommended Links



Wordpress review theme