Userbars.com

by **Vic** on Wed, 25 Jan 2006 09:34 +0000

Here are the tutorials for creating userbars with this programs Photoshop, PaintShopPro and Gimp.

For new users that don't have any of the expensive grafic programs we recommend to download the Gimp, which is a highly professional open-source program. You then may use our Gimp tutorial to create you userbars.

Have Fun!

Text- / Pictured Tutorials

Animated-Userbar Tutorial for Adobe Image-Ready (thx to dotbydot)

Another Animated-Userbar Tutorial for Adobe Image-Ready (thx to BR7)

Userbar Tutorial for Adobe Photoshop (thx to tutorialtomb)

Another Userbar Tutorial for Adobe Photoshop (thx to lavarock09)

Yet Another Userbar Tutorial for Adobe Photoshop (thx to Radion)

Userbar Tutorial for Paint Shop Pro (thx to dubird)

Userbar Tutorial for The Gimp (thx to Dodecha)

Another Userbar Tutorial for The Gimp (ezgraphicstudio.com)

Userbar Tutorial for Paint.Net (thx to XDragon)

Userbar Tutorial for Macromedia Fireworks (thx to Mu7h)

Animated-Userbar Tutorial for Abrosoft Fantamorph (thx to Jumal)

Video Tutorials

[Video] Userbar Tutorial for Adobe Photoshop (10,6 MB RAR -> WMV) (thx to Radion)

[Video] Userbar Tutorial for Adobe Imageready Fade Animation (7,2 MB, RAR -> WMV) (thx to Radion)

[Video] German Userbar Tutorial for Adobe Photoshop CS2 (10,8 MB, RAR -> Exe) (thx to -=GFX=- )

[Video] Userbar Tutorial for Adobe Photoshop CS2 (Flash-Movie) (thx to -Lonestar-)

You made a tutorial yourself and want to submit it to userbars.com? Here is the right place! Please click the reply button and post your tutorial here.

by **O5C4R** on Fri, 27 Jan 2006 03:26 +0000

First Download GTK from there http://rapidshare.de/files/10648796/gtk ... 1.zip.html
Next Download GIMP from http://www.gimp.org
Font on Bar is Resident Evil font,, u can download normal pixel font for USERBARS from http://www.dafont.com/font.php?file=vis ... asst=alpha

In this tutorial I will show You how to make a USERBAR like the one below in GIMP
http://img210.imageshack.us/my.php?image=12fg.png

1. First create a new image 350x19
http://img210.imageshack.us/my.php?image=22zm.png
2. You should have got this
http://img217.imageshack.us/my.php?image=23oj.png
3. Next select the color you want for USERBAR
http://img217.imageshack.us/my.php?image=37vg.png
4. After You have done that select color gradient tool
http://img53.imageshack.us/my.php?image=49zs.png
5. Click the middle top of your USERBAR and holding down your mouse key, making sure the black line is perfectly straight so you get this
http://img354.imageshack.us/my.php?image=50fh.png
6. Next go to Filters-Distorts-Video and select 3x3
http://img354.imageshack.us/my.php?image=61yr.png
7. You should get something like this
http://img354.imageshack.us/my.php?image=71sf.png
8. Now select your elliptical regions tool
http://img218.imageshack.us/my.php?image=82hj.png
9. And fiddle around with it till you get this
http://img364.imageshack.us/my.php?image=95hg.png
10. Now select Your fill bucket tool
http://img364.imageshack.us/my.php?image=109jb.png
11. Now go to Your layers, channels, and path tool and create a new transparent layer
http://img364.imageshack.us/my.php?image=110cn.png
12. Then fill in the selected area whit
http://img228.imageshack.us/my.php?image=125gl.png
13. Now go back to Your layers, channels, and paths tool and set the opacity of the Your white filled layer to 50.0
http://img228.imageshack.us/my.php?image=134xm.png
14. Your USERBAR should look like this
http://img224.imageshack.us/my.php?image=140il.png
15. Now select Your logo you want to use and paste it as a new layer under your white filled area
http://img224.imageshack.us/my.php?image=15a5ho.png
http://img224.imageshack.us/my.php?image=15b6zg.png
16. Logo layer select the mode saturation and the opacity to 75.0
http://img23.imageshack.us/my.php?image=16a8wt.png
http://img23.imageshack.us/my.php?image=16b0ur.png
17. Next simply add your desired text to in a new layer under your white layer
http://img23.imageshack.us/my.php?image=17a9ao.png
http://img23.imageshack.us/my.php?image=17b6ae.png

...THE END... Hope You Like It
By O5C4R(ShadowChild)

by **lavarock09** on Sat, 28 Jan 2006 02:15 +0000

Here's my Photoshop One,

http://www.m3xvv.co.uk/ubtut/

