Creating a nice question button for website

Creating a nice question button for help area

In this tutorial I will show you how to create a nice button with a question mark as the base thing.

Start off by creating a 400px x 400px new document.

Create a new document and fill it with #292929 (to fill the background use the paint bucket tool).

Take the type tool and using Segoe UI font set to bold, 249pt and sharp, make a question mark using fd9003 set as the font color.

You should get something like this:

Next, apply the next layer styles by pressing right click on the question mark layer and selecting blending options:

After applying the layer styles you should have something like this:

Type Help area under the question mark and apply the next layer settings:

You should have something like this:

Using the ellipse marquee tool make a selection around the dot from the question mark. Create a new layer and fill it with white. You should have something like this:

In the layers palette bring the opacity to 79% and the fill to 0%. Next apply the settings:

The result:

Enjoying this tutorial? Take some time and spread the news to Digg