Photoshop Website Template Replace Button Graphics


Hi Friends! Today I am telling you about How to Create Photoshop Website Template Replace Button Graphics

[1]-First of all Open New Document of Custom Size,Height & Width 500×500 pxl,Resolution 72 & Mode RGB Color

Website-Template-Replace-Button-Graphics-Stock-Photo1

[2]-Now Open New Layer & then create the following selection with the help of ‘Rounded Rectangle Tool’

Website-Template-Replace-Button-Graphics-Stock-Photo2

[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 features

Website-Template-Replace-Button-Graphics-Stock-Photo3

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

Website-Template-Replace-Button-Graphics-Stock-Photo4

Website-Template-Replace-Button-Graphics-Stock-Photo5

[5]-Now Open New Layer & then create the following selection with the help of ‘Rounded Rectangle Tool’

Website-Template-Replace-Button-Graphics-Stock-Photo6

[6]-Now 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 features

Website-Template-Replace-Button-Graphics-Stock-Photo7

[7]-Now Open New Layer & then create the following selection with the help of ‘Rounded Rectangle Tool’

Website-Template-Replace-Button-Graphics-Stock-Photo8

[8]-Now fill the selection with ‘93f722′ color & then go to Blending Options select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow features

Website-Template-Replace-Button-Graphics-Stock-Photo9

[9]-Now select Inner Glow & use the following settings
Photoshop Technique-How to use the Inner Glow features

Website-Template-Replace-Button-Graphics-Stock-Photo10

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

Website-Template-Replace-Button-Graphics-Stock-Photo11

[11]-Now select Text Tool  Website-Template-Replace-Button-Graphics-Stock-Photo12 & create the any text use the some Stroke Structure features

Website-Template-Replace-Button-Graphics-Stock-Photo13

[12]-Now Open New Layer & then create the following selection with the help of ‘Rounded Rectangle Tool’

Website-Template-Replace-Button-Graphics-Stock-Photo14

[13]-Now fill the selection with ‘fffffa’ color & then add the Layer Mask with the help of click on following button which is indicating by Hand Sign

Website-Template-Replace-Button-Graphics-Stock-Photo15

[14]-Now select Gradient Tool & use the following settings

Website-Template-Replace-Button-Graphics-Stock-Photo16

[15]-Now select Layer Mask & fill the Gradient like as shown below

Website-Template-Replace-Button-Graphics-Stock-Photo17

[16]-Now Open New Layer & then create the following selection with the help of ‘Rectangular Marquee Tool’ with hold shift

Website-Template-Replace-Button-Graphics-Stock-Photo18

[17]-Now fill the selection with ‘000000′ color & then go to Filter>Distort>Twirl & use the following settings
Photoshop Technique-How to use the Twirl features

Website-Template-Replace-Button-Graphics-Stock-Photo19

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

Website-Template-Replace-Button-Graphics-Stock-Photo20

[19]-Now create the following selection with the help of Rounded Rectangle Tool & then inverse selection Ctrl+Shift+I & then press DELETE

Website-Template-Replace-Button-Graphics-Stock-Photo21

[20]-Now Blending Mode of this Layer should ‘Overlay’

Website-Template-Replace-Button-Graphics-Stock-Photo22

[21]-Thanks for read this Photoshop Tutorial.I hope you have enjoyed & learnt some Photoshop Techniques & the Final image should look like as shown below

Website-Template-Replace-Button-Graphics-Stock-Photo23

http://www.adobenerds.com/How-to-create-a-cool-Y-web-logo_53.html

http://www.adobenerds.com/Made-of-glass-Letters-or-text-effect._122.html

This entry was posted on Thursday, November 26th, 2009 at 12:08 pm and is filed under photoshop tutorial. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.