Draw a rounded rectangle with the size of 929px by 929px and a radius of 38 px. I opened Photoshop and repeated steps one and two of the tutorial.Ģ.

We would be wanting everything to be saved as PNG-24 as it supports transparency. Save it as PNG-24, with transparency checked. To save it, click on File>Save for Web (Shortcut is CTRL+Shift+ALT+S). With the selection (marching ants) still on, click the shadow layer and press delete. Using the Magic Wand tool, select the entire bounding rounded-rectangle layer and inverse the selection (you can use the shortcut CTRL+Shift+I). (At the edge where the red and white and red colors intersect) Extend the drawing to the outside of the bounding rounded rectangle and close the shape in the bottom-left edge of the house image. Start it with the right edge of the roof. Next, using the pen tool, with the #000000 color fill, draw a shape. But, I still want to add a long shadow, so keep up.) This could actually be considered as a flat Home icon. (You could save it as an image in this part. Next, using the Rectangle tool, draw a 248px x 396px shape with a #fcab3a color fill.

Also, draw a small square using the Rectangle tool and color it #3498db. Next, still using the Pen tool, draw a rectangular shape like the image shown below. This will serve as the roof of our ‘Home’ icon. Using the Pen tool, draw something like the image below. Use the Rounded Rectangle tool and create a new shape with the dimensions of 1736 pixels x 1736 pixels, radius 83px, color #82d8b5 (or choose use your own color for this). Create a new file using the preset photo (10inches x 8 inches, 300 DPI, transparent background, RGB color). Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design AssetsĭOWNLOAD NOW Unlimited Downloads: 500,000+ Fonts, Web Templates, Themes & Design AssetsĭOWNLOAD NOW Create a Flat Home Icon in Photoshop

Adobe photoshop icon packs