Part 1: Normal Userbar This is the userbar I will teach you to make: Basic Understanding: Userbars Userbars are small rectangular images that are designed to be put in internet forum signatures. Userbars may be animated based on the designer’s will. They are often used to show the user’s interests, hobbies, or graphical skills. Things You Need: -Adobe Photoshop -Personal Interests -Some graphical skill Step 1- Your Userbar: If you already know what you want to do your userbar on, you can move on to the next step. If you’ve come here to also learn what userbar you would like to make, then read on.
Pick a userbar that you think will reflect your personal interests, hobbies, favorites, or just to show off your skills. The one I will be showing you to make is a simple but clean userbar. So if you’re ready, let’s begin! New Document: Start off by opening a new document with the dimensions 350 x 19 and a transparent background (See Figure Below). Gradient Effect: Now that you have your 350 x 19 box, let’s add a gradient.
I added a Black >Dark Grey gradient. (See Figure Below).
Userbar Generator (for forums) free online tool userbar maker photoshop create an user bar for forum gif tool online generator userbar maker free image. This is a tutorial on how to make a userbar in the free program, GIMP.-Make a New Image 350x19.-Fill it with a gradient.-Make a new layer and fill it with black.
Very simple so far? Glossy Effect: In a New Layer we’re going to add a glossy effect at the top using the ‘Elliptical Marquee Tool’ (located as the first tool in the toolbox).
Mr Sax T. Make a selection at the top of the userbar and fill it in with white. Bring down the opacity of that to about 20% for best results. Here is my end result of that step: Scanlines Effect: Looks good eh? Now let’s add those famous scanlines.
We have to open a new document with the dimensions of 6 x 6 px. Zoom in all the way (1600%). Get out the Pencil Tool and make 6 boxes (color of your choice) going down diagonally from the top right >bottom left. You should have something like this: Now that you have that all set go to Edit >Define Pattern >OK.
This makes it a pattern for later use. Now minimize that box and go back to your userbar.
Craftsman Jointer Planer Manual. Double-click on the Background Layer (containing the gradient). Make sure the Layer Style box comes up.
Now go to Pattern Overlay (on the left) and make sure it’s check-marked. Make sure you’re in Pattern Overlay and go to Pattern and click the little arrow. Find your pattern that you just made and double-click it. Once you’ve done that lower the opacity of that pattern, for best results.
You should have something like this now: Final Step: Now that is the base of our userbar. Let’s add some text and a logo or a picture. Here’s what I came up with as my result: The stars are custom shapes and the font is called “ Visitor” at size “ 13“. Save it as a JPEG so you can put it on the net and save it as a PSD for the next step ( Animation). Part 2: Animated Userbar This is the 2nd part to the Easy Userbar Tutorial where I will show you how to animate the userbar I previously made in part 1.