Free online photoshop training

Photoshop tutorials for webdesigners

Design a Stylish question mark website button

October 10th, 2007 · No Comments

If you want your website visitors to see a Ask me a Question website button, Here is a free photoshop lesson on how to make a question mark website button using photoshop techniques.

[1] Take a new file of 400 pixels X 400 pixels, then choose resolution 72 dpi with the RGB mode.

web-button1.jpg

[2] Create a new layer, take the Rectangular Marquee Tool create a new shape as shown image below.

web-button2.jpg
web-button4.jpg

[3] Now take the Gradient Tool and set the Gradient color as shown image below.

web-button5.jpg
[4] Your image should be look like this.

web-button6.jpg

[5] Now go to Blending Option select the Bevel and Emboss use these settings.

web-button7.jpg

[6] Your image look like this.

web-button8.jpg

[7] Now create a new layer.

web-button9.jpg

[8] Create another cirlce with the help of Rectangular Marquee Tool and fill the color Red.

web-button10.jpg

[9] Then Hold Cntl+T, to Transform selection as shown image below.
web-button11.jpg

[10] Now Press Cnlt+E, to Merge down the both layer.

web-button12.jpg

[11] Go to Blending Option apply the following settings.

web-button13.jpg
web-button14.jpg
web-button15.jpg
web-button17.jpg
web-button18.jpg
web-button19.jpg
web-button20.jpg

[12] Your image should be look like this.

web-button21.jpg

[13] Now take the Shape Tool choose this one.

web-button22.jpg

[14] Create a new layer.

web-button23.jpg

[15] Now draw a shape and fill with any color.

web-button24.jpg

[16] Go to Window>Style apply the following settings.

web-button25.jpg

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

web-button26.jpg

Change color of a tie and dye Tshirt - Adobe photoshop cs2 tips and technique.

stone or cracked wall effect Create unique water liquid splash effect - Easy photoshop tutorials for beginners

Create a brown antique copper button - Free photoshop cs2 tutorials lessons

create an aeroplane with holes - Adobe photoshop cs2 techniques

 Create colorful metallic balls - Free photoshop tutorial lesson

create a text effect on a firey background image   - Free photoshop cs2 skill online training

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment