In this tutorial learn how to make a free images for website web banner, content box or header image using photoshop.

[1] Take a new file of 600 pixels by 400 pixels and resolution 72 dpi.

[2] Now take the Rounded Rectangle Tool.

[3] Create a shape fill with gray color.

[4] Now go to Blending Option use these settings.

[5] Your image should be look like this.

[6] Then press Cnlt+T, to Transform Selection as shown image below.

[7] Make the copy of Shape layer and change the Blending Mode to Screen, then press Cntl+T, to Free Transform minimized your shape.

[8] Now take the Rounded Rectangle Tool and create a new shape see in the next image.

[9] Now go to Blending Option use these settings.

[10] Your image should be look like this.

[11] Then creat a new shape, with help of Rounded Rectangle Tool as shown image below.

[12] Now go to Blending Option use the following settings.

[13] Your image should be look like this.

[14] Then create a new shape with help of Pen Tool as shown image below.

[19] Now go to Blending Option use the following settings.

[20] Your image should be look like this.

[21] Take the Ellipse Tool create a new shape see in the next image.

[22] Now go to Blending Option use the following settings.

[23] Your image should be look like this.

[24] Make the copy of this shape layer as shown image below.

[25] Now take the Text Tool and create your text.

[26] Then change the Opacity for these two layers see in the next image.

[27] Your image should be look like this.

[28] Make the two more copy for this circle shape layer and move it down as shown image below.

[30] Now take the Text Tool select this font to make the Home Icon, Hold Shift+G.

[31] Select the Circle Shape layer then right to copy Layer Style.

[32] Then paste it to your text Layer G.

[33] Now take the Text Tool, write your text your final image is ready.

how to make a free images for website web banner, content box or header image using photoshop