Make a HTML document icon for website design

If you need icons for html document for download
from your software website. you may find this
photoshop tutorial very helpful.

Lets create a clean icon displaying e to indicate .html files available for download from your website.

Lets read this helpful step by step photoshop lesson in this handon training session.

[1]-First of all open new document of Custom size, Height & Width 500×500 pixels, Resolution 72 and Mode RGB Color

[2]-Now fill the Background with any Color with the help of Alt+Backspace & after that create the following selection with the help of POlygonal Lasso TOol

[3]-Now fill the selection with any color and click on ‘f’ which is indicating by Hand sign as shown below

[4]-Now select Drop Shadow and apply the following settings

[5]-Now select Gradient Overlay and use the following settings

[6]-Now select Stroke and use the following settings

[7]-Now your image will be look as shown below

[8]-Now Create the following selection with the help of Polygonal Lasso Tool

[9]-Now fill the selection with # FFFFFA color and then click on ‘f’ which is indicating by Hand sign as shown below

[10]-Now select Inner Shadow and use the following settings

[11]-Now select stroke structure and use the following settings

[12]-Now your image will be look as shown below

[13]-Now select Text Tool and use the following settings

[14]-Now create the following Text With the help of Text TOol

[15]-Now select Rectangular Marquee Tool & after that press Ctrl+T and increase the Text as shown below

[16]-Now press Enter & then click on ‘f’ which is indicating by Hand sign as shown below

[17]-Now select Gradient Overlay and use the following settings

[18]-Now select Stroke structure and use the following settings

[19]-Now your image will be look as shown below

[20]-Now create the following shape with the help of Ellipse Tool and then Modify with Direct Selection TOol as shown below

[21]-Now click and then select Make Selection

[22]-Now apply the following settings in Make Selection

[23]-Now your image will be look as shown below

[24]-Now fill the selection with any color & after that select Text Layer and click on and then select ‘Rasterize Layer’

[25]-Now select Layer3 and press Ctrl+J for copy of the layer

[26]-Now press Ctrl+Click on COpy of the layer and your image will be look as shown below

[27]-Now Go to Select>Modify>Contract and use the following settings

[28]-Now select Move Tool and adjust the selection as shown below

[29]-Now select orginal layer 3 & then press “Delete” & after that Delete the copy layer of 3 & your image will be look as shown below

[30]-Now select Layer 3 and press Ctrl+E

[31]-Now your image will be look as shown below

[32]-Now select Erase Tool and remove the some parts as shown below

[33]-Now create the following selection with the help of Polygonal Lasso Tool

[34]-Finally, all settings have been completed & your final image will be look as shown below