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

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

[2] Create a new shape with the help of "Elliptical Marquee Tool" open a new layer fill the selection with #8d9393.
Do not "D" select.

website-template-stock-photo-button-shopping1

[3] Now go to Select>Modify>Contract Selection by 2px.

website-template-stock-photo-button-shopping2

[4] Take the "Burn Tool" website-template-stock-photo-button-shopping3 & then press Cntl+Shift+I, then create the following Shading
with the help of Burn Tool.

website-template-stock-photo-button-shopping4

[5] After that create the following selection with the help of ‘Elliptical Marquee Tool’
then go to Select>Modify>Feather Selection by 1px.

website-template-stock-photo-button-shopping5

[6] Now press Cntl+Shift+I, with the "Burn Tool" create the following Shading as shown below. Do not "D" select.

website-template-stock-photo-button-shopping6

[7] Take the "Dodge Tool"website-template-stock-photo-button-shopping7 & then Highlight the following parts as shown below. Do not "D" select.

website-template-stock-photo-button-shopping8

[8] Now press Cntl+Shift+I, with the "Burn Tool" create the following Shading.

website-template-stock-photo-button-shopping9

[9] Now create a new shape with the help of ‘Elliptical Marquee Tool’ fill that layer with #f49813.
Do not ‘D’ select.

website-template-stock-photo-button-shopping10

[10] Now move the selection with the help of Up Arrow Key, then go to
Select>Modify>Feather Selection by 1px.

website-template-stock-photo-button-shopping11

[11] With the "Dodge Tool" Highlight the following parts as shown below.
Do not ‘D’ select.

website-template-stock-photo-button-shopping12

[12] With the "Dodge Tool" now press Cntl+Shift+I, & then Highlight the following parts as shown below.
now ‘D’ select.

website-template-stock-photo-button-shopping13

[13] For this shape add the following layer styles.

website-template-stock-photo-button-shopping14

website-template-stock-photo-button-shopping15

website-template-stock-photo-button-shopping16

website-template-stock-photo-button-shopping17

website-template-stock-photo-button-shopping18

website-template-stock-photo-button-shopping19 

[14] Create a new layer [this layer should above background layer] and then create a new shape
with the help of Pen Tool, fill that layer with #828a8d.

website-template-stock-photo-button-shopping20 

[15] And the create the following Shading with the help of Burn & Dodge Tool.

website-template-stock-photo-button-shopping21

[16] For this shape add the following layer styles.

website-template-stock-photo-button-shopping22

website-template-stock-photo-button-shopping23

[17] Now create a shape with "Ellipse Shape Tool" now press Cntl+T, right click select
"Wrap" apply the following settings.

website-template-stock-photo-button-shopping24

website-template-stock-photo-button-shopping25

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

website-template-stock-photo-button-shopping26

[19] Apply gradient to selection to get the result like this.

website-template-stock-photo-button-shopping27

[20] You can now add a logo.

website-template-stock-photo-button-shopping28

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

website-template-stock-photo-button-shopping29

RSS FEED::photoshopinc.com
www.photoshopinc.com -Fusing traditional and technical
www.photoshopinc.com -MAMBO- a full-featured content management
Tips -What are non-editable and editable images? Non-editable
You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.