Home / Tutorials / Photoshop / Mix / How to Create Home Icon in Photoshop?

How to Create Home Icon in Photoshop?

Using this technique you can create your own desired Icons. In this tutorial we will design Home Icon in Photoshop. It will look very long Tutorial, because I want to give better look. So here you go:

1. First of all take a new file of any size, I’m going to take 500x500px file with RGB color mode and 72 Resolution:

stunning-mesh-tut13-1

2. Create New Layer and Pick Pen Tool pen-tool and draw the shape like following. Right click anywhere and select Make Selection, give 0 in feather and hit ok, then fill it with any color. (you will have to do all this if after selecting Pen tool in Top Property Toolbar you have selected Paths icon)

stunning-mesh-tut13-2

3. Now we have to give some effects on it, I’ll be using Inner Shadow and Gradient Overlay. Run the command Layer >> Layer Style >> Inner Shadow first and then Layer >> Layer Style >> Gradient Overlay and give the following values:

stunning-mesh-tut13-3

4. Press Ctrl+J to duplicate this layer, now press Ctrl+T and right click on it and select Flip Horizontal and press <enter> key. Now move this part towards right side of the previous part, so that their edges touch each other like:

stunning-mesh-tut13-4

5. To bring Reality we are going to change its Inner Shadow and Gradient Overlay settings. Run the commands again (Layer >> Layer Styles >> Inner Shadow and then Gradient Overlay) and give the followng values this time:

stunning-mesh-tut13-5

6. Create new layer and while using Pen tool draw the shape as follows, and don’t forget to convert it to selection and fill it with any color:

stunning-mesh-tut13-6

7. Duplicate this layer and press Ctrl+T and right click on it and select Flip Horizontal. Move this newly created layer towards the right side of the previous shape so that their edges touch each other.

stunning-mesh-tut13-7

8. Now while using Pen tool, draw the remaining part of the home and fill it with any color like:

stunning-mesh-tut13-8

9. We have to give some effects on this layer. So we have to use Inner Shadow, Inner Glow and Gradient Overlay. Give the following values in relevant options:

stunning-mesh-tut13-9

10. Now select Roof’s bottom black parts (both layers) and press Ctrl+E to merge these. Now press Ctrl+J to duplicate this:

stunning-mesh-tut13-10

11. Press Ctrl+[ to send this layer back to the original one and run the command Filter >> Blur >> Gaussian Blur and give value 13px and hit ok, you will get this:

stunning-mesh-tut13-11

12. Now pick Rectangle tool rectangle-tool and draw a small rectangle (we are going to make door so draw rectangle at door’s place) like the following and fill it with any color:

stunning-mesh-tut13-13

13. We have to give some effects on this door layer. Run the commands Inner Shadows, Inner Glow and Gradient Overlay (in Layer >> Layer Style menu) and give the following values:

stunning-mesh-tut13-14

14. Now we are going to give some details to door. Take Rounded rectangular tool and in Top property box in Radius type 3px and draw a small box over the door:

stunning-mesh-tut13-15

15. Goto its Blending Options (or Layer >> Layer Styles) and give the following Styles to it:

stunning-mesh-tut13-16

16. After hitting OK, press Ctrl+J to duplicate it and move it down.

stunning-mesh-tut13-17

17. Now we are going to make a Handle of the door. While using Elliptical tool draw a small circle and rasterize this layer by right click on its name and selecting Rasterize Layer.

stunning-mesh-tut13-18

18. Give it the following Blending Options:

stunning-mesh-tut13-19

19. Now using Pen tool draw the Shade on the Door like:

stunning-mesh-tut13-20

20. give it the following Blending Options:

stunning-mesh-tut13-21

21. Now draw another shape under this shape and fill it with black.

stunning-mesh-tut13-22

22. Now select these two Shades Layer and press Ctrl+E to merge these. Press Ctrl+J to copy it and move it below the Door like:

stunning-mesh-tut13-24

23. Now draw a Strip at the bottom of House (this layer must be over the House Wall layer).

stunning-mesh-tut13-25

Give it the following Blending Options:

stunning-mesh-tut13-26

24. We are going to make a small window over the Door in the middle of the house. By using Rectangle Tool draw a Square in the middle of the house just below the Roof like:

stunning-mesh-tut13-27

Give it the following Blending option:

stunning-mesh-tut13-28

25. Now by using Rectangle Tool draw two Vertical and Horizontal Strips like a Cross as:

stunning-mesh-tut13-29

and give the following properties to it:

stunning-mesh-tut13-30

26. Now we are going to make Chimney, select the Background layer and by using Rectangle tool draw black strip towards the right side of the house as:

stunning-mesh-tut13-31

Give it the following Blending Options:

stunning-mesh-tut13-32

27. By using Pen tool draw Small shape over the Chimney. Here is the final shape:

stunning-mesh-tut13-33

About Wijdan Rohail

A professional Web/Graphic Designer, working as Freelancer since 2000. Designing is my passion, blogging is my hobby.

Check Also

Fried Egg Design in Photoshop

This Photoshop Tutorial will teach you some basic tools and commands of Photoshop. This Photoshop …

Leave a Reply

Your email address will not be published. Required fields are marked *