PhotoshopFrenzy

Statistics Web Button

Learn to create one of those cool web buttons like the kind that sitemeter uses to track it’s visitors. Besides, it’s cool to let your visitors view your stats, isn’t it? Here is the final result:
13.jpg



In this tutorial I will show you how to make a statistics icon for your website or forum.
Make a document 50×50pixels. And make a new layer.

Then go to the Rounded Rectangular Tool.
12.jpg

Then while holding shift make your rectangle.
21.jpg

Now right click that layer and go to Blending Options.
31.jpg
And add the following.

Inner Shadow
41.jpg

Bevel and Emboss
51.jpg

Gradient Overlay
61.jpg

Stroke
71.jpg

Now make a new layer and select the Rectangular Marquee Tool.
Then make the following. Make sure each rectangle is on a new layer.
81.jpg

Selecting the middle rectangle, and then make a rectangle like so.
91.jpg

Then hit delete, and do the same to the far right rectangle. It should look like this afterwards.
101.jpg

Now apply the following in Blending Options on all the rectangles.

Bevel and Emboss
111.jpg

Color Overlay
121.jpg

And you are done. My Result.
13.jpg

Rate and share this tutorial on MintTutorials

AddThis Social Bookmark Button


Email this Great Tutorial to a Friend! Email this Great Tutorial to a Friend!

Comments for Statistics Web Button

  1. Nice tut, i really like the result.

    But next time, plz notice your colors too.

  2. […] Statistics Web Button - Create a nice stats chart icon Photoshop Frenzy

  3. AD Says:

    I have been using GoStats.com , they provide a stats button. Never had to do anythings.

  4. PrelKikam Says:

    enter text? test, sorry

    dfdf767df

  5. The site photoshopfrenzy.com is interesting resource.
    Good job, owner.

  6. Asim Says:

    Good Work keep it up

  7. John Says:

    pictures tutorial makes me to say thankx

Leave a Reply