AnimeSuki Forums

Miko Miko · 2011-09-30, 10:13

My attempt:

I know it's kinda crap but it's hard when the height is 100px

GundamFan0083 · 2011-09-30, 10:24

Quote:

Originally Posted by Daniel E.

You need to fix the size of it. Max allowed is 60 KB (61440 bytes) and yours is 85929 bytes.

Whoopsey!

Here's the right one.
It's 41,400 bytes.

ganbaru · 2011-09-30, 10:35

@Miko Miko your entry have the same issue than haladflire had; your left side won't work with the rest of the top of the page, it do not work with the gradiant.

felix · 2011-09-30, 11:08

@Miko

I would work if we could have left aligned backgrounds; not that we can't, we're just not allowed. You have to design for it to be centered.

Like ganbaru said, it doesn't work. Right is blended okey.

GundamFan0083 · 2011-09-30, 11:29

Quote:

Originally Posted by felix

@Miko

I would work if we could have left aligned backgrounds; not that we can't, we're just not allowed. You have to design for it to be centered.

Like ganbaru said, it doesn't work. Right is blended okey.

Thank you for the link to the test page felix.

It helps to see what our banners will look like and helps put the gradient into perspective.

by using the background URL:
http://img713.imageshack.us/img713/8881/nighti.jpg

And the banner we make (the URL of my banner):
http://i436.photobucket.com/albums/q...nnercopy-1.jpg

It was easy to use the test page blank and see what it would look like and make corrections accordingly.
http://forums.animesuki.com/banner-t...nimesuki.com/#

felix · 2011-09-30, 12:20

The link is incorrect. To make auto-fill just add these parts togheter: (meaning no newlines/spaces)

http://forums.animesuki.com/banner-test.php?
The base...

css=2
2 = gray, 1 = blue

&bg=http://img713.imageshack.us/img713/8881/nighti.jpg
The gradient URL, you don't really need to change this, just copy/paste it in.

&bnr=http://i436.photobucket.com/albums/qq83/oldschoolanime/animesuki_bannercopy-1.jpg
Change it to the URL of your banner.

In the example I used your banner, so you don't have to change nothing.
css, bg and bnr can actually come in any order, just make sure to put a & between them.

In some situations, such as when you're hosting the banners here using albums (like how the 7 images in my signature are hosted) you'll have & in the URL. This is a problem since now the system won't pick up the URL properly, so what you need to do is replace the & with %26 to tell the system "hey that's just a average character". For example say we're using an alternative link for the background, http://forums.animesuki.com/album.php?albumid=3426&pictureid=40894 (note the & in the middle), then the bg part would be:

&bg=http://forums.animesuki.com/picture.php?albumid=3426%26pictureid=40894

Everything toghter: http://forums.animesuki.com/banner-t...nnercopy-1.jpg

It's a lot of long text (because of the URLs that go in) but it's quite simple really. I recomended making it into an easy to use tag in the other thread, maybe we'll get that in the future.

Daniel E. · 2011-09-30, 14:15

Quote:

Originally Posted by Patchy

@Dan-sama, how's the text now?

V2/ Cleaned/Sharpened/Lighter

V3 More light, aligned the text to left

Font a bit bigger please.

Quote:

Originally Posted by felix

(there are two extension blocks on the right and left; to show it blends)

Anyway, is the text sufficiently visible?

Might try some alternative ideas, but this is draft 1.

A bit more visible would be better.

Quote:

Originally Posted by ganbaru

My newest version, I added some effects and reworked the blending and the text:

C&C are welcome as usual.

It would be better if the font didn't fade in to the background on the right side.

Quote:

Originally Posted by Haladflire65

Kay, I fixed mine... can end up scrapping this one, though. We'll see

Is it better though?

W/o filter

W/ filter

Pretty similar to Patchy's case, the font is small and it's trown at one side. A bit bigger, with something extra that would make the font stand out more would certainly help.

Quote:

Originally Posted by Miko Miko

My attempt:

I know it's kinda crap but it's hard when the height is 100px

What others already told you, the gradient must be empty/free on each side. If the image is cut on that side, then you'll need to use another one.

Faeyice · 2011-09-30, 16:39

I've reallllllllllly been itching to make a banner, so de-lurking for this. <__<;;;

http://forums.animesuki.com/banner-t...ukibanner1.jpg

Also did one with less orange. Feedback?

Suomi · 2011-09-30, 17:52

Quote:

Originally Posted by Faeyice

I've reallllllllllly been itching to make a banner, so de-lurking for this. <__<;;;

http://forums.animesuki.com/banner-t...ukibanner1.jpg

Also did one with less orange. Feedback?

I personally think both look good but prefer the one with less orange, the orange is less obtrusive that way

Quote:

Originally Posted by Patchy

Thanks Marina-sama, I also felt that way when I posted it lol....

so... I redraw/retrace the source itself to fix the hair >_<

@Dan-sama, how's the text now?

V2/ Cleaned/Sharpened/Lighter

V3 More light, aligned the text to left

Yay, Patchy is joining too before she retires

*is happy* I love it, and I also like the way you did the text

Mr. Wang · 2011-09-30, 19:04

Now I remember why I don't make sigs here on the site on request anymore. It takes hours to do my own ideas, let alone brainstorming and experimenting with new things.

But I really wanted to dish something out for this, so here's my go thus far:

It's a bit simple compared to others on here, and... I'm hoping to try something a bit more elaborate, or modifying this one a bit. It looks really plain to me. I'm not dead-set on keeping this idea though, but it's my first try at something in a while.

Character: Ayumu "Osaka" Kasuga, from Azumanga Daioh
Source Image

ganbaru · 2011-09-30, 22:55

@ Faeyice. That's a nice one.
@ Mr. Wang Sorry I can't see it

I made the text more visible:

MagicaLideaL · 2011-10-01, 03:04

Quote:

Originally Posted by ganbaru

@ Faeyice. That's a nice one.
@ Mr. Wang Sorry I can't see it

I made the text more visible:

Very fine art. Maybe you could add some effect(color) to the font to make it look better overall.

ahelo · 2011-10-01, 03:56

jpg file (the one in less than 60 bytes)

png file

I'd love to hear comments, suggestions or any rule that I didn't follow.
It's kinda my first time making a banner actually but please do crtic.

ganbaru · 2011-10-01, 04:54

@ahelo, I would suggest you to put the shadow behind him, reducing the blurr on Ginko and reworking the text.
@Mr. Wang simplicity isn't a bad thing, but in thoses case great artwork help a lot. The background is nice thought...

Quote:

Originally Posted by MagicaLideaL

Very fine art. Maybe you could add some effect(color) to the font to make it look better overall.

Something more like that?:

Reverzer0 · 2011-10-01, 06:58

updating",

felix · 2011-10-01, 07:03

Quote:

Originally Posted by Daniel E.

A bit more visible would be better.

How's this?

Gray Preview: http://forums.animesuki.com/banner-t....com/s6VDn.jpg
Blue Preview: http://forums.animesuki.com/banner-t....com/s6VDn.jpg

ahelo · 2011-10-01, 07:36

I changed the entire picture lol.

png ver.

jpg ver.

Please give comments to where I can improve!

felix · 2011-10-01, 07:41

Revert the character to the normal colors; seems you edited the colors and made everything red. It's kind of weird especially when you look at the shadows and they're red.

ahelo · 2011-10-01, 07:56

I somehow edited it but please do comment on what I can improve on. I'm really kinda new on the banner business.

felix · 2011-10-01, 08:15

(well, you asked for it)

This is just personal preference, but you sure have a lot of noise around the character (particularly the lower right and lower left). Is that because of the JPEG compression? can you post a PNG version for comparison.

I'm not sure about the yellow text. Maybe try position both above the leaves—should give better contrast on "forums" that way too. Some other things, the font doesn't have to necessarily be fancy, you can just take a simple font and treat every letter in it as a seperate component; it's easy to get into a state where you just see the entire text as one entity. I also recomend you avoid effects like glow or shadows or bevels, etc. Get it to look good with out them, they're really cheap and will easily make you think there's no room for improvement after adding them. In your case you could probably treat the background as a lake, and give the letter a slight reflection and maybe submerge them slightly in different positions; like debris from a sinking ship floating in the waters.

The character could probably use a little adjustment on the tones, black is still not really back.
Maybe some slight sharpening of certain details on the clothes and hair to make them pop too.

The whole Leaf Circle is kind of nice, maybe you can do several layers and put the character inbetween? Just an idea.

2011-09-30, 10:13	Link #41
Miko Miko Imouto-Chan♥ Graphic Designer Join Date: Mar 2007 Location: England Age: 30	My attempt: I know it's kinda crap but it's hard when the height is 100px __________________

2011-09-30, 10:35	Link #43
ganbaru books-eater youkai Join Date: Dec 2007 Location: Betweem wisdom and insanity	@Miko Miko your entry have the same issue than haladflire had; your left side won't work with the rest of the top of the page, it do not work with the gradiant. __________________

2011-09-30, 11:08	Link #44
felix sleepyhead Author Join Date: Dec 2005 Location: event horizon	@Miko I would work if we could have left aligned backgrounds; not that we can't, we're just not allowed. You have to design for it to be centered. Like ganbaru said, it doesn't work. Right is blended okey. __________________

2011-09-30, 12:20	Link #46
felix sleepyhead Author Join Date: Dec 2005 Location: event horizon	The link is incorrect. To make auto-fill just add these parts togheter: (meaning no newlines/spaces) http://forums.animesuki.com/banner-test.php? The base... css=2 2 = gray, 1 = blue &bg=http://img713.imageshack.us/img713/8881/nighti.jpg The gradient URL, you don't really need to change this, just copy/paste it in. &bnr=http://i436.photobucket.com/albums/qq83/oldschoolanime/animesuki_bannercopy-1.jpg Change it to the URL of your banner. In the example I used your banner, so you don't have to change nothing. css, bg and bnr can actually come in any order, just make sure to put a & between them. In some situations, such as when you're hosting the banners here using albums (like how the 7 images in my signature are hosted) you'll have & in the URL. This is a problem since now the system won't pick up the URL properly, so what you need to do is replace the & with %26 to tell the system "hey that's just a average character". For example say we're using an alternative link for the background, http://forums.animesuki.com/album.php?albumid=3426&pictureid=40894 (note the & in the middle), then the bg part would be: &bg=http://forums.animesuki.com/picture.php?albumid=3426%26pictureid=40894 Everything toghter: http://forums.animesuki.com/banner-t...nnercopy-1.jpg It's a lot of long text (because of the URLs that go in) but it's quite simple really. I recomended making it into an easy to use tag in the other thread, maybe we'll get that in the future. __________________

2011-09-30, 16:39	Link #48
Faeyice it's animal, unbelievable Graphic Designer Join Date: Nov 2006 Location: U.S.A	I've reallllllllllly been itching to make a banner, so de-lurking for this. <__<;;; http://forums.animesuki.com/banner-t...ukibanner1.jpg Also did one with less orange. Feedback? __________________

2011-09-30, 19:04	Link #50
Mr. Wang Scholar of Yanderes Author Join Date: Jun 2010 Location: Haramihama	Now I remember why I don't make sigs here on the site on request anymore. It takes hours to do my own ideas, let alone brainstorming and experimenting with new things. But I really wanted to dish something out for this, so here's my go thus far: It's a bit simple compared to others on here, and... I'm hoping to try something a bit more elaborate, or modifying this one a bit. It looks really plain to me. I'm not dead-set on keeping this idea though, but it's my first try at something in a while. Character: Ayumu "Osaka" Kasuga, from Azumanga Daioh Source Image __________________ Last edited by CrowKenobi; 2011-10-01 at 01:29. Reason: Fixed your link. :)

2011-09-30, 22:55	Link #51
ganbaru books-eater youkai Join Date: Dec 2007 Location: Betweem wisdom and insanity	@ Faeyice. That's a nice one. @ Mr. Wang Sorry I can't see it I made the text more visible: __________________

2011-10-01, 03:56	Link #53
ahelo Criminal Unrequitor Graphic Designer Join Date: Jul 2010	jpg file (the one in less than 60 bytes) png file I'd love to hear comments, suggestions or any rule that I didn't follow. It's kinda my first time making a banner actually but please do crtic. __________________ Traveler on Revenge / Ahelo Sigs / Saimoe Report! Signature by ganbaru

2011-10-01, 06:58	Link #55
Reverzer0 Sleeping Join Date: Sep 2011 Location: psn Age: 12	updating", __________________

2011-10-01, 07:36	Link #57
ahelo Criminal Unrequitor Graphic Designer Join Date: Jul 2010	I changed the entire picture lol. png ver. jpg ver. Please give comments to where I can improve! __________________ Traveler on Revenge / Ahelo Sigs / Saimoe Report! Signature by ganbaru

2011-10-01, 07:41	Link #58
felix sleepyhead Author Join Date: Dec 2005 Location: event horizon	Revert the character to the normal colors; seems you edited the colors and made everything red. It's kind of weird especially when you look at the shadows and they're red. __________________

2011-10-01, 07:56	Link #59
ahelo Criminal Unrequitor Graphic Designer Join Date: Jul 2010	I somehow edited it but please do comment on what I can improve on. I'm really kinda new on the banner business. __________________ Traveler on Revenge / Ahelo Sigs / Saimoe Report! Signature by ganbaru

2011-10-01, 08:15	Link #60
felix sleepyhead Author Join Date: Dec 2005 Location: event horizon	(well, you asked for it) This is just personal preference, but you sure have a lot of noise around the character (particularly the lower right and lower left). Is that because of the JPEG compression? can you post a PNG version for comparison. I'm not sure about the yellow text. Maybe try position both above the leaves—should give better contrast on "forums" that way too. Some other things, the font doesn't have to necessarily be fancy, you can just take a simple font and treat every letter in it as a seperate component; it's easy to get into a state where you just see the entire text as one entity. I also recomend you avoid effects like glow or shadows or bevels, etc. Get it to look good with out them, they're really cheap and will easily make you think there's no room for improvement after adding them. In your case you could probably treat the background as a lake, and give the letter a slight reflection and maybe submerge them slightly in different positions; like debris from a sinking ship floating in the waters. The character could probably use a little adjustment on the tones, black is still not really back. Maybe some slight sharpening of certain details on the clothes and hair to make them pop too. The whole Leaf Circle is kind of nice, maybe you can do several layers and put the character inbetween? Just an idea. __________________