Free online photoshop training

Photoshop tutorials for webdesigners

website inbox icon or graphics button

September 26th, 2007 · No Comments

Photoshop cs2 Tutorial - How to make a Mail Inbox  website icon or button using photoshop Techniques.

[1] Take a new file of 400 pixels by 300 pixels and as usual a of resolution 72 dpi in the RGB mode.

mail-inbox1.jpg

[2] Fill the background with any color, Make a new layer.

mail-inbox2.jpg

[3] Now select the Shape Tool use these settings.

mail-inbox3.jpg

[4] Create a shape fill with black color as shown image below.

mail-inbox4.jpg

[5] Now go to Bleding Option apply the following settings.

mail-inbox5.jpg
mail-inbox6.jpg
mail-inbox7.jpg

[6] Your image should be look like this.

mail-inbox8.jpg

[7] Then take the Gradient Tool apply the following settings.

mail-inbox9.jpg

[8] Now Cnlt+Click the layer to make the selection.

mail-inbox10.jpg

[9] Make the new layer.

mail-inbox11.jpg

[10] And fill the layer with the help of gradient tool as shown image below.

mail-inbox12.jpg

[11] Your image should be look like this.

mail-inbox13.jpg

[12] Now take the Text Tool write your text.

mail-inbox14.jpg

[13] And then take the Shape tool use the following settings.

mail-inbox15.jpg

[14] Now make the new layer.

mail-inbox16.jpg

[15] Then create a shape and fill with any color I used green as shown image below.

mail-inbox17.jpg

[16] Set the shape as shown image below.

mail-inbox18.jpg

[17] Now here is your final step go to Blending Option select the Gradient Overlay apply the following settings.

mail-inbox19.jpg

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

mail-inbox20.jpg

Adobe Free Lessons -

Selective Coloring - change color partially - Photoshop cs2 free lessons

Navy Wheel Drawing photoshop tutorial

Create Rusty photoshop text effect - Free photoshop lesson

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment