Userbars
Moderator: Moderators
- Fatalcrash
- Master
- Posts: 298
- Joined: Wed Feb 21, 2007 11:23 am
- Location: Singapore, which contrary to popular belief is not actually part of China.
- Contact:
*in pain*
Just came back from work... Really, REALLY tired. Whole... Body... Throbbing!
Anyways, it only takes me about fifteen minutes to prepare a bar, more if I'm being a perfectionist idiot at the same time. Finding a suitable colour for the background is the real problem. Everything else is all hunky-dory.
This is a userbar thread, not a 'Ye Olde Fatalcrash's (c) TwoKinds userbars' thread. As such, you guys are perfectly free to post up your own userbars and such. PM me with the URL of the bar, and I'll put it up on the first post.
I will do my own version of Karen when Tom releases the next comic. Or maybe I'll do it tomorrow. Hmm. I can't imagine how I'm going to have to work for the rest of my life. *collapses*
Just came back from work... Really, REALLY tired. Whole... Body... Throbbing!
Anyways, it only takes me about fifteen minutes to prepare a bar, more if I'm being a perfectionist idiot at the same time. Finding a suitable colour for the background is the real problem. Everything else is all hunky-dory.
This is a userbar thread, not a 'Ye Olde Fatalcrash's (c) TwoKinds userbars' thread. As such, you guys are perfectly free to post up your own userbars and such. PM me with the URL of the bar, and I'll put it up on the first post.
I will do my own version of Karen when Tom releases the next comic. Or maybe I'll do it tomorrow. Hmm. I can't imagine how I'm going to have to work for the rest of my life. *collapses*
1) just get some rest.. as i said, nobody Really has time to post.Fatalcrash wrote: 1) Just came back from work... Really, REALLY tired. Whole... Body... Throbbing!
2) Finding a suitable colour for the background is the real problem. Everything else is all hunky-dory.
3) PM me with the URL of the bar, and I'll put it up on the first post.
2) I can come up with the entire colour chart if you want.
3) Your work is really the best. I dont think anybody can do what you do.
1) It's almost always good advice to rest, but some people have boring jobs that totally gives them time to post...Shade wrote:1) just get some rest.. as i said, nobody Really has time to post.Fatalcrash wrote: 1) Just came back from work... Really, REALLY tired. Whole... Body... Throbbing!
2) Finding a suitable colour for the background is the real problem. Everything else is all hunky-dory.
3) PM me with the URL of the bar, and I'll put it up on the first post.
2) I can come up with the entire colour chart if you want.
3) Your work is really the best. I dont think anybody can do what you do.
2) Do you normally offer people Rainbows?
3) Then how do you explain there being many many many other User bars out there and even sites that can generate User bars for people that look just as good, the same, or better? I would make my own however i would then make it bigger so i could fit the breasts into it and before ya know it - its not a user bar at all...
- INH the Arctic Tigerboy
- Apprentice
- Posts: 101
- Joined: Sat Nov 03, 2007 10:39 am
- Location: With all the other people
I found that highly funny, before I realised that that was exactly what I did. Hence:I would make my own however i would then make it bigger so i could fit the breasts into it and before ya know it - its not a user bar at all...
http://i273.photobucket.com/albums/jj20 ... 1197831826
Hmmm, that's Odd. It didn't work.
- pocketlint82
- Apprentice
- Posts: 112
- Joined: Wed Feb 14, 2007 6:35 pm
- Location: Georgia
- INH the Arctic Tigerboy
- Apprentice
- Posts: 101
- Joined: Sat Nov 03, 2007 10:39 am
- Location: With all the other people
- avwolf
- Templar Inner Circle
- Posts: 7006
- Joined: Wed Jan 17, 2007 5:33 pm
- Location: Nebraska, USA
- Contact:
Alright, here it goes. The small resolution works in the favor of indexed colors -- there isn't much space for the gradient to expand into a large color range (it's small enough that I didn't realize the background was a gradient until I was doing this, actually, and if you were to do solid colors, indexed formats would completely carry the day). Oh, and the filesizes are negligible enough, hotlinking to my server's fine. The links are under the image. (Sorry for not following protocol, Fatalcrash. Uh...pick a favorite and we can put it down on the first post and pull the urls off the others.) The colors in the background gradient were picked from a couple of her articles of clothing, and I otherwise did my best to keep it in Fatalcrash's style, including the minor differences he had from the Userbars Tutorial (That one's for you, Kinuki).
If I were to make a recommendation, Sage, I'd highly recommend making it much taller. Karen really can't fit any of her definitive character features in twenty pixels. I didn't run any numbers for comparison, but I suspect that by fifty pixels in height, JPG starts to win out on the filesize/quality competition, due largely to the background gradient.
Let's break it down (these numbers are from my filesystem):
http://www.deviantparadigm.com/2k/Karen-Userbar-128.gif
GIF with 128 color palette: 3.59K.
http://www.deviantparadigm.com/2k/Karen-Userbar-256.gif
Even with a 256 color palette, the GIF weighs in at 4.5K. Not bad. The two are pretty similar.
Let's see how JPG stacks up.
http://www.deviantparadigm.com/2k/Karen-Userbar.jpg
JPG, run at 80 quality (which is default for "maximum"): 5.72K. Pretty similar from a quality standpoint. The indexed colors win out from a filesize standpoint, but the quality is certainly good enough that if you were stuck in a situation where you could only use JPGs (say, a version of Flash that's as old as my copy of Photoshop) or you simply preferred their use for your own perverse reasons, you would be just fine.
http://www.deviantparadigm.com/2k/Karen-Userbar-60.jpg
JPG, run at 60 quality (default for "high"): 3.3K. That sticks us with both reasonably quality and a filesize that's comparable to the images generated by the indexed colors. However, you can see how the JPG is producing some blurring effects. We should probably keep the quality higher than this for a decent product, we just don't have the color range to support this quality setting.
Taking the JPG down to "medium" (30) quality starts to produce some nasty blurring and artifacts, so that's right out. Bringing the JPG up to 100 quality (which isn't a default setting) doesn't give you much boost to the image quality, but it doubles the filesize from the "maximal" one up to ~10K.
Personally, I'm a PNG fan (this dates back to when the format was created because Compuserve was trying to enforce their copyright on the GIF format). So I was pleased to see it performing the best from a filesize perspective. I'm going to run a few extra color sets for PNG to demonstrate the differences in palette sizes.
http://www.deviantparadigm.com/2k/Karen-Userbar-32.png
You can see at a 32 color palette that the gradient looks a little worse for the wear and Karen's hair lacks some of its depth. 1.90K, though. Can't beat that for bandwidth usage.
http://www.deviantparadigm.com/2k/Karen-Userbar-64.png
The 64 color palette's pretty good, and it's 2.19K. We're reaching a reasonable compromise, but none of us here are that hit up by bandwidth expenses to scrimp this much.
http://www.deviantparadigm.com/2k/Karen-Userbar-128.png
At 128 colors, we can see some very minor improvements to Karen's hair (look near her left eyebrow) and the gradient is smoother. 2.91K, smaller than the 128-color GIF.
http://www.deviantparadigm.com/2k/Karen-Userbar-256.png
256 colors is almost imperceptibly different from 128 colors, so 128 is probably good enough if you want to stick to powers of two and not do some weird value for your palette size. 3.66K, barely larger than the 128 color GIF.
Fatalcrash, I'm at a loss as to how you're generating 33K userbars. I have to go 100 JPG quality or PNG-24 in order to break 10K.
I must admit, I'm impressed by the JPG performance here, I'd expected it to be slightly worse (on the order of another couple K). The loss in sharpness to the letters or the characters are neglible for a first run save.
Just for giggles, I decided to illustrate how JPG loses quality progressively. What I didn't expect was that the filesize would also balloon. This is why we don't save working files as JPGs:
That's 16.5K, and it's been saved roughly 53 times (which is pretty ridiculous), each time at "maximum" quality. So not only is it three times the size of our single save JPG, it also looks terrible.
If I were to make a recommendation, Sage, I'd highly recommend making it much taller. Karen really can't fit any of her definitive character features in twenty pixels. I didn't run any numbers for comparison, but I suspect that by fifty pixels in height, JPG starts to win out on the filesize/quality competition, due largely to the background gradient.
Let's break it down (these numbers are from my filesystem):
http://www.deviantparadigm.com/2k/Karen-Userbar-128.gif
GIF with 128 color palette: 3.59K.
http://www.deviantparadigm.com/2k/Karen-Userbar-256.gif
Even with a 256 color palette, the GIF weighs in at 4.5K. Not bad. The two are pretty similar.
Let's see how JPG stacks up.
http://www.deviantparadigm.com/2k/Karen-Userbar.jpg
JPG, run at 80 quality (which is default for "maximum"): 5.72K. Pretty similar from a quality standpoint. The indexed colors win out from a filesize standpoint, but the quality is certainly good enough that if you were stuck in a situation where you could only use JPGs (say, a version of Flash that's as old as my copy of Photoshop) or you simply preferred their use for your own perverse reasons, you would be just fine.
http://www.deviantparadigm.com/2k/Karen-Userbar-60.jpg
JPG, run at 60 quality (default for "high"): 3.3K. That sticks us with both reasonably quality and a filesize that's comparable to the images generated by the indexed colors. However, you can see how the JPG is producing some blurring effects. We should probably keep the quality higher than this for a decent product, we just don't have the color range to support this quality setting.
Taking the JPG down to "medium" (30) quality starts to produce some nasty blurring and artifacts, so that's right out. Bringing the JPG up to 100 quality (which isn't a default setting) doesn't give you much boost to the image quality, but it doubles the filesize from the "maximal" one up to ~10K.
Personally, I'm a PNG fan (this dates back to when the format was created because Compuserve was trying to enforce their copyright on the GIF format). So I was pleased to see it performing the best from a filesize perspective. I'm going to run a few extra color sets for PNG to demonstrate the differences in palette sizes.
http://www.deviantparadigm.com/2k/Karen-Userbar-32.png
You can see at a 32 color palette that the gradient looks a little worse for the wear and Karen's hair lacks some of its depth. 1.90K, though. Can't beat that for bandwidth usage.
http://www.deviantparadigm.com/2k/Karen-Userbar-64.png
The 64 color palette's pretty good, and it's 2.19K. We're reaching a reasonable compromise, but none of us here are that hit up by bandwidth expenses to scrimp this much.
http://www.deviantparadigm.com/2k/Karen-Userbar-128.png
At 128 colors, we can see some very minor improvements to Karen's hair (look near her left eyebrow) and the gradient is smoother. 2.91K, smaller than the 128-color GIF.
http://www.deviantparadigm.com/2k/Karen-Userbar-256.png
256 colors is almost imperceptibly different from 128 colors, so 128 is probably good enough if you want to stick to powers of two and not do some weird value for your palette size. 3.66K, barely larger than the 128 color GIF.
Fatalcrash, I'm at a loss as to how you're generating 33K userbars. I have to go 100 JPG quality or PNG-24 in order to break 10K.
I must admit, I'm impressed by the JPG performance here, I'd expected it to be slightly worse (on the order of another couple K). The loss in sharpness to the letters or the characters are neglible for a first run save.
Just for giggles, I decided to illustrate how JPG loses quality progressively. What I didn't expect was that the filesize would also balloon. This is why we don't save working files as JPGs:
That's 16.5K, and it's been saved roughly 53 times (which is pretty ridiculous), each time at "maximum" quality. So not only is it three times the size of our single save JPG, it also looks terrible.
See how much time you wasted doing that? The JPG versions work out fine and are very easy to work with and as long as you work with default or higher you easily avoid the single reason we dont like using Gifs and PNGs (Though I like PNGs too they always seem to fail when its a large image- but are great for small images) - And that is why we use JPG for our comic formats- larger pictures- lower size - good quality - none of that wave effect you get when the GIF runs out of colors for the normally smooth grad. But yeah- of course you never save as a JPG till the image is done - nor should you save as a GIF or PNG- you save as a file format that preserves layers- usually the programs native file type like PSD for Photoshop!
But onto more important matters- that user bar doesn't do Karen justice-- no - no - its gotta show more of her awesome and superiorness...
But onto more important matters- that user bar doesn't do Karen justice-- no - no - its gotta show more of her awesome and superiorness...
*GASP* Karen bars! Avwolf...you are my hero!
My Deviantart Page: http://themightyelo.deviantart.com/
My Furaffinity Page: http://www.furaffinity.net/user/themightyelo/
My Tumblr Page: http://themightyelo.tumblr.com/
"Not all who wander are lost." - The Lord of the Rings
My Furaffinity Page: http://www.furaffinity.net/user/themightyelo/
My Tumblr Page: http://themightyelo.tumblr.com/
"Not all who wander are lost." - The Lord of the Rings