Users browsing this thread: 1 Guest(s)
The Spritesheet Process Bible
#1
Music 
Okay so I'm posting to hopefully for myself and new people registered around here get some clarity on how to edit and deal with spritesheets in an efficient manner.

Working and playing around with making games, art and sprites it's beneficial to streamline the process imo for effective work.


Firstly it's just kind of beyond me as to why theres not a system in place that lets you upload ripped sprites on-to this site and input the pixel size of tiles, spacing between sprites and rows etc. As far as I've seen people are just supposed to guess their way through finding this information which does take way too much time. Maybe there's a software that analyzes sprite and tile-sheets(the solution to this somewhat is to open ShoeBox and extract sprites and then check the size in the property of each individual tile) but I havent found that stickied here. And it works way better than spriteSheeter.


That said let's take a look at common processes game makers and game-dev students could use. There's probably many more but I'm not so knowledgable within this field so I do hope you can bear with me.

Levels
  • Now I belive a lot of people will want to use a level creation software with tiles that they can export to the game engines (game maker, construct 2, clickteam fusion or you name it). I personally am using a super cool software called Tiled.
  • [Image: CrfxFKo.png]
  • Look at how beautiful it is when it is actually working. It's basically the same as game makers level editor for people who use that.
  • I use ShoeBox to extract a spritesheet into separate images and then re-stitch them but for me it doesnt seem to work with the editors afterward cause of slightly off spacing or margins. And I havent seen ShoeBox showing the user the data either for how many pixels will be spaced in between tiles. Its a headache currently and I hope someone more seasoned have some tips for creating usable tile-sets for use with Level editors.


Characters
  • So characters is a bit easier to deal with and I will share my process with you guys!

  • 1. Download the spritesheet of your choice.
  • 2.  Remove backgrounds. (I reccommend asprite for this and click edit replace colour. Or Background remover which you can download from google, its great because you can remove the bg of many images at the same time) Alternatively you will have to do this afterwards in some cases as its more effective to get the right rip-size of the image with ShoeBox.
  • 3. Boot up that beautiful software of ShoeBox and drag your nice sheet into the extractor, looks somewhat like this. https://youtu.be/GWMwBCLEcoM?t=32 4. Now you can find each separate image used in the sequence you want and put it into a new folder. Ready for import in your game-maker,after effect or other video software of choice voila.


So I hope that you have found some of this process information useful and that you can add to it in the comments and state your process regarding spritesheets!
Reply
Thanked by: puggsoy


Messages In This Thread
The Spritesheet Process Bible - by ToonTrout - 10-28-2017, 10:57 PM
RE: The Spritesheet Process Bible - by puggsoy - 10-28-2017, 11:28 PM
RE: The Spritesheet Process Bible - by ToonTrout - 10-29-2017, 12:55 AM
RE: The Spritesheet Process Bible - by puggsoy - 10-29-2017, 01:55 AM
RE: The Spritesheet Process Bible - by ToonTrout - 10-29-2017, 02:28 AM
RE: The Spritesheet Process Bible - by Davy Jones - 11-03-2017, 08:32 PM

Forum Jump: