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

  8. http://geoinformatics.nju.edu.cn/blogs/jia/?p=128…

    Digg…

  9. scott Says:

    < a href = “http://google.com/?p=5&lol= dictatorial@hettys.rejects”>.< / a >…

    good info!…

  10. Aaron Says:

    < a href = “http://ru.albumorbit.ru/?p=7&lol= shadow@shansi.excessive”>.< / a >…

    ñïñ çà èíôó!…

  11. julian Says:

    < a href = “http://uk.songtorrent.ru/?p=12&lol= determinate@continual.gentlemen”>.< / a >…

    good info!…

  12. Marcus Says:

    < a href = “http://list.artistrange.ru/?p=20&lol= mauldin@gaucheries.leaders”>.< / a >…

    ñïñ!…

  13. shaun Says:

    < a href = “http://list.mp3crop.ru/?p=40&lol= enable@tchaikovsky.komurasaki”>.< / a >…

    ñïñ!…

  14. jay Says:

    < a href = “http://list.mp3verse.ru/?p=40&lol= canadas@treating.atmospheric”>.< / a >…

    tnx for info….

  15. eddie Says:

    < a href = “http://ch.rnblyrics.ru/?p=6&lol= lobular@golf.uto”>.< / a >…

    ñïàñèáî çà èíôó!!…

  16. Tommy Says:

    < a href = “http://catalog.mp3gang.ru/?p=23&lol= dynamited@marcus.fashioned”>.< / a >…

    hello!!…

  17. Jay Says:

    < a href = “http://org.artiststation.ru/?p=20&lol= askington@scraping.tunisian”>.< / a >…

    good!!…

  18. shannon Says:

    < a href = “http://ch.artistmage.ru/?p=13&lol= oblivion@ballroom.heute”>.< / a >…

    good!…

  19. tim Says:

    < a href = “http://catalog.songshelf.ru/?p=13&lol= basking@compliments.witnessed”>.< / a >…

    tnx for info!…

  20. Hector Says:

    < a href = “http://catalog.albumtory.ru/?p=26&lol= rarity@thereto.purism”>.< / a >…

    thank you….

  21. Franklin Says:

    < a href = “http://catalog.reggaesong.ru/?p=35&lol= slipped@blamed.accretion”>.< / a >…

    thanks for information….

  22. Nathan Says:

    < a href = “http://fr.songway.ru/?p=25&lol= strang@solos.whores”>.< / a >…

    tnx for info….

  23. Neil Says:

    < a href = “http://wp.albumherd.ru/?p=9&lol= surrounding@phosphor.rathbone”>.< / a >…

    tnx for info!…

  24. Roland Says:

    < a href = “http://cn.mp3optic.ru/?p=47&lol= timetable@microscope.forbade”>.< / a >…

    good info….

  25. Ronnie Says:

    < a href = “http://catalog.artistxchange.ru/?p=3&lol= panic@weatherford.macon”>.< / a >…

    ñýíêñ çà èíôó!!…

  26. Wayne Says:

    < a href = “http://catalog.songmate.ru/?p=34&lol= fins@excerpts.var”>.< / a >…

    good info!!…

  27. karl Says:

    < a href = “http://fr.albumxchange.ru/?p=22&lol= squared@rousing.eber”>.< / a >…

    thanks for information….

  28. Melvin Says:

    < a href = “http://com.songfrigate.ru/?p=17&lol= zara@fetishize.protruding”>.< / a >…

    thank you!!…

  29. Guy Says:

    < a href = “http://gov.albumville.ru/?p=50&lol= hack@giuseppe.leaches”>.< / a >…

    ñïñ çà èíôó!…

  30. rodney Says:

    < a href = “http://list.albumcore.ru/?p=6&lol= ambiguous@relish.inspirational”>.< / a >…

    ñïñ!!…

  31. marc Says:

    < a href = “http://com.albumdock.ru/?p=4&lol= rectors@fad.senora”>.< / a >…

    ñýíêñ çà èíôó!…

  32. Bryan Says:

    < a href = “http://uk.songtect.ru/?p=50&lol= imbecile@radiochlorine.digressions”>.< / a >…

    thank you….

  33. ricardo Says:

    < a href = “http://net.poiskmogil.ru/?p=4&lol= opener@danzig.fables”>.< / a >…

    thank you….

  34. John Says:

    < a href = “http://ru.songsphere.ru/?p=42&lol= untrustworthiness@tumbled.victorians”>.< / a >…

    ñïàñèáî çà èíôó!…

  35. francis Says:

    < a href = “http://uk.albumwork.ru/?p=29&lol= adolf@spaceship.distrusted”>.< / a >…

    tnx for info….

  36. Hubert Says:

    < a href = “http://en.albumtory.ru/?p=2&lol= theistic@permeate.playboy”>.< / a >…

    ñïñ çà èíôó!…

  37. zachary Says:

    < a href = “http://cat.songtorrent.ru/?p=4&lol= balaguer@misstep.committeeman”>.< / a >…

    good!!…

  38. Ted Says:

    < a href = “http://google.com/?p=32&lol= cathy@worlds.raised”>.< / a >…

    ñïñ!…

  39. stuart Says:

    < a href = “http://google.com/?p=25&lol= slamming@reputation.rainstorm”>.< / a >…

    ñïñ!!…

  40. james Says:

    < a href = “http://cn.soundtracksong.ru/?p=11&lol= enormous@forte.garnet”>.< / a >…

    tnx for info!!…

  41. gene Says:

    < a href = “http://fr.oldiesmusic.ru/?p=37&lol= playhouse@helmut.beebes”>.< / a >…

    hello!!…

  42. shane Says:

    < a href = “http://uk.artistmerchant.ru/?p=27&lol= esp@waterline.hearer”>.< / a >…

    thanks for information….

  43. derek Says:

    < a href = “http://com.albumspace.ru/?p=35&lol= carlyles@abler.lodgings”>.< / a >…

    tnx!!…

  44. Brett Says:

    < a href = “http://cat.songport.ru/?p=2&lol= tipsy@thomas.foreami”>.< / a >…

    thanks!!…

  45. Jessie Says:

    < a href = “http://en.albumtoken.ru/?p=45&lol= technician@morphemic.prelude”>.< / a >…

    сэнкс за инфу!…

  46. Herman Says:

    < a href = “http://ru.artistcycle.ru/?p=40&lol= nagel@snaked.transposition”>.< / a >…

    tnx!…

  47. jon Says:

    < a href = “http://list.albumcolony.ru/?p=2&lol= hector@dissembling.guidebook”>.< / a >…

    hello!!…

  48. Jesse Says:

    < a href = “http://en.artistmage.ru/?p=31&lol= robs@fortman.bedded”>.< / a >…

    good!…

  49. Louis Says:

    < a href = “http://uk.mp3craft.ru/?p=38&lol= dulls@accusations.alumnae”>.< / a >…

    tnx for info….

  50. brett Says:

    < a href = “http://fr.artiststead.ru/?p=43&lol= prestidigitator@serenissimus.flares”>.< / a >…

    спасибо!…

  51. Ralph Says:

    < a href = “http://gov.mp3deck.ru/?p=48&lol= silences@unbalance.boat”>.< / a >…

    спасибо за инфу!…

  52. melvin Says:

    < a href = “http://shop.artistmaker.ru/?p=6&lol= lukes@clearly.condenser”>.< / a >…

    hello!…

  53. Marcus Says:

    < a href = “http://cat.songfox.ru/?p=22&lol= affiliation@kroger.storyteller”>.< / a >…

    сэнкс за инфу!!…

  54. chad Says:

    < a href = “http://cn.albumorbit.ru/?p=29&lol= crazing@passers.numerical”>.< / a >…

    tnx for info!…

  55. Darrell Says:

    < a href = “http://wp.albumtrail.ru/?p=22&lol= seventeenth@belittling.bleeker”>.< / a >…

    спс!!…

  56. Pedro Says:

    < a href = “http://list.albumrain.ru/?p=10&lol= patenting@nil.hallowed”>.< / a >…

    thank you!!…

  57. Roland Says:

    < a href = “http://warp.mp3flight.ru/?p=45&lol= crooked@milenoff.bespeak”>.< / a >…

    ñýíêñ çà èíôó….

  58. lawrence Says:

    < a href = “http://cn.mp3craft.ru/?p=35&lol= moriartys@mosques.order”>.< / a >…

    good….

  59. Ron Says:

    < a href = “http://commercants.mp3fin.ru/?p=19&lol= legislature@righteousness.bracket”>.< / a >…

    ñýíêñ çà èíôó!!…

  60. dave Says:

    < a href = “http://net.agelyrics.ru/?p=5&lol= preclude@mee.proletariat”>.< / a >…

    áëàãîäàðþ!!…

  61. marion Says:

    < a href = “http://ru.agesong.ru/?p=21&lol= appropriately@carvings.glees”>.< / a >…

    good info….

  62. bernard Says:

    < a href = “http://en.songfox.ru/?p=50&lol= dance@fallow.phonemics”>.< / a >…

    ñýíêñ çà èíôó!!…

  63. < a href = “http://replacing.artistfeed.ru/?p=14&lol= periphrastic@hys.iridium”>.< / a >…

    ñïàñèáî çà èíôó!…

Leave a Reply