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

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

[2] Open a new layer fill that layer with #050505, Take the "Dodge Tool"website-template-stock-photo-media-player-buttons1 & then Highlight the following parts as shown below.

website-template-stock-photo-media-player-buttons2

[3] Create the following selection with the help of "Elliptical Marquee Tool".

website-template-stock-photo-media-player-buttons3

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

website-template-stock-photo-media-player-buttons4

[5] Open a new layer. Apply gradient to selection to get the result like this.
Do not "D" select.

website-template-stock-photo-media-player-buttons5

[6] Now move the selection with the help of Up Arrow Key now hit the the key on your key board.
Do not "D" select.

website-template-stock-photo-media-player-buttons6

[7] Open a new a layer fill the selection with #0170e3.

website-template-stock-photo-media-player-buttons7

[8] With the "Dodge Tool" Highlight the following parts as shown below.

website-template-stock-photo-media-player-buttons8

[9] Create another circle with ‘Elliptical Marquee Tool’ open a new layer fill the selection with black color.
Do not "D" select.

website-template-stock-photo-media-player-buttons9

[10] Now go to Select>Modify>Contract Selection by 1px.

website-template-stock-photo-media-player-buttons10

[11] Then open a new layer fill the selection with #6d6a71.

website-template-stock-photo-media-player-buttons11

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

website-template-stock-photo-media-player-buttons12

website-template-stock-photo-media-player-buttons13

website-template-stock-photo-media-player-buttons14

[13] Use Custom Shape Tool and Draw.

website-template-stock-photo-media-player-buttons15

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

website-template-stock-photo-media-player-buttons16

website-template-stock-photo-media-player-buttons17

website-template-stock-photo-media-player-buttons18

website-template-stock-photo-media-player-buttons19

website-template-stock-photo-media-player-buttons20

[15] Now like this create the other with above techniques.

website-template-stock-photo-media-player-buttons21

[16] 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-media-player-buttons22

www.photoshopinc.com -Fusing traditional and technical
www.photoshopinc.com -How to Organize Your Digital Photos
Tips -What can easily be adjusted by exporting them into
RSS FEED::photoshopinc.com
You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.