Photoshop Tutorial: Create a Semi-Realistic MacBook Pro from Scratch Page 2

At this point, we can really see things taking shape. This half of the Photoshop tutorial will guide you the rest of the way towards crafting a Macbook Pro graphic of your very own. On to the next step.

Step 15

Move on to the pick shape created in the seventh step. Replace the pink with #929497, open the Layer Style window, enter the properties shown below and click OK.

Step 16

Reselect the shape edited in the previous step and duplicate it (Control + J). Select this copy, lower its Fill to 0%, open the Layer style window and enter the properties shown below.

Step 17

Reselect the two shapes created and edited in the previous step and convert them to a smart object. Select it and go to Filter > Noise > Add Noise. Enter the properties shown below and click OK.

Step 18

Pick the Rounded Rectangle Tool and set the radius at 10px. Create a 120 by 25px shape and place it as shown in the first image. Open the Layer Style window for this new shape, enter the properties shown below and click OK.

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 0 degrees
Scale: 100%

Step 19

Focus on the Layers panel. Reselect the shape created in the previous step and drag it right above the shape edited in the eleventh step. Right click on the shape created in the previous step and simply click on Create Clipping Mask.

Step 20

Pick the Rounded Rectangle Tool and set the radius to 5px. Set the foreground color to #231f20, create a 25 by 2.5px shape and place it as shown in the following image. Open the Layer Style window for this new shape and enter the properties shown below.

Step 21

Pick the Ellipse Tool, set the foreground color to #484a4f, create a 7.5 by 5px shape and place it as shown in the following image. Open the Layer Style window for this new shape and enter the properties shown below.

Step 22

Reselect the shape created in the previous step, make three copies (Control + J) and place them as shown in the following image.

Step 23

Select all the shapes created so far and duplicate them. Select these copies, convert them to a smart object and send it to back (Shift + Control + [ ). Open the Layers Style window for this new smart object, activate the Drop Shadow, enter the properties shown below and click OK.

Step 24

Select the shapes created in steps #21 and #22 along with the smart object created in step #10 and duplicate them. Select these copies and convert them to a smart object. Select this new smart object and go to Edit > Transform > Flip Vertical. Drag this flipped smart object a few pixels down (as shown in the second image) and lower its opacity to 50%.

Move over to the Layers panel, add a layer mask for this smart object and use a black to white gradient to mask it as shown in the fourth image. Select all the shapes created so far and group them (Control + G). Move to the Layers panel, double click on this new group and name it "Body".

Step 25

Move to the Layers panel and open the group created in the previous step. Find the top three shapes and make them invisible. Pick the Rounded Rectangle Tool and set the radius at 20px. Set the foreground color at #0f0f0f, create a 700 by 480px shape and place it as shown in the first image. Convert it to a smart object, open the Layer Style window and enter the properties shown in the following images.

Step 26

Pick the Rectangle Tool, create a 450 by 520px shape and place it as shown in the first image. Switch to the Direct Selection Tool, select the top, left anchor point and move it 300px to the right. Make sure that this new shape is placed right above the shape created in the previous step then right click on it and click on Create Clipping Mask.

Step 27

Reselect the shape created in the previous step, lower its Fill to 0%, open the Layer Style window and enter the properties shown below.

Step 28

To fill the screen we’ll use a simple photo. You can easily find a macbook desktop screenshot on Flickr or on DeviantArt. Find the one that you like, download it, drag it inside your PS file, select it and go to Edit > Free Transform. Make it 660px wide and 412px tall and hit Enter.

Place this resized image as shown in the first image then drag it below the shape edited in the previous step. Finally, select this photo along with the shapes created in the last three steps and group them (Control + G). Select this new group, send it to back (Shift + Control + [ ) and you’re done.

And That’s All!

Now we have reached the end of our journey through the tutorial. We hope that it was helpful and easy to follow along. Feel free to leave us your thoughts on the process and finished product in the comment section.

(rb)