Free online photoshop training

Photoshop tutorials for webdesigners

Create a Transparent file folder web icon

December 17th, 2007 · No Comments

Today in this tutorial of mine I will tell you how to make a Transparent file folder web icon using photoshop.

[1]-First of all open new document of custom size
you may choose any size, I am gonna take Height & width 400×400 pixels and Resolution 72 and Mode RGB Color

Tranparent-file-folder-web-icon1

[2] Now take the Rectangular Marquee Tool.

Tranparent-file-folder-web-icon2

[3] Then set the Foreground color as shown image below.

Tranparent-file-folder-web-icon3

[4] Create a new shape with the help of Rectangular Marquee Tool and fill the color.

Tranparent-file-folder-web-icon4

[5] Now take the Pen Tool create a new shape as shown image below.

Tranparent-file-folder-web-icon5

[6] Then crate a new layer make the selection and fill with black color.

Tranparent-file-folder-web-icon6

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

Tranparent-file-folder-web-icon7

Tranparent-file-folder-web-icon8

Tranparent-file-folder-web-icon9

Tranparent-file-folder-web-icon10

[8] Your image should be look like this.

Tranparent-file-folder-web-icon11

[9] Take the Text Tool create your word.

Tranparent-file-folder-web-icon12

[10] Then press Cntl+T, Transform Selection see in the next image.

Tranparent-file-folder-web-icon13

[11] Now Cntl+Click on the Text layer, then go to Select>Modify>Contract Selection use these settings.

Tranparent-file-folder-web-icon14

[12] Create a new layer and fill the selection with grey color.

Tranparent-file-folder-web-icon15

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

Tranparent-file-folder-web-icon16

Tranparent-file-folder-web-icon17

Tranparent-file-folder-web-icon18

[14] Your image should be look like this.

Tranparent-file-folder-web-icon19

[15] Now take the Pen Tool create a new shape as shown image below.

Tranparent-file-folder-web-icon20

[16] Then crate a new layer make the selection and fill with grey color.

Tranparent-file-folder-web-icon21

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

Tranparent-file-folder-web-icon22

Tranparent-file-folder-web-icon23

Tranparent-file-folder-web-icon24

Tranparent-file-folder-web-icon25

Tranparent-file-folder-web-icon26

[18] Your final image should be look like this.

Tranparent-file-folder-web-icon27

Create a Transparent file folder web icon,Online Tutorial Adobe Photoshop 7 Training Courses Tutorials,Free Photoshop Website Templates, Free Photoshop Web Layouts

Tags: Drawings

0 responses so far ↓

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

Leave a Comment