Web Icon Design Tutorial

Today I will teach you about Photoshop Web Icon Design Tutorial

[1]-First of all Open New Document of Custom size, Height & Width 400×320 pixels,Resolution 72 & Mode RGB Color

[2]-Now Open New Layer & then create the following selection with the help of Elliptical Marquee Tool

[3]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[4]-Now select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

[5]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

[6]-Now your image should look like as shown below

[7]-Now select Brush Tool & then press ‘F5′, use the following Brush & settings

[8]-Now Open New Layer & then create the following Shape with the help of Ellipse Tool,Right Click select Stroke Path

[9]-Now use the following settings in Stroke Path

[10]-Now your image should look like as shown below

[11]-Now go to Blending Options,select Outer Glow & use the following settings
Photoshop Technique-How to use the Outer Glow feature

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

[13]-Now go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow features

[14]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[15]-Now your image should look like as shown below

[16]-Now select Custom Shape Tool & use the following Shape & settings

[17]-Now Open New Layer & then create the following Shape with the help of Custom Shape Tool & then select Pen Tool,right
click select Make Selection

[18]-In Make Selection Feather Radius should 0 pixels,select New Selection & then Ok.your image should look like as shown
below

[19]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[20]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[21]-Now select Satin Structure & use the following settings
Photoshop Technique-How to use the Satin Structure feature

[22]-Now your image should look like as shown below

[23]-Now like this create the following shape & then fill with ‘fffffa’ color & Opacity of this Layer should 10%

[24]-Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

batch watermark photoshop

bend text in photoshop

best photoshop tutorials

This entry was posted on Sunday, July 20th, 2008 at 5:44 am and is filed under Photoshop tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.