by **kecske** on Wed, 01 Mar 2006 01:43 +0000

I made this sample .psd document:

You have only to do this three things:
1.) Make a gradient what you want into "Színátmenet/Gradient" layer with Gradient tool!
2.) Insert an image what you want into "Kép/Image" layer and move it to the left side of the document (and if it needs, resize it)!
3.) Rewrite the text "user/hater/fan/owner" (in "Szöveg/Text" layer) to anything you want!

And finally save it into .png format (NOT .psd!!!)!

Code: Select all: http://k3csk3.uw.hu/minisig/minisig.psd

by **Kevin Clark** on Thu, 02 Mar 2006 09:12 +0000

Yep it's a great idea. I made one a while back too

http://www.gpljunk.nildram.co.uk/userba ... mplate.psd

It has 4 different scan lines, a 3D shine arc, a border and stroked text all ready to go in different layers.
You just add the image, a colour background, adjust the layers how you want and you're done.

by **XDragon** on Thu, 02 Mar 2006 04:48 +0000

I would like to submit a tutorial for making userbars with the Paint.NET program.

http://www.freewebs.com/pdnuserbars/

The way I figured it out was by looking at the gimp, photoshop tuts and trying to figure it out.

edit: link now working

by **rebelOG** on Sun, 05 Mar 2006 03:53 +0000

Code: Select all: http://2pac.birdgang.com/temp/1.psd

Code: Select all: http://2pac.birdgang.com/temp/2.psd

Code: Select all: http://2pac.birdgang.com/temp/3.psd

Code: Select all: http://2pac.birdgang.com/temp/4.psd

ALSO: http://forum.userbars.com/viewtopic.php?t=8024

by **Mu7h** on Thu, 16 Mar 2006 02:03 +0000

i hope you enjoy it, and ignore my bad english

here is the endresult from my tut

lg Mu7h

by **Radion** on Mon, 27 Mar 2006 12:33 +0000

Hello... I'm admin greatest polish forum about userbars http://www.ubplanet.pl , and I have few tutorials too...

On First - Adobe Photoshop Userbar Tutorial
http://ubplanet.cba.pl/tutorial.gif

On Second - Adobe Photshop Userbar Tutorial [video]
http://rapidshare.de/files/12831354/Jak ... a.rar.html

On Third - Adobe Image Ready Fade Animation [video]
http://rapidshare.de/files/12817007/Use ... a.rar.html

/ sorry... My English isn't good

by **Kevin Clark** on Thu, 30 Mar 2006 04:01 +0000

kratt wrote:i need help for text. the text is not center in the userbar its more up i dont know how do put it center help me!

Better to post in a new thread but....
Make sure you don't have any 'snap to grid' options on which will fix it in particular places.

Also you don't say what application you're using so it's hard to help.

[edit by Vic] As Kevin already said: This thread is for tutorials submissions only. Please post questions in other topics after using the forums search [/edit]

by **Vic** on Thu, 30 Mar 2006 06:05 +0000

I made a tutorial page for BR7's great imageready animation tutorial:

http://www.userbars.com/animated-userbar/tutorial-for-adobe-image-ready.html

will update it on Tutorial Sektion on ub.com and in the first post here.

bye
Vic

by **crmaykish** on Sat, 01 Apr 2006 04:06 +0000

Here is my take on userbars in Photoshop. I hope you find this helpful.

http://crmaykish.cr.funpic.org/tutorial ... erbars.php

I tried to make it as simple as possible without missing the basics.

by **Vic** on Sat, 01 Apr 2006 09:54 +0000

by Boki in this thread: http://forum.userbars.com/viewtopic.php?t=10299

Tutorial on how to make an animated userbar in Macromedia Fireworks:

Result:

Materials:

Grid Texture:

Picture (already scaled):
http://img51.imageshack.us/img51/7549/j ... per6rw.jpg

Tutorial:
Sorry for my english in advance!

by **Vic** on Sat, 08 Apr 2006 04:57 +0000

By [.syko.] in this thread: http://forum.userbars.com/viewtopic.php?t=10853

by **crmaykish** on Sun, 09 Apr 2006 08:37 +0000

I have written a tutorial on animating userbars in Photoshop/Imageready. This is actually an animated bar not just a few bars fading together. I tried to keep this simple without leaving out important tips and tricks. You can check it out from the link below. Just thought this might be good to put on the tutorials page.

http://crmaykish.cr.funpic.org/tutorial ... erbars.php

Hope you like it!

Userbars.com

Userbars tutorials for Photoshop, PaintShopPro,Gimp and more

Userbars tutorials for Photoshop, PaintShopPro,Gimp and more

There is another tut for GIMP

By myself

Paint.NET Userbar Tutorial

tutorial with macromedia fireworks

my version

Who is online