PDA

View Full Version : [Graphic Design] "What, no userbar topic?" Wait, I just made one.



Mikeneko Rocker -- Tim
07-27-2006, 06:22 AM
Intro: a userbar is a personalized banner with 350 pixel x 19 pixel dimension. Due to its size, multiples can be "stacked up" to the maximum allowed height, so to speak.

Example:

http://i76.photobucket.com/albums/j12/Tim-A_Gusher/Fi-WMx2-BM.png






PS: I'm taking in FF I-related requests. Just send me in a PM.

Sylvie
07-27-2006, 09:45 AM
I thought about making one of these once. Good job. :)

ShunNakamura
07-27-2006, 10:08 AM
You mean something like this?


http://img207.imageshack.us/img207/5048/userbartestlx2.png

I have seen them before, but won't bother using them myself. Hard enough getting my sigs to fit without another 10-20kb being taken up by the userbar.

Owen Macwere
07-27-2006, 04:53 PM
Hmmm, I have seen such things before, but never thought of making one. maybe I will now.
anyway good job there, yours looks good. :)

atlanteay
07-27-2006, 05:47 PM
hmm. you mean like one of this?
http://i10.photobucket.com/albums/a105/atlanteay/wiiuserbar-1.png

I just made it. it's very stylish looking i guess. But i'd stick to big sigs because it's hard to stick some big images into it and still show what the image is.

Owen Macwere
07-27-2006, 06:02 PM
I made one too, I think it is looking good, but like atlanteay has said they don't fit big images, or even small ones. anyway here's mine:

http://i82.photobucket.com/albums/j249/azoz_2006/Untitled-2copy.png

By the way atlanteay yours look very nice, so stylish. :)

Sylvie
07-27-2006, 06:51 PM
Here's mine.

http://img.photobucket.com/albums/v461/OdinDragoon/firefox.gif

They aren't supposed to contain any more than 1 image, if not none. Its supposed to tell a hobby that you do, or along the lines of that. Like "Firefox User" or "BitComet User."

Owen Macwere
07-27-2006, 06:56 PM
Oh, I see so they are kind of used like Media, ha?. I didn't know about that. mine didn't resymbl anything.
I will make a new one now.... just don't know about what.

atlanteay
07-27-2006, 07:25 PM
yes, i know they only contain graphics like things you own or use. But just those stuff is not enough. Say you want a picture in it, you won't see almost anything but the little bit shown. That is its downfall.

Mikeneko Rocker -- Tim
07-27-2006, 07:41 PM
yes, i know they only contain graphics like things you own or use. But just those stuff is not enough. Say you want a picture in it, you won't see almost anything but the little bit shown. That is its downfall.

That can be compensated through making it animated, right?

Owen Macwere
07-27-2006, 07:44 PM
yes, i know they only contain graphics like things you own or use. But just those stuff is not enough. Say you want a picture in it, you won't see almost anything but the little bit shown. That is its downfall.

That can be compensated through making it animated, right?

you mean making it flashing many images? I think this is possible. but still the images will look too small to be recognisable, right?.

atlanteay
07-27-2006, 07:47 PM
and since it's GIF... it'll look bad but oh well.
http://i10.photobucket.com/albums/a105/atlanteay/photoshopbar-1.png
made another one.

This thread is about sharing right? or is it just about Milikenko Rocker -- Tim's?

Owen Macwere
07-27-2006, 07:51 PM
What font did you use there, atlanteay?. and this one is so cool.

Sylvie
07-27-2006, 08:12 PM
Wow, thats awesome looking. I think she's using the font "BitDustTwo" But I'm not sure. Thats the one I used and it looks like that.

Owen Macwere
07-27-2006, 08:18 PM
Yeah, I recognised it as the one you used, that's why I asked it looks common and I don't have it, wierd.
anyway I made other one too, that have a meaning anyway.

http://i82.photobucket.com/albums/j249/azoz_2006/hgt.png

atlanteay
07-27-2006, 08:19 PM
yepp! that's BitDustTwo. I got it through a tutorial on glass buttons.

animation:
http://i10.photobucket.com/albums/a105/atlanteay/CC-ani.gif
see the color loss?

Sylvie
07-27-2006, 08:35 PM
Heh, thats where I got my BitDustTwo, atlanteay. :p

And nice, I like that, but yeah I see the color loss.

Owen Macwere
07-27-2006, 08:37 PM
Colour and image loss as well. but it is cool anyways.
I don't like these bars much, too small...

atlanteay
07-27-2006, 08:37 PM
i'm assuming N-Sane Photoshop Tutorials? wish they make a new picture format that has png quality and supports animation. The GIF can ruin great animations.

exactly owen, the smallness limits the amount of pictures used.

Owen Macwere
07-27-2006, 08:42 PM
I think if they contain no images but small animating text, they would look alot better...
Like typing something that flash in big letters but not making the background too busy.
may be like this one:

http://i82.photobucket.com/albums/j249/azoz_2006/User.gif

I am not that creative with these, mind you. :D

Ramza Beoulve
07-27-2006, 09:06 PM
Meh, you just need to make fun of yourself for this ones :D, I made this userbars since 4 months ago :D, but my font is just weird :riiight:, I'll download that font later

http://img354.imageshack.us/img354/2721/luigifanud0.gif
http://img118.imageshack.us/img118/5047/megamanfantl7.gif
http://img458.imageshack.us/img458/2760/zerofanyb8.jpg

ShunNakamura
07-27-2006, 09:08 PM
wish they make a new picture format that has png quality and supports animation.


Actually I believe they are.

edit- From the png frequently asked questions at libpng.org


Q: Why doesn't PNG support animation?

A: The answer is either "it does" or "because it's a bad idea," depending on your perspective.

The animation-supporting version of PNG is called MNG, for Multiple-image Network Graphics. For most practical purposes, MNG is PNG, just with a different filename extension, a slightly different file signature, and the bare minimum of internal changes necessary to support animations (and other forms of multi-image files). It has exactly the same chunk structure as PNG and even shares most of the same chunks; the major difference is the addition of new chunk types to support features such as looping, clipping, and so on.

Anyways, I don't really know much else on it since I don't animate myself, but since you asked about animated PNG there you go.


Anyways I mostly agree that these things are a bit pointless in my mind(at least when you got such a small file size limit for the total sig like on this board). A full sig can tell much more then those can, and full sigs are(imo) funner to make :p.

Owen Macwere
07-27-2006, 09:11 PM
OH< Ramza... I laugh at my ones. yours are awesome.. so great, and I think the font is not that bad either. they are so cool. :D

ShunNakamura
07-27-2006, 09:12 PM
Meh, you just need to make fun of yourself for this ones :D, I made this userbars since 4 months ago :D, but my font is just weird :riiight:, I'll download that font later

http://img354.imageshack.us/img354/2721/luigifanud0.gif
http://img118.imageshack.us/img118/5047/megamanfantl7.gif
http://img458.imageshack.us/img458/2760/zerofanyb8.jpg


No fair you posted while I was getting my post together :p. I :love: the luigi one :D

Ramza Beoulve
07-27-2006, 09:13 PM
:riiight: thanks, userbars and render sigs are my speciality :riiight:

EDIT: the luigi one is one of my friend's favorites :), I'll post some more later :D

Owen Macwere
07-27-2006, 09:19 PM
So basically they all showd have a glassy look, right?. hmm, seems wierd... I will try them later. and Ramza,.. can't wait to see more... :D

Ramza Beoulve
07-27-2006, 09:36 PM
The first one is a userbar of a Mexican band n.nU, and the other is one I made some while ago n.nU

http://img118.imageshack.us/img118/5128/jaguaresfantp4.gif
http://img458.imageshack.us/img458/750/spawnfanfn5.jpg

