Subscribe Via RSS

3268 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Userbar Tutorial

October 4th, 2007 in Photoshop Tutorials by Richard Carpenter

Userbar Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars13 Votes, Rating: 4.08
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 331 posts.


Create a new document 350×19 pixels, fill the background with a gradient of your choice.

Now we need to make a scanline pattern, to do this goto file new and create a new document 3×3 pixels, zoom in 1600%.

Now select the “pencil tool” with a “1 pixel brush” and draw a diagnal line like so.

Then goto “edit > define pattern”, click ok when the box pops up.

Back to your userbar, create a new layer then click your paint bucket tool. At the top of the screen in the paint bucket tool bar, change forground to pattern.

Then click the little arrow and select your pattern that we created in step 1.

Fill your new layer with your pattern and set opacity to 25%.

Search yahoo for a font called “vistor tt1 BRK”. Once you have your font type out your text (size 10), ive chosen to make a photoshop userbar. Ive also added some styles to my text which consists of a 1 pixel white stroke and a drop shadow.

Next add your logo.

Now select the “elliptical marquee tool” and make a selection like so.

Create a new layer and fill with the color white also set opacity to 25%. This is the final image.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

6 Responses to “Userbar Tutorial”

  1. JewDew says:

    This is great .

    Allways wondered how these were made .
    Simple =P

  2. Neil says:

    you should make a pack with a selection of userbars avaible to download.

  3. Azhar says:

    this is good tutorial
    thank you

  4. Ryan says:

    I was witness to the start of these… created by EddieD on Gamerenders/Haze Graphics yearrrsss ago… good to see this tutorial up here. Cool things for some people to use =)

  5. djmauriceb says:

    and for an animated useband?… i see it… it’s possible? how?

Leave a Reply