Photoshop Website Button Icon

Today I am telling you about How to Create Photoshop Website Button Icon

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

[2]-Now Open New Layer & then fill the selection with any color & then go to Blending Option,select Gradient Overlay & use
the following settings
Photoshop Technique-How to use the Gradient Overlay feature

[3]-Now Your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool

[4]-Now Open New Layer & the fill the selection with any color & then go to Blending Options,select Inner Shadow & use the
following settings
Photoshop Technique-How to use the Inner Shadow feature

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

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

[7]-Now create the following selection with the help of Elliptical Marquee Tool & then Press DELETE

[8]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,select Gradient Overlay & use
the following settings
Photoshop Technique-How to use the Gradient Overlay feature

[9]-Now your image should look like as shown below & then Create the following selection with the help of Elliptical Marquee
Tool

[10]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,select Gradient Overlay & use
the following settings

[11]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool

[12]-Now Open New Layer & then fill the selection with ‘37e282′color & then go to Blending Options,select Inner Shadow
Photoshop Technique-How to use the Inner Shadow feature

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

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

[15]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool

[16]-Now Open New Layer & then fill the selection with ‘fffffa’ color & reduce the Opacity of this Layer Like as shown below

[17]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool

[18]-Now Open New Layer & then fill the selection with any color & then create the following selection with the help of Elliptical
Marquee Tool & then Press DELETE & your image should look like as shown below

[19]-Now Create the following selection with the help of Polygonal Lasso Tool & then press DELETE.like this delete the Opposite
side

[20]-Now go to Blending Options,select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

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

[22]-Now your image should look like as shown below & after that create the selection with the help of Elliptical
Marquee Tool & then Open New Layer & fill the selection with ‘fffffa’ color & then create the following selection with the
help of Elliptical Marquee Tool & then press Delete & your image should look like as shown below

[23]-Now create the following selection with the help of Sigle Coloumn Marquee Tool & the press DELETE

[24]-Now go to Blending Options,select INNER SHADOW & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

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

[26]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool

[27]-Now Open New Layer & then fill the selection with any color & after that create the following selection & then press
Delete,like this create the other selection with the help of Single Coloumn Marquee Tool & then Press DELETE

[29]-Now go to Blending Options,select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

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

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

creating logos with photoshop

creating water in photoshop

creating watermarks in photoshop

This entry was posted on Thursday, July 31st, 2008 at 10:11 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.