Owen Macwere
07-27-2006, 09:41 PM
Yeah, I think these are your spicaility, you are just so great at making them, I never knew about this.

Sylvie
07-27-2006, 09:42 PM
Yes, they should usually all have a glassy look to them. And good job Ramza. :)

Ramza Beoulve
07-27-2006, 09:43 PM
Thanks everyone n.nU, Maybe I should make a thread just for this userbars...

Sylvie
07-27-2006, 09:45 PM
I was thinking about making one too, Ramza. Sig threads and Userbar threads!

Owen Macwere
07-27-2006, 09:46 PM
Well, then go on and make them. I'd like to see some new work.

Ramza Beoulve
07-27-2006, 09:54 PM
http://img354.imageshack.us/img354/5181/hellsingfanje6.jpg

Just let me get some more to fill the thread n.nU

atlanteay
07-27-2006, 09:54 PM
love the glossy, glass effect!! they're so good. Well since everyone is posting their userbars here, i guess this place is for sharing everyone's userbars.

Here's my lifestream version.
http://i10.photobucket.com/albums/a105/atlanteay/lifestreambar.png

Ramza Beoulve
07-27-2006, 09:56 PM
Cool one atlanteay :D

Owen Macwere
07-27-2006, 09:58 PM
These are cool. but how do you make the glassy look, you use Gradient tool?.

Ramza Beoulve
07-27-2006, 10:01 PM
http://img354.imageshack.us/img354/9522/castlevaniafanzh8.jpg

Yup n.n, that tool, or you can use your imagination n.nU

Owen Macwere
07-27-2006, 10:07 PM
hehe, I will don't worry. and this castilevania one is so cool (I am using this word so much). ^^;

Sylvie
07-27-2006, 10:16 PM
What I do for the glass effect is cut out what I want to be glassy with the lasso tool, and then I copy it to a new document and change the lightness of it, so its lighter, and then I past it on the original picture.

Owen Macwere
07-27-2006, 10:18 PM
I see, but this is a hard way, it takes long maybe.
I will try a new method and see if it works. thanks guys.

atlanteay
07-27-2006, 10:20 PM
use a circle marquee and then make that shape. Use the black->white gradient and drag from top to bottom. Then change the blending mode to screen.

Sylvie
07-27-2006, 10:24 PM
It doesn't take long at all my way. Theres many ways to do it.

Owen Macwere
07-27-2006, 10:32 PM
use a circle marquee and then make that shape. Use the black->white gradient and drag from top to bottom. Then change the blending mode to screen.

I do the first half but use an only white gradient. I lower the opacity of the layer instead of putting it on screen. I will try all the ways and use the easier.
thanks again guys.:)

atlanteay
07-27-2006, 10:36 PM
i use my way because it gives this blending look. There are clear parts and also white parts which looks like highlights. It's easy for me so ya.

here's another one. These are fun to make.
http://i10.photobucket.com/albums/a105/atlanteay/kairibar.png

Owen Macwere
07-27-2006, 10:41 PM
Yay, Cute. ^^

Sylvie
07-27-2006, 10:51 PM
Element ones.

http://img.photobucket.com/albums/v461/OdinDragoon/fire.gif
http://img.photobucket.com/albums/v461/OdinDragoon/water.gif
http://img.photobucket.com/albums/v461/OdinDragoon/acid.gif

Owen Macwere
07-27-2006, 10:54 PM
Great work Genji, as always.
I am the only one here who is not making any. :( ... I will make some now.

Rengori
07-27-2006, 11:04 PM
Ah, what the hell.
http://i15.photobucket.com/albums/a376/Rengori/signatures/dood.gif
http://i15.photobucket.com/albums/a376/Rengori/signatures/laharl.gif

Owen Macwere
07-27-2006, 11:06 PM
Awesome Ren... well i guess I will just commet on your work guys, I am just not that good with them. good luck. :)

Rengori
07-27-2006, 11:09 PM
I liked your userbars.

atlanteay
07-27-2006, 11:13 PM
i have no idea what i'm doing but, what the heck
http://i10.photobucket.com/albums/a105/atlanteay/ladybar.png

Owen Macwere
07-27-2006, 11:14 PM
Lol. this one looks nice, good colours though I don't know what is going on in it. :D

atlanteay
07-27-2006, 11:16 PM
neither do I:p just found an orange image a put it there.

Owen Macwere
07-27-2006, 11:17 PM
Then I will play around too, but not now anyway.
this is so much fun.... :D

Sylvie
07-27-2006, 11:22 PM
Black Mage!

http://img.photobucket.com/albums/v461/OdinDragoon/blackmage.gif

VoodooChild
07-27-2006, 11:28 PM
Ive been wanting to do these for ages, but never got around to it. I figured I'd try it when I saw this thread.

This is what I came up with :

http://i2.photobucket.com/albums/y17/VoodooChild034/FFVII_Sephiroth.jpg

EDIT - And this :

http://i2.photobucket.com/albums/y17/VoodooChild034/CowboyBebop.jpg

Ramza Beoulve
07-27-2006, 11:58 PM
chaos! n.nU

http://img225.imageshack.us/img225/9243/chaosfanbs1.jpg

atlanteay
07-28-2006, 05:27 PM
just made another one.
http://i10.photobucket.com/albums/a105/atlanteay/lonelybar.png

Owen Macwere
07-28-2006, 08:30 PM
All these ones look cool. i made two using my method for the glassy look. it applys to me, but don't know if it looks good for everyone.

http://i82.photobucket.com/albums/j249/azoz_2006/2-1.jpg

http://i82.photobucket.com/albums/j249/azoz_2006/1-1.jpg

atlanteay
07-28-2006, 08:51 PM
they're really good owen.

Sylvie
07-28-2006, 08:53 PM
Although, just a suggestion, the glass may look better if you drag it out from the edges, if you know what I mean. But they are good.

Ramza Beoulve
07-29-2006, 03:29 AM
Now a Metal Gear one :)

http://img141.imageshack.us/img141/3097/metalgearfanvy0.jpg

Sylvie
07-29-2006, 03:43 AM
I made one dedicated to Kuro's Gal in my sig.

Ramza Beoulve
07-29-2006, 05:16 AM
wha... she died!?

Sylvie
07-29-2006, 05:16 AM
Yes... :'(

Ramza Beoulve
07-29-2006, 05:26 AM
Lord... when?

http://img148.imageshack.us/img148/1971/deathfanvq3.jpg

Sylvie
07-29-2006, 05:28 AM
I'm not sure. For more info, go to the topic in EoY.

GooeyToast
07-29-2006, 05:31 AM
Little off-topic: Would you mind telling me the name of the font you use on userbars Genji? I can't seem to find it, and I'd much like to have it.

BTW, awesome work. :)

Sylvie
07-29-2006, 05:35 AM
Its called BitDust Two. Which can be found here. http://www.n-sane.net/web_templates_fonts.php

GooeyToast
07-29-2006, 05:40 AM
kthanx :D

Sylvie
07-29-2006, 05:57 AM
No problem. :)

Owen Macwere
07-29-2006, 08:36 AM
Oh, you mean so it become kind of in the middle, right? ok I will try that.
I didn't know about Sonya, god this is a shock.
great work everyone.

Rengori
08-14-2006, 07:59 PM
Blatant thread revival!

Scarmiglione/Milon:
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar7.gif
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar8.gif
Cagnazzo/Kainazzo:
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar2.gif
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar1.gif
Barbariccia/Valvalis:
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar6.gif
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar5.gif
Rubicante/Rubicant:
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar3.gif
http://i15.photobucket.com/albums/a376/Rengori/signatures/ffuserbar4.gif
All in one:
http://i15.photobucket.com/albums/a376/Rengori/signatures/fourfiendsuserbar.gif