You will learn to create assets in Adobe Animate, rig for a 2D animated game in different methods used in the industry, and use symbol-based or puppet animation for games or animation.
Drew Groff: Page layout
Fisher Mancilla Page Layout
Adobe Photoshop (for concept and sketching only)
Adobe Animate CC
Simple Rig Exercise - Explanation (external link)
(What bends and what doesn't)
What is sharp = different assetÂ
What is curved = same asset
Battle Scene - Fisher Mancilla - He chose to battle the sillohette
We will do the method that Kyle uses below but not create the render in PSD - we will render and create the finished assets in Flash now Adobe Animate CC in order to learn how to make the art in Animate and how to prep for Symbol based animation.
Humungous Fungus by Kyle Smith (external link) for Kaiju Beat (external link) - An Underbite (external link) Game
Humungous Fungus additional action sequence
See Susan's Demo on Parenting and how to watch for rotation points
This is the preferred method because there are more options for animation.
See the Adboe Demo on Layer Parenting in Animate
After you have created your Rig you can parent your layers.Â
This is a different process than boning.
Parenting allows for squash and stretching while boning in Animate does not.
You can access the file from the demo and replace the assets with assets from your character design, this will give you practice with working in a rig and making sure your assets overlap when they need to move.
Fisher Mancilla used this method for his character's fight scene. You can see the editor file here.
The Battle Scene by Fisher Mancilla
This is the one that you will likely need to start.
Animate Draw with Pencil
File Organization and naming conventions in the animate library
How to simplify your points
Your characters must be designed for accessibility: See the Accessibility Design Guide (external link) and only use colors in the Universal Design Safe Color Pallette.
Download the .clr color swatch file and place it in your animate file.