How To Draw an iMac G5 in Photoshop

photoshop-tutorial-draw-imac-g5 52

In this tutorial, we will draw a nice iMac G5 in Photoshop. We will combine layer shape and manual drawing to get a realistic result.

Step 1: Drawing G5 Side

Start by drawing a gray rectangle. Activate pen tool then add some points on its top and bottom. See picture below for reference.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 2

Select middle points, hit Ctrl + T and pull it closer.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 3

Hold Ctrl and move top left and bottom corner until we have a nice perspective view.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 4

Using pen tool modify points on each corner. See picture below for reference.

Photoshop Tutorial How to Draw an iMac G5

 

Step 5

Create new layer, hit Ctrl + Alt + G to convert it to Clipping Mask. Paint white on top left and left side to add highlight. Paint black on bottom corner to add shadow.

Photoshop Tutorial How to Draw an iMac G5

 

Step 6

Double click shape layer to open Layer Style dialog box. Add Gradient Overlay.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 7: Front face

Let’s draw front face of the iMac G5. Draw a rounded rectangle shape. Inside it, draw another smaller rounded shape and select Subtract from option bar.

Photoshop Tutorial How to Draw an iMac G5

 

Step 8

Hit Ctrl + T, place it next to the iMac. Right click and choose Perspective, move top right corner until we have a nice perspective view. See image below for reference.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 9

Add layer style Gradient Overlay to add highlight on the shape.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 10

We still need to add more highlight and shadow. Create new layer and convert it to Clipping Mask (Ctrl + Alt + G). Paint indicated areas with black.

Photoshop Tutorial How to Draw an iMac G5

 

Step 11

Duplicate shape and transform it to smaller size and put it behind.

Photoshop Tutorial How to Draw an iMac G5

 

Step 12

Draw a rounded rectangle. Use pen tool to delete indicated points. Convert points on left side to corner using Convert Point Tool.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 13

Perform another perspective transformation until we have the shape in the right place.

Photoshop Tutorial How to Draw an iMac G5

 

Step 14

Let’s add another highlight and shadow. Create new layer and convert it to Clipping Mask (Ctrl + Alt + G). paint top and lower areas with black.

Photoshop Tutorial How to Draw an iMac G5

 

Step 15

Add highlight by painting white using soft brush.

Photoshop Tutorial How to Draw an iMac G5

 

Step 16: Add Dots Pattern

Create a new file with size: 30×30 px. Create two circle selection and fill it with black. Click Edit > Define Pattern to save it as a pattern.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 17

Create new layer. Click Edit > Fill, choose Use: Fill and select dots pattern we have just created.

Photoshop Tutorial How to Draw an iMac G5

 

Step 18

Perform another perspective transformation to place the pattern on the front face.

Photoshop Tutorial How to Draw an iMac G5

 

Step 19

Ctrl-click front face shape layer to create a selection based on its shape. Click Add Layer Mask icon. Now, the pattern is perfectly inside the shape.

Photoshop Tutorial How to Draw an iMac G5

 

Step 20

Create new layer. Draw a marquee and fill it with reflected black to white gradient.

Photoshop Tutorial How to Draw an iMac G5

 

Step 21

Hit Ctrl + T, right click and choose Skew. Transform the shape until it fit perfectly on lower side of the front face. Change its blend mode to Overlay. Ctrl-click front face shape and click Add Layer Mask icon. Reduce its opacity to 20%.

Photoshop Tutorial How to Draw an iMac G5

 

Step 22

Repeat previous step and apply it to top face. This time use bigger Opacity, 80%.

Photoshop Tutorial How to Draw an iMac G5

 

Step 23

Let’s add 3D effect on the face. Draw a rounded rectangle (a). Inside the rounded rectangle draw smaller rounded rectangle path and select Subtract from the option bar (b). Perform another perspective transformation, see picture c for reference.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 24

As you can see in close up picture below. This thin shape add 3D effect.

Photoshop Tutorial How to Draw an iMac G5

 

Step 25

Add Gradient Overlay to give the shape highlight and shadow.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 26

Draw a rectangle shape. Hit Ctrl + T, right click and select Skew. Transform it until it match the front face perspective. You need to move lower right corner to make sure its perfectly match to the front face. Double click the shape to open Layer Style dialog box and add IIner Shadow, Gradient Overlay, and Stroke.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 27: Add Apple Logo

Search for apple logo, you can find it easily in google image. Trace it in Photoshop manually using pen tool. After finish, you can just delete the image. Use black for its color.

Photoshop Tutorial How to Draw an iMac G5

 

Step 28

Perform perspective transformation, do it until the logo it is perfectly placed on iMac G5 side.

Photoshop Tutorial How to Draw an iMac G5

 

Step 29

Double click its layer shap to open Layer Style dialog box. Activate Bevel and Emboss with these settings.

Photoshop Tutorial How to Draw an iMac G5

 

Step 30

Reduce its Fill layer to 7%.

Photoshop Tutorial How to Draw an iMac G5

 

Step 31: Add Shadow

Activate big soft brushes and paint a big black shadow underneath the iMac. No need to be accurate on this, you can see the shadow I draw below.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 32

Click Filter > Blur > Gaussian Blur to soften the shadow. Use big radius to make the shadow is very soft. Reduce its opacity to 20%.

Photoshop Tutorial How to Draw an iMac G5

Photoshop Tutorial How to Draw an iMac G5

 

Step 33

Now, we need to add another shadow right under the iMac. Paint indicated areas below with black. This time make sure you use harder brush. Finally, duplicate the shadow layer (Ctrl + J), and add a very big Gaussian Blur.

Photoshop Tutorial How to Draw an iMac G5

 

Final Result

Here, you can see our finish drawing. I hope you like it. If you have any questions, fee free to ask in the comment area below. I’d be glad to answer it.

Photoshop Tutorial How to Draw an iMac G5

 

Thanks to Mohammad Jeprie

Facebook Like

We are in social

Zizaza Twitter social profile

Blogspot zizaza free design ocean blog

Pinterest zizaza free design ocean profile

Facebook Zizaza - design ocean page

Deviantart Zizaza design ocean biggest free icon storage group

Zizaza design ocean home page