Home »Tutorials »Flash Tutorials »Hand-Drawn Animation in Flash

Hand-Drawn Animation in Flash

Hand-Drawn Animation in Flash

Hand-Drawn Animation in Flash

Audio: aac, 44100 Hz, 1 channels, s16, 127 kb/s | Video: h264, yuv420p, 1280×720, 259 kb/s, 15,00 fps


  • Looking for a richer, more dynamic look for your Flash-based animation? Hand-drawn animation is an alternative to a strict symbol-based technique, which combines the looseness of line drawing with the efficiency of Flash features like tweening. Dermot O’ Connor introduces this technique, starting with how to create thumbnails and pose tests, refine your timing, and lock down keyframes. He shows how to add breakdown drawings to smooth out the animation and add the in-betweens that complete the “traditional” look and feel. The final chapters are dedicated to cleanup and a couple of hybrid approaches: one using hand-drawn in-between frames to transition a difficult character turn in Flash, and the other taking advantage of Timewarp effect in After Effects to retime an animation.


  • Introduction
    • Welcome
    • Using the exercise files
    • What you should know before watching this course
  • 1. Flash Setup
    • Recognizing the Flash style
    • Customizing Flash for a hand-drawn workflow
  • 2. Planning the Scene
    • Creating thumbnails
    • Creating rough keys and pose tests
    • Plotting head arcs
    • Fixing timing charts
    • Plotting arm arcs
  • 3. Animating the Scene
    • Creating tie-downs of the keys
    • Adding the secondary keys
    • Challenge: Clean up the final keyframe
    • Solution: Clean up the final keyframe
    • Symbolizing body parts
    • Setting up the light table
    • Creating loose breakdowns
    • Cutting or adding frames
  • 4. Drawing the In-Betweens
    • Tying down the breakdown drawings
    • Using the shift-and-trace trick to control volumes
    • Creating the in-betweens
    • Adding a final breakdown
  • 5. Coloring and Final Touches
    • Coloring the character
    • Fine-tuning the colors
    • Retiming the animation
  • 6. Cleanup
    • Demonstrating an acting scene
    • Breaking a frame into a rig
    • Rigging a head and dialog
    • Comparing cleanup styles
    • Cleaning up a keyframe
    • Fixing animation in cleanup
    • Cleaning up the Flash rig
    • Cleaning up the breakdowns
    • Cleaning up the in-betweens
    • Coloring the keys
    • Fine-tuning the scene
    • Comparing line treatments
  • 7. Hybrid Approach
    • Drawing a difficult transition
    • Creating the tie-downs using the hybrid method
    • Retiming with Timewarp in After Effects
  • Conclusion
Previous article
Next article

Stay Connected

- Advertisement -

Follow us at gplus