Page 3 of 3

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 1:31 am
by fluffy
And none of those are actually square.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 11:16 am
by Billy's Little Trip
Wasn't Song Fright my idea? Bet know one caught that.
<< keen eye.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 12:51 pm
by Billy's Little Trip
Logos for all seasons. :P
ImageImageImageImageImageImageImageImageImageImageImageImageImage

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 1:33 pm
by Spud
Thanks, but could we get those in .gif or even .png format, with transparent backgrounds so we can overlay them onto cool images? Also, your file naming conventions seem a bit whack...

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 1:43 pm
by Billy's Little Trip
I don't have the transparent back feature with my old school program.
I can save as .gif or .png. That much I know.
Photobucket renames them that way. The originals have proper names.
I saved them at 5000px X 5000px so they're tight when sized down. I just noticed that I wrote over the originals when resizing for the above post. Now they are all 150px X150px, lol. I have more imagination than sense it would appear. :)

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 1:47 pm
by fluffy
Of course anyone who wants to make a properly transparent logo with whatever pattern they want can just use the white .png version as an alpha mask in their image editor of choice.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:08 pm
by nyjm
I just wanted to chime in and say, Spud: this style guide is 100% pure awesome. Thank you.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:19 pm
by Billy's Little Trip
Ok, I just noticed that when I save as a .gif, it is transparent background. I never knew that. :)
But I put it in Nero to shrink it down and it adds a white back ground.
I can save it as the size I want, but the quality isn't as good as saving huge and sizing down.

example:

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:20 pm
by fluffy
GIF isn't a very good file format for quality, and a lot of image resizers just lose the alpha channel anyway. Try saving as 24-bit .png, and doing the resize within whatever application you're using to edit it (Paint Shop Pro or Photoshop or whatever). Photoshop actually has a 'save for web' command that lets you do the resize and save at the same time, and I think PSP does as well.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:22 pm
by Billy's Little Trip
This time I saved the 150px gif to photobucket and it stayed transparent. But the quality sucks.

Image

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:35 pm
by fluffy
Yeah, the biggest problem with .gif transparency is that it doesn't support anti-aliasing (edge smoothing), and that is the main reason to use 24-bit .png instead. .gif also only supports 256 colors at a time (and transparency counts as a color), while 24-bit .png doesn't have that problem. (8-bit .png has the same restrictions as .gif.)

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:47 pm
by Billy's Little Trip
My program doesn't offer 24 bit png. It just says .png.
There are only 2 formats that let me save as transparent, .gif and .wmf. But it appears no one supports wmf. Probably just for a windows program. Paint doesn't even see it.

I use Print Shop pro and I have paint. I'm on my XP machine at the moment. I don't have paint pro nor photoshop.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:52 pm
by Spud
fluffy wrote:Of course anyone who wants to make a properly transparent logo with whatever pattern they want can just use the white .png version as an alpha mask in their image editor of choice.
Clearly, we are attempting to provide a service to those who don't have this capability.

SPUD

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 2:54 pm
by Manhattan Glutton
Billy's Little Trip wrote:I use Print Shop pro and I have paint. I'm on my XP machine at the moment. I don't have paint pro nor photoshop.
Download Paint.NET. It does alpha transparency. It's free. It's easy.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 3:02 pm
by fluffy
Spud wrote:
fluffy wrote:Of course anyone who wants to make a properly transparent logo with whatever pattern they want can just use the white .png version as an alpha mask in their image editor of choice.
Clearly, we are attempting to provide a service to those who don't have this capability.

SPUD
Well in that case it's pretty easy to make appropriate images automatically. I'm feeling too lazy to make a web service but the following command works fine:

Code: Select all

composite -compose Copy_Opacity -resize 400x400 songfight_logo_white_1500.png plaid.png sf-plaid.png
sf-plaid.png
sf-plaid.png (169.12 KiB) Viewed 4021 times
Of course replace plaid.png with your texture of choice, and 400x400 with your actual intended output size.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 3:39 pm
by Spud
That's really cool, fluffy.

But. How many people who don't know how to do that will have any idea where to type that command?

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 4:59 pm
by fluffy
I dunno, maybe it was for the benefit of someone who did have the time and energy to turn it into a proper web service?

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 5:01 pm
by Billy's Little Trip
I surely don't know. I tried typing fluffy's code into my GPS and it gave me direction to go to hell. So I typed it into my phone as a text and it sent me back a message saying I should fuck off. I think I must be doing something wrong. :(

Thanks MG for the tip. You finally recommended something that's of use to me. :)
But I still can only export in gif or wmf to get a transparent background. So the quality is still not good enough for me....and surely not for Spud. He's picky.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 5:45 pm
by Spud
Well, let's see. I downloaded paint.net and made this: Is it transparent?

Image

(btw, I didn't hang around in paint.net long enough to get good at it, so this isn't exactly according to specifications)

Also, I would like to point out that NONE of blt's versions are according to spec, since they are all square. I don't know why he is doing this, but it's just wrong. Believe me, I like squares as much as the next guy. I would venture to say more, but, you know, the design is the design. It's not a square. Sorry.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 6:00 pm
by fluffy
That is correctly transparent, yes.

Re: Song Fight! Style Guide

Posted: Sat Jan 21, 2012 10:21 pm
by Billy's Little Trip
I know they weren't to spech. To be honest, I did them to be goofy. But after I saw them in the post, a couple of them looked kind of neat-o. I was just doing the cover art 150px thing.

Also, I didn't play with paint.net much either. Just long enough to re-size as a test and that it's a pretty cool program. I like my old PrintShop program because I know everything about it. But it's out of date limitations are holding a brutha back. :)