Today I am telling you about How to create Photoshop website template stock photo buttons in photoshop.

[1] Take a new file of 600 pixels, 600 pixels, of resolution 72 dpi in the RGB mode.

[2] Now create a new shape with the help of “Ellipse Shape Tool” color is #d0d0d2.

website-template-stock-photo-buttons1

[3] Take the “Dodge Tool”website-template-stock-photo-buttons2 & then Highlight the following parts as shown below.

website-template-stock-photo-buttons3

[4] Create another shape with “Ellipse Shape Tool” fill that layer with #dbd8d1.

website-template-stock-photo-buttons4

[5] After that create the following selection with “Ellipse Shape Tool” then go to
Select>Modity>Feather Selection by 3px.

website-template-stock-photo-buttons5

[6] Open a new layer fill the selection with #336703.

website-template-stock-photo-buttons6

[7] Now select the 2nd shape layer then create the following selection with “Ellipse Shape Tool”
with the “Dodge Tool” Highlight the following parts as shown below do not “D”select.

website-template-stock-photo-buttons7

[8] Now press Cntl+Shift+I, with the “Dodge Tool” Highlight the following parts.

website-template-stock-photo-buttons8

[9] Then Cntl+Click the 2nd shape layer to get selection then go to
Select>Modify>Contract Selection by 1px.

website-template-stock-photo-buttons9

[10] Take the “Burn Tool”website-template-stock-photo-buttons10 & then press Cntl+Shift+I, now create the following Shading
with the help of Burn Tool.

website-template-stock-photo-buttons11

[11] Create a new shape with the help of “Ellipse Shape Tool” fill that layer with #f39b05

website-template-stock-photo-buttons12

[12] Now create the following shading with the help of “Burn Tool” then inverse selection also Ctrl+Shift+I.
Do not “D” select.

website-template-stock-photo-buttons13

[13] With the “Dodge Tool” Highlight the following parts as shown below.

website-template-stock-photo-buttons14

[14] After that add the following layer styles.

website-template-stock-photo-buttons15

website-template-stock-photo-buttons16

[15] Choose Gradient to and set properties like this.

website-template-stock-photo-buttons17

[16] Now create the following selection with the help of “Pen Tool” open a new layer
Apply gradient to selection to get the result like this.

website-template-stock-photo-buttons18

[17] Take the text tool create some text.

website-template-stock-photo-buttons19

[18] Here is one more example.
Done!!!!!!!!!!!!!!!!!!!!

website-template-stock-photo-buttons20

www.photoshopinc.com
www.photoshopinc.com -Quit Smoking website Animation
www.photoshopinc.com -Design a Scrolled torn paper
Free photoshop tutorials – www.photoshopinc.com – Learn
You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.