October 4th, 2007 in Photoshop Tutorials by Richard Carpenter
Userbar Tutorial




13 Votes, Rating: 4.08
About The Author: Richard Carpenter
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.
Leave a Reply
Other Blogs Ive Written For
On occasions i write tutorials and articles for other blogs/tutorial websites, here are a list of tutorials and articles ive written. Features tutorials written on six revisions and PSD Tuts+.
Six Revisions Submissions
- Illustrative Web Design Layout Pt.1
- Illustrative Web Design Layout Pt.2
- 3D Gallery
- 3D Ribbon Style Layout
- Minimal Portfolio Layout
- Minimal Portfolio Layout PSD Sitebuild
PSD Tuts+ Submissions
HV-Design Flickr Group
Submit your photoshop artwork to the hv-designs flickr group. Not a member? Join Now.
Search HV-Designs
Can't find what your looking for??, Try searching.
Write For HV-Designs
Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More




6 Responses to “Userbar Tutorial”