Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Design a winzip icon for compress files

October 27th, 2007 · No Comments

If you need to show some compressed files as icon on your website you can try this tutorial which creates a Winzip File Compress Icon. If you don’t use winzip you can use another file compressing tool icon like winrar or any other file compressing utility.

[1]-First of all open new document of Custom size, Height & Width 500×500 pixels, Resolution 72 and Mode RGB COlor
pun170-winzip-file-compress-icon1.gif

[2]-Now fill the Background Layer with any color & then create the following selection with the help Rectangular Marquee Tool

pun170-winzip-file-compress-icon2.gif

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

pun170-winzip-file-compress-icon3.gif

[4]-Now select the Gradient Overlay & apply the following settings

pun170-winzip-file-compress-icon4.gif
pun170-winzip-file-compress-icon5.gif

[5]-Now yourimage will be look as shown below

pun170-winzip-file-compress-icon6.gif

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

pun170-winzip-file-compress-icon7.gif

[7]-Now fill the selection with # D8A324 color & click on ‘f’ which is indicating by Hand sign as shown below

pun170-winzip-file-compress-icon8.gif

[8]-Now select Satin Structure and apply the following settings

pun170-winzip-file-compress-icon9.gif

[9]-Now Your image will be look as shown below

pun170-winzip-file-compress-icon10.gif[10]-Now create the following selection with the help of Polygonal Lasso Tool

pun170-winzip-file-compress-icon11.gif

[11]-Now fill the selection with any color

pun170-winzip-file-compress-icon12.gif

[12]-Now go to seleCt>Modify>Smooth and use the following settings

pun170-winzip-file-compress-icon13.gif

[13]-Now press Ctrl+shift+I and then ‘Delete’ after that press Ctrl+D & your image will be look as shown below

pun170-winzip-file-compress-icon14.gif

[14]-Now Click on ‘f’ which is indicating by Hand sign as shown below

pun170-winzip-file-compress-icon15.gif

[15]-Now select Bevel & Emboss & then use the following settings

pun170-winzip-file-compress-icon16.gif

[16]-Now select Gradient Overlay and apply the following settings

pun170-winzip-file-compress-icon17.gif
pun170-winzip-file-compress-icon18.gif

[17]-Now select Stroke Structure and use the following settings

pun170-winzip-file-compress-icon19.gif

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

pun170-winzip-file-compress-icon20.gif

[19]-Now press Ctrl+J for making duplicate Layer & after that press Ctrl+T & then click and select ‘Flip Vertical’

pun170-winzip-file-compress-icon21.gif

[20]-Now replace the following shape with the help of Ctrl+T as shown below

pun170-winzip-file-compress-icon22.gif

[21]-Now create the following selection with the help of Rectangular Marquee Tool on Layer3

pun170-winzip-file-compress-icon23.gif

[22]-Now fill the selection with any color & your image will be look as shown below

pun170-winzip-file-compress-icon24.gif

[23]-Now create the following selection with the help of Rectangular Marquee Tool & fill the selection with any color

pun170-winzip-file-compress-icon25.gif

[24]-Now select Custom shape Tool and use the Rounded Rectanle Tool as shown below

pun170-winzip-file-compress-icon26.gif

[25]-Now create the following shape with the help Of Rouned Rectangle Tool

pun170-winzip-file-compress-icon27.gif

[26]-Now click on the shape & then select Make selection

pun170-winzip-file-compress-icon28.gif

[27]-Now apply the following settings in Make selection

pun170-winzip-file-compress-icon29.gif

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

pun170-winzip-file-compress-icon30.gif

[29]-Now fill the selection with any color & after that create the following selection with the help of Rectangular Marquee Tool

pun170-winzip-file-compress-icon31.gif

[30]-Now Hold Shift & create the another Selection with the help of Retangular Marquee Tool

pun170-winzip-file-compress-icon32.gif

[31]-Now fill the selection with any color

pun170-winzip-file-compress-icon33.gif

[32]-Now click on ‘f’ which is indicating by Hand sign as shown below

pun170-winzip-file-compress-icon34.gif

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

pun170-winzip-file-compress-icon35.gif
pun170-winzip-file-compress-icon36.gif

[34]-Now select Stroke Structure & use the following settings

pun170-winzip-file-compress-icon37.gif

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

pun170-winzip-file-compress-icon38.gif

[36]-Now press Ctrl+click on Layer 4 & after that go to select>Modify>Smooth & use the following settings

pun170-winzip-file-compress-icon39.gifress Ctrl+Shift+I and then “Delete” & your image will be look as shown below

pun170-winzip-file-compress-icon40.gif

[38]-Now press Ctrl+D after that create the following selection with the help of Rectangular Marquee Tool

pun170-winzip-file-compress-icon41.gif

[39]-Now fill the selection with # EBCE59 color & click on ‘f’ which is indicating by Hand sign as shown below

pun170-winzip-file-compress-icon42.gif

[40]-Now select Bevel & Emboss and apply the following settings

pun170-winzip-file-compress-icon43.gif

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

pun170-winzip-file-compress-icon44.gif

[42]-Now press Ctrl+J for making copy of the Layer and replace the following shape with the help of Move Tool

pun170-winzip-file-compress-icon45.gif

[43]-Now create the following shape with the help of Rectangular Marquee Tool

pun170-winzip-file-compress-icon46.gif

[44]-Now fill the selection with # FFFFFA color and go to Blending Options & after that select stroke and use the following settings

pun170-winzip-file-compress-icon47.gif

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

pun170-winzip-file-compress-icon48.gif

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

pun170-winzip-file-compress-icon49.gif

[47]-Now fill the selection with any color

pun170-winzip-file-compress-icon50.gif

[48]-Now create the following selection with the help of Rectangular Marquee Tool

pun170-winzip-file-compress-icon51.gif

[49]-Now fill the selection with any color & your image will be look as shown below

pun170-winzip-file-compress-icon52.gif

[50]-Now create the following selection with the help of Polygonal lasso Tool

pun170-winzip-file-compress-icon53.gif

[51]-Now fill the selection with any color & go to Blending Options & then select Gradient Overlay and use the following settings

pun170-winzip-file-compress-icon54.gif
pun170-winzip-file-compress-icon55.gif

[52]-Now select Stroke and apply the following settings

pun170-winzip-file-compress-icon56.gif

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

pun170-winzip-file-compress-icon57.gif

[54]-Now 3 times press Ctrl+J for copy of the layer & adjustment with the help of Move Tool

pun170-winzip-file-compress-icon58.gif

[55]-Now create the following Text with the help of Text Tool

pun170-winzip-file-compress-icon59.gif

[56]-Now go to Blending options with the help of CLick on ‘f’ after that select Bevel & Emboss and use the following settings

pun170-winzip-file-compress-icon60.gif

[57]-Now select Gradient OVerlay and apply the following settings

pun170-winzip-file-compress-icon61.gif
pun170-winzip-file-compress-icon62.gif

[58]-Now select Stroke and apply the following settings

pun170-winzip-file-compress-icon63.gif

[59]-At, last all settings have been completed & your final image will be look as shown below

pun170-winzip-file-compress-icon64.gif

 Make a winzip icon for compress files

Create traffic signals lights using photoshop features - For your website graphics needs

 Adobe cs3 photoshop tutorials - Design a gold necklace with gemstone - jewelry making tutorial

Tags: website graphics photoshop tutorial

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.