Free online photoshop training

Photoshop tutorials for webdesigners

Design a Play website graphics button or icon

October 2nd, 2007 · No Comments

Here cool photoshop tutorials to draw a Play button for website Graphics project.

[1] Take a new file of 300 pixels by 300 pixels and choose resolution of 72 dpi in the RGB mode.

play-graphics-button1.jpg

[2] Now take the Rounded Rectrangle Tool.

play-graphics-button2.jpg

[3] Then create a shape and fill with grey color.

play-graphics-button3.jpg

[4] Now go to Blending Option and select the Gradient Tool use these settings.

play-graphics-button4.jpg

[5] Your image should be look like this.

play-graphics-button5.jpg

[6] Now create another shape with the help of Rounded Rectangle Tool fill with same color.

play-graphics-button6.jpg

[7] Go to Blending Option and select the Gradient Tool use these settings.

play-graphics-button7.jpg

[8] Your image should be look like this.

play-graphics-button8.jpg

[9] Then select the Elliptical Marquee Tool now create a shape as shown image below.

play-graphics-button9.jpg

[10] Now take the Gradient Tool use these settings.

play-graphics-button10.jpg
play-graphics-button11.jpg

[11] Make the new layer fill the new shape with help of Gradient Tool as shown image below.

play-graphics-button12.jpg

[12] And the change the Blending Mode of new shape layer Linear Dodge as shown image.

play-graphics-button13.jpg

[13] Your image should be look like this.

play-graphics-button14.jpg

[14] Now take the Shape Tool use this one.

play-graphics-button15.jpg

[15] Then Hold Cnlt+T, to Transform selection and Rotate the your shape.

play-graphics-button16.jpg

[16] Now go to Window>Styles use the following settings.

play-graphics-button17.jpg
play-graphics-button18.jpg

[17] Your final image should be look like this.

play-graphics-button19.jpg

Overlapped or linked Text effect photoshop cs2 tutorial

Make a green red glass text effect

Photoshop Tutorial how to make Knight Shield FLEUR DE LIS

Tags: Web graphics

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment