Hello and welcome to this Sprite making guide in Adobe Animate (/Flash) .
Here you should be able to find all the information required to make your very own sprite. If you need any further help please feel free to leave a reply at the bottom of the thread.
The Setup (Elcent)
Firstly you will need to acquire a copy of Adobe Animate (older versions are called Adobe Flash??)
If you are unsure how to get it give it a quick google.
If you wish to have a look at other peoples work and perhaps make remixes of them please feel free to down load the files from the Sandbox Thread. LINK HERE However these aren’t needed to make your own from scratch.
Once you have opened Adobe Flash you will want to create a new AIR for Desktop file with the rough size of 550x400 pixels. This size doesn’t matter too much but allows you space to create your drawing nicely.
Line Defaults (KilliN)
HEX Color: #000000
Stuff to add:
Over Drawing Lines to keep them horizontal/vertical
Stuff to add:
The common colours used
Removing tiny bits of lines to help with colouring
Library Feature (Elcent)
The library is where all of the symbols, movie clips and other assets are stored within the fla file.
To use the library you need to convert something into a symbol. This is very straight forward; highlight the sprite you want to convert in it’s entirety, right click and select “Convert to Symbol…”, you can alternatively press the F8 key to achieve this. After that a window should pop up like this…
You want to make sure it is set to ‘Graphic’, this will allow you to edit the sprite after it has been converted. Once that’s out of the way enter a desired name for your asset and hit ‘OK’.
You will notice that your asset is now selected with a cyan hitbox that you can only manipulate as if you were using the Free Transform Tool. This is because the line work and fills are now stored within the new symbol you have created. You can drag and drop symbols into the scene as you wish, to edit the line work and such of the sprite itself simply right click on the symbol in the library and then click ‘Edit’.
Generally speaking, the reason why you want to use the library is to organise your assets. If you just use the scene canvas to make and store your sprites you will soon find out that it becomes a memory hog, slowing the program down until it becomes unusable or maybe even unstable.
/// Under Development ///
Tips from my Experience so far (Xzyckon)
Prune unnecessary nodes; as you make the line work for your assets you will start to notice nodes being left where they are not needed. This is because when two lines intersect each other they create a new node where the two meet. However if you decide to later on move or delete that intersection with the selection tool that node will still be there. This usually results in nodes seemingly being created out of thin air where they are not needed as you change the line work of your sprite.
Delete Artifacts and Node Clusters; Yes, the SM Team has made a plethora of mistakes in their sprites over the years. Many of these are unnoticeable with only the biggest of examples being visible to the game. If you plan on using their material to make remixes give the sprite a check first to see if any of these artifacts pop up. I would advise special care when using the newer ones added upon the release of SM: Reloaded.
If your line work looks like this, you’ve gone too far.
- Make sure that your line work is set to the SM standard that KilliN has posted above across the sprite in it’s entirety. You may not know this but some of the original sprites have some lines with differing thicknesses or colours as some weird sort of artifact so if you are using those to make a remix make sure to highlight all of the line work after you are done and set it all to the default specs. You can easily tell if a sprite has this problem by double clicking on the line work. If all of the line work that is connected is of the same spec then it will all be highlighted.
Notice the Stroke Value isn’t defined.
/// Under Development ///
Tips from my Experience so far (Zarkares)
When I make 3d objects, I always make sure the lines are parallel to each other in order for perspective to work. You can do this by turning the Snap to Object tool on.
When I was about six, my grandpa taught me how to draw a box and he pointed out which line should be parallel to which to make the object realistic. As I grew up, I loved drawing and took some art classes, I still take them now at school but I HATE painting. I got into Supermechs Sprites in 2014-2016. I started out TERRIBLE, I basically cut out objects and put everything together to try to make it look like something, but if you look closely…sigh. Then I improved as time went by, sometimes I scratch my head and get mad at the sprite I make and basically trash it.
Also remember, when making sprites, try to imagine it first then draw and look for perspective error. The most important thing is, don’t rush, no one is forcing you.
Contributions made by @Elcent @Zarkares @KilliN @Xzyckon
Other spriters are welcome to add to this post. Spam and Off Topic will have their writing permissions removed.
This guide is still very much in development.