The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Apple's Monitor Design

Apple's Monitor Design


Step 1:

Let's start out by creating a new file. I used a 600x500 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 395x250 px dimensions.

Apple's Monitor Design image 1

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's Monitor Design image 2

Apple's Monitor Design image 3

Apple's Monitor Design image 4

Step 3:

In a new layer draw a dark rectangle with #0A0A0A color shade and 363x217 px dimensions for the screen. Then under Layer Style(Layer > Layer Style) add an Outer Glow and Inner Glow blending options.

Apple's Monitor Design image 5

Apple's Monitor Design image 6

Apple's Monitor Design image 7

Step 4:

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

Apple's Monitor Design image 8

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's Monitor Design image 9

Apple's Monitor Design image 10

Apple's Monitor Design image 11

Step 6:

In a new layer draw a dark rounded rectangle with #2B2B2B color shade and 395x29 px dimensions below the long rectangle design layer.

Apple's Monitor Design image 12

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's Monitor Design image 13

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's Monitor Design image 14

Apple's Monitor Design image 15

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's Monitor Design Tutorial: Final Result



Author's URL: PsDeluxe
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Apple's Monitor Design"

Only registered users can write comment

No comments yet...