Create a Mac Style Home Icon in Photoshop

Preview of Final Results

Download the PSD

Mac Home Icon.zip | 0.21 MB

Download from FileSonic Download from Website

Mac Style Home Icon Photoshop Tutorials

Tutorial Details

Program: Adobe Photoshop CS4
Difficulty: Beginner – Intermediate

Step 1 – Creating New Document.

Create a new document (Cmd/Ctrl +N) with these setting:.

Step-1

Step 2 – Creating Shape For Roof.

Activate rounded rectangle tool . On the option bar, set to shape layer, with 20 px radius, set color to #a2a2a2. Create a shape.

Step-2

Step 3 – Modifying Path.

Activate Convert Point Tool. And click on these points shown below to convert them into angles.

Step-3

Step 4 – Modifying Path Again.

With pen tool and its “Auto Add/Delete”, delete the anchor points below.

Step-4a

Look at this. There are two points we have to delete.

Step-4b

And our image should like this.

Step-4c

Step 5 – Duplicating Path.

Use “Ctrl/Cmd + C” to copy path, then paste path “Ctrl/Cmd + V”. Now we have two path in one layer. And then we’ll make them into a 90 degree angle. Use “Ctrl/Cmd + T”, and move the center of transform control to top right corner.

Step-5a

Rotate it 90º CCW, press enter to apply. Activate Path Selection Tool (A), nudge the path to left like this.

Step-5b

Step 6 – Preparing for Highlight (Duplicating Path and Scaling Down).

Now, we need to duplicate the layer with “Cmd/Ctrl + J”. And name it “highlight”. Then transform the paths on this new layer. Hit “Cmd/Ctrl + T” to show transform control. To get easier transforming, we can use Alt and Shift key. Scale down horizontally first, an then scale down vertically. Just like this.

Step-6a