Hi Guys! Today I am telling you about How to Create Photoshop Website Template Stock Photo On Off Button

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

Website-Template-Stock-Photo-On-Off-Button1

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

Website-Template-Stock-Photo-On-Off-Button2

[3]-Now fill the selection with ‘a0a29f’ color & then select ‘Burn Tool’ Website-Template-Stock-Photo-On-Off-Button3 & create the following shading

Website-Template-Stock-Photo-On-Off-Button4

[4]-Now go to Blending Options select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow features

Website-Template-Stock-Photo-On-Off-Button5

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

Website-Template-Stock-Photo-On-Off-Button6

[6]-Now fill the selection with ‘3b3b3b’ color & then create the following selection with the help of ‘Pen Tool’

Website-Template-Stock-Photo-On-Off-Button7

[7]-Now create the following shading  with the help of ‘Burn Tool’ with inverse selection Ctrl+Shift+I

Website-Template-Stock-Photo-On-Off-Button8

[8]-Now Open New Layer & then create the following selection with the help of ‘Pen Tool’

Website-Template-Stock-Photo-On-Off-Button9

[9]-Now fill the selection with ‘981b1e’ color & then select ‘Dodge Tool’ Website-Template-Stock-Photo-On-Off-Button10   & Highlight the some parts like as shown below

Website-Template-Stock-Photo-On-Off-Button11

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

Website-Template-Stock-Photo-On-Off-Button11

[11]-Now fill the selection with ‘fb575a’ color & create the following shading with the help of ‘Burn & Dodge Tool’

Website-Template-Stock-Photo-On-Off-Button12

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

Website-Template-Stock-Photo-On-Off-Button13

[13]-Now fill the selection with any color & then go to Blending Options select Drop Shadow & use the following settings

Website-Template-Stock-Photo-On-Off-Button14
Photoshop Technique-How to use the Drop Shadow features

Website-Template-Stock-Photo-On-Off-Button15

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

Website-Template-Stock-Photo-On-Off-Button16

Website-Template-Stock-Photo-On-Off-Button17

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

Website-Template-Stock-Photo-On-Off-Button18

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

Website-Template-Stock-Photo-On-Off-Button19

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

Website-Template-Stock-Photo-On-Off-Button20

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

Website-Template-Stock-Photo-On-Off-Button21

[19]-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-Stock-Photo-On-Off-Button22

Website-Template-Stock-Photo-On-Off-Button23

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

Website-Template-Stock-Photo-On-Off-Button24

[21]-Now fill the selection with any Color & then go to Blending Options select Inner Shadow & use the following settigns
Photoshop Technique-How to use the Inner Shadow features

Website-Template-Stock-Photo-On-Off-Button25

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

Website-Template-Stock-Photo-On-Off-Button26

Website-Template-Stock-Photo-On-Off-Button27

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

Website-Template-Stock-Photo-On-Off-Button28

[24]-Now select Text Tool  Website-Template-Stock-Photo-On-Off-Button29  & like this create the others & create the any Text with the help of Text & then right click on Text Layer & select ‘Rasterize Type’
& then Transform with the help of Ctrl+T & then press ENTER

Website-Template-Stock-Photo-On-Off-Button30

[25]-Now go to Blending Options & use the Stroke Structure features
See below for the Final Photoshop Output.I hope this is a good tutorial & you can use these Photoshop Techniques in your Graphics Design Project

Website-Template-Stock-Photo-On-Off-Button31