Creating Sprite Sheets in Flash for Edge Animate
In this series of tutorials, we'll be creating an animation in Flash and generating a spritesheet for use in Edge Animate. Software required: Flash CC 2014, Edge Animate CC 2014.
What you'll learn
In this series of tutorials, we'll be creating an animation in Flash and generating a spritesheet for use in Edge Animate. We will start by referencing our loose sketches we made of a pterodactyl flying. We'll bring our sketches into Flash and begin using the great drawing tools to create the line work for our animation. We'll then add color to our project using the brush and paint bucket to easily fill unpainted areas. We'll finish by generating a sprite sheet from Flash and then import it into Edge Animate to create a scene we can view on the web. By the end of this tutorial, you'll know how to create your own animations in Flash and what steps you'll take to generate an optimized spritesheet. You'll also know how to easily import a spritesheet into Edge Animate and utilize the EAS data to save time in your workflow. Software required: Flash CC 2014, Edge Animate CC 2014.
Table of contents
- Interpreting Our Loose Sketches 6m
- Drawing the Pterodactyl Body 8m
- Drawing the Front Wing Poses 9m
- Finishing Our Front Wing Poses 8m
- Drawing the Back Wing Poses 9m
- Finishing Our Back Wing Poses 7m
- Adding Color to Our Outlines 9m
- Finishing up the Coloring 10m
- Generating a Sprit Sheet from Flash 9m
- Importing a Sprite Sheet into Edge Animate 8m
- Finishing up Our Scene in Edge Animate 8m