Users browsing this thread: 1 Guest(s)
[OLD] How to make a good sprite sheet
#1
I realised there isn't any thread that actually helps building sprite sheets, so I thought I could throw some tips on

HOW TO MAKE A GOOD SPRITE SHEET
by Gorsal


So, you just finished grabbing all the sprites from something. Great, isn't it? Now, how are you going to place them in the sheet?

First of all, make sure there is enough content on the sheet. Even if you did a great job, we won't accept a single '?' block for submission. If your sheet is too small, try adding more relevant content so it'll be worthy to be posted at tSR's main site!

If your sheet does have enough content, then continue reading!



A good way of doing it is putting different animation sprites in different lines. This way, you'll avoid making the sheet confusing.

[Image: achilles.gif] courtesy of Kevin Huff

Look how the different actions are placed in different lines: the first line shows all the frames for walking; the second one, for shooting, etc. This gives the sheet a cleaner look. This is valid for any sprite, be it ripped or custom.

Labelling all the actions also helps organizing things a lot:

[Image: richterbelmont.gif] courtesy of Lord Zymeth



If your sprite sheet contains several pieces, you can include them so others can build their own poses. Make groups of similar-looking pieces and place them in a way that it doesnt make the sheet messy. Take a look at this, for example:

[Image: umihara_hero.PNG]
Notice that all the arm pieces, bait pieces and hook pieces are organized in small groups. Also notice how I placed them; the frames are put in animation order, so it's easier to localize the frame you're looking for. Consider organizing pieces like making a small sheet inside another sheet.

PS-sheets with a lot of small pieces tend to be harder to use, so don't forget to make a small example of use, like I did.


If the character you ripped changes color palettes in-game, be sure to grab at least ONE pose with the different palette.

[Image: mario.PNG] courtesy of Tonberry2k

Check this sheet's bottom-right corner. There are a bunch of Marios with different color palettes (including the original). By including the different color palettes, then the user can easily recolor any pose with any color he likes.


One thing that you might have noticed by now is that all the sprite sheets I showed here don't use white as the background color. Use a unsaturated color (dull colors, like gray) as background color for your sheets. This way, the white details will be kept intact, improving readability. Do not choose very bright colors or else it'll make your sheet eye-burning.


Put the sprites in equally-sized boxes, IF YOU WANT. Sprites inside boxes are extremely helpful when animating, and it'll be very convenient for the animator. But it takes A LOT OF TIME (sometimes more than the time you spent ripping) and requires you to have some animating program to do, so beware.

Example of sheet with boxes:

[Image: marinaspritesheet1en9.png] courtesy of Gorsal

I also added box width and height to make it better to animate. Keep in mind that this process is easier when you box them while ripping/spriting; boxing the sprites after finishing the rip is painfully tedious, and I don't reccomend it.


Keep the sprites' pixel ratio at 1x, which is their native size. Don't unecessarily zoom the sprite, making it bigger than normal. This means, instead of doing this:

[Image: leveluptext.png] courtesy of Steven

do this.

[Image: levelupq.png] courtesy of Neslug


And finally, DO NOT MAKE HUGE-ASS CREDIT TAGS. The star of the sprite sheet are the sprites, so why making an extremely LARGE tag? So avoid doing things like this:

[Image: attachment.php?aid=345] courtesy of Monty Oum

Also, try to eliminate the most of the blank spaces possible. They just increse the file size and it makes your sheet to look like shit.

"Okay! I finished ripping all the sprites! What now?"
You may want to make an icon for your sprite. You aren't forced to, but if you do it yourself, it'll probably be uploaded faster. Be sure to make both sheet and section icons if it's still not listed on the main site.

You may get tSR Icon Maker here.

Also, DON'T FORGET TO LIST WHICH CHARACTERS ARE NPCs/PLAYERS/ENEMIES etc. We mods didn't play every game in existence so we might not recognize the main characters/antagonists. Be sure to make that clear.

So, that is all. I hope this helped you how to make a good sheet. Thanks for reading!

"Wait, Gorsal! Can you give me some more examples of WHAT NOT TO DO WHEN MAKING A SHEET?"
Sure! Take a look at them, and try to find out why they're bad. This way, you'll understand why I made this thread.
[Image: yoshis.png]
[Image: pacmanoldschoolbyluigilover.png]
[Image: 20rtno5.png]
[Image: megamansuitswv8.png]
Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by: Mighty Jetters, ~Fallen~
#2
Are you kidding me? The last sheet... oh my god.
[Image: dariC.png][Image: tumblr_mlf109xOe81rmu6i5o1_250.gif][Image: b0KxM.gif]
Thanked by: DioShiba, Mighty Jetters
#3
last sheet has to be fake mainly cuz 4:20 and deliberately jpging it to be a jackass.

very good tutorial though.
Thanked by:
#4
(08-04-2010, 11:32 AM)Burn Wrote: last sheet has to be fake mainly cuz 4:20 and deliberately jpging it to be a jackass.

very good tutorial though.

http://www.spriters-resource.com/communi...2#pid10582
Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by: Ton, Mighty Jetters
#5
(08-04-2010, 11:35 AM)Gors Wrote: http://www.spriters-resource.com/communi...2#pid10582

Ohhh my. That last sheet is actually real? Anyway, this is really useful. This deserves to be stickyed.
Thanked by:
#6
bumping so the mods can see this thread and pin it
Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by:
#7
Thanked by:
#8
is it possible to clone a thread? This should go in submissions as well.
[Image: ndsMEF0.gif][Image: sig.gif]
Thanked by:
#9
Oh damn
I laughed. HARD. So hard that even my dog looked troubled.
That was awesome, thank you
[Image: MegaEXESig.png]
Thanked by: Ton
#10
The last sheet... Very Sad
Thanked by:
#11
The Examples of NOT to eliminate blank space are funny. xDDD

I prevent making too much blank space that i must kill by order and reorder and reorder and reorder
the Sheet Content (or just packing the single pictures to an archive), it works. :'D
Currently not ripping stuff. I'm not in mood for it, sorry.

Latest uploaded Rips on t?R:
You remember some not up? I don't.
Thanked by:
#12

One of the images isn't showing up.
"Look up in the sky, young man
and see the cloud called Hope.
Then, look beyond into space
and see the star called Happiness."
~ Author unknown ~
Thanked by:
#13
I edited the first post to add more content.
Spriter Gors】【Bandcamp】【Twitter】【YouTube】【Tumblr】【Portifolio
If you like my C+C, please rate me up. It helps me know I'm helping!
[Image: deT1vCJ.png]
Thanked by: Mighty Jetters
#14
Oh man, I can't thank you enough for adding that bit about listing what categories the sheets go under.

Too bad not even half the new submitters probably read this. >_>
[Image: kE8xa19.png]
Thanked by: Solink, ~Fallen~
#15
I've got to keep this in mind, thx.
lol, so glad i saw this before i make mistakes like those
Thanked by: Mighty Jetters


Forum Jump: