Free online photoshop training

Photoshop tutorials for webdesigners

Create a Question answer website button

December 17th, 2007 · No Comments

Here I am going to explain you in very simple steps how to make a Question answer website button using photoshop.

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

Question-answer-website-button1

[2] Now take the Gradient Tool use the following settings.

Question-answer-website-button2

Question-answer-website-button3

[3] Fill the Background with help of Gradient Tool.

Question-answer-website-button4

[4] Take the Rounded Rectangle Tool.

Question-answer-website-button5

[5] Now create a shape and fill with white color.

Question-answer-website-button6

[6] Create another shape with the help of Rounded Rectangle Tool and fill with any color.

Question-answer-website-button7

[7] Go to Blending Option use the following settings.

Question-answer-website-button8

Question-answer-website-button9

[8] Your image should be look like this.

Question-answer-website-button10

[9] Now take the Shape Tool use the following settings.

Question-answer-website-button11

[10] Then create a shape now make the selection.

Question-answer-website-button12

[11] Now select the Elliptical Marquee Tool use the following settings.

Question-answer-website-button13

[12] Create a circle over the Previous shape see in the next image.

Question-answer-website-button14

[13] Now make the new layer and fill the selection with black color.

Question-answer-website-button15

[14] Go to Blending Option use the following settings.

Question-answer-website-button16

Question-answer-website-button17

Question-answer-website-button18

Question-answer-website-button19

[15] Your image should be look like this.

Question-answer-website-button20

[16] Take the Shape Tool and select this one.

Question-answer-website-button21

[17] Create a shape and fill with black color.

Question-answer-website-button22

[18] Go to Blending Option use the following settings.

Question-answer-website-button23

Question-answer-website-button24

[19] Your image should be look like this.

Question-answer-website-button25

[20] Now create some text your final image is ready.

Question-answer-website-button26

Create a Question answer website button

Online Tutorial Adobe Photoshop 7 Training Courses Tutorials

Advanced Photoshop Tutorial - Free Online Photoshop Tutorial

Tags: Photohop Basic

0 responses so far ↓

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

Leave a Comment