Userbar Tutorial

We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.

Join our community!

If you're already a member please log in to your account to access all of our features:

Userbar Tutorial
Topic Started: May 9 2008, 09:51 AM (224 Views)
Deleted User	May 9 2008, 09:51 AM Post #1
Deleted User	I was bored, so I decided to do something. I saw the Semiotic userbar in Blue's signature, and decided to make a userbar tut. Hope it's useful. This is for Photoshop 7.0 btw. Start off by opening a new file, with a white bg, with resolution 350 x 19/20 pixels (either). Use the gradient tool to make the bg look like this. http://i14.photobucket.com/albums/a332/TheFirstPokemonMaster/GRADSETTINGS.jpg Add some scan lines then. To make the pattern for the scanlines, open another file, 6 x 6 pixels. Make your pencil tool one pixel, and make a diagonal line. It should look like this: After that, go to 'Edit' and choose 'Define Pattern'. Name it anything you want. Get back to your gradient'd userbar, and over there, make a new layer, and from 'Edit' choose 'Fill'. Fill it with the pattern you have made and it should look like this: Then, take a render, and position it properly on the bar. I am using a Bart Simpson render. Now, for the text, a commonly used font for userbars is Visitor. Place it on the userbar properly, and after you have typed your text, go to Blending Options (right click on Layer) and choose stroke. It should be 1 pixel, and preferably black. Your userbar should look like this: And there you have it! Now, you can choose to further enhance it, or let it be. This is my end product: Now just try and use your own color scheme and render. Try to make it different from typical userbars too. Instead of a gradient for the background, try other things. Happy Userbaring :D. (C) to DaPunhal. Permission required if you would like to post on your site.
Deleted User


-G@MzOsH-	May 9 2008, 02:47 PM Post #2
CrAsh My CaR, ThrEw YoUr WinDoW! Posts: 2,565 Group: Moderators Member #3 Joined: May 2, 2008 Religious Views Muslim Gender Female Political View ummm don't follow....	coooooool! thanks for sharing this with us



Vanderbilt	May 9 2008, 03:09 PM Post #3
Posts: 2,188 Group: Moderators Member #15 Joined: May 3, 2008 Religious Views Christian Gender Male Political View Love	Woah that's awesome! Thanks! I love photoshop



Deleted User	May 9 2008, 04:09 PM Post #4
Deleted User	Thanks guys :). I'll make one for GIMP soon.
Deleted User


Eddy	May 10 2008, 02:53 AM Post #5
The Sky Above, The Field Below Posts: 23 Group: Members Member #23 Joined: May 7, 2008 Gender Male Religious Views Agnostic Political View Liberal	That text is terrible. Not bad tut though, I would suggest a darker border and maybe a white to transparent gradient over the top half (overlay). Otherwise Good Job.



Deleted User	May 10 2008, 06:06 AM Post #6
Deleted User	^ The text used is the standard text for all userbars. It's not like you're restricted to use it. It's just that it's used everywhere. Google it, you'll find out :).
Deleted User


я st sexy	May 10 2008, 06:14 AM Post #7
Posts: 396 Group: Retirees Member #6 Joined: May 2, 2008 Religious Views Catholic Gender Male	i like alot



1 user reading this topic (1 Guest and 0 Anonymous)


« Previous Topic · Tutorials · Next Topic »