Home Icon Photoshop Tutorial

1. Create a new photoshop file, zooming in to 200% and then make grey circle, using the elliptical marquee tool.

2. Next, create a black circle on a new layer.

3. Expand the selection by 2 pixels and then, on a new layer, create a pale blue circle.

4. Contract the selection by 4 pixel and then delete the contents, leaving a light blue ring.

5. Contract the selection by 1 pixel, creating a new layer.

6. Fill the selection with dark grey and then use a soft brush to erase the bottom half

7. Next, use the polygonal lasso tool to create house shaped selection.

8. Use the gradient tool to make a linear gradient, made by dragging diagonally across the house. For the colors of the gradient, set 2 slightly different light blue colors for the foreground and background

9. Next, select the line tool, setting it to have a width of 4 pixels. Create the 1st side of the roof using the lightest of the blue colors

10. Create the other side, completing the roof.

Final. Thats the end of this tutorial and now you have a nice home icon to use on your site!