Devin’s Workshop: Creating Animations using OpenToonz

In Devin’s workshop, we used an open source program called OpenToonz to create animations that we later made into GIFs.  It was a very good introduction to animating digital drawings using tools like keyframes and wire meshes, which help to automate the process.  I had never done animation this way before, so I appreciated the intro.

Our assignment was to make a simple two minute animation using geometrical shapes.  At the end, students in the class would try to guess what the others had done.  The guessing game was fun; it gave us a moment to look closely at our fellow students’ work.

My animation. Can you guess what it is supposed to be?  Please click on the frame to see the GIF.

The biggest challenge in Devin’s workshop was learning to use a new program on the fly.  I thought for a bit that I wouldn’t be able to do it in the time I had, so I was going to switch from OpenToonz to Photoshop.  But I went through Devin’s documentation in the slideshow and figured out some of what I needed to do.  As I played with drawing a simple rectangle and then creating the wire mesh and armature for it, an idea for what it could be came into my head just from the process of playing.  Then I asked Devin for help to understand how to animate, and I shared my screen with him so he could see what I was struggling with.  Devin was excellent one on one at explaining what I needed to do.

I think this was a very good introductory exercise because it kept the concept simple by sticking to one basic shape and having us figure out something to do with it.  This would be a great introduction to animation using these programs and methods.  I also think it is a good complement to the lesson I taught on making digital flipbooks by drawing.  I think I would start with that lesson, having students draw on paper and animate the drawings, and then move to this lesson.


  1. Your animation worked out really well, I’m wondering if the digital process helped with learning about movement (my hope was that the ability to move keyframes around and the lack of drawing would encourage students to experiment more with movement). I definitely agree that this would be a good follow up lesson to your gif lesson. I really lucked out in regards to the order in which our lessons were to be presented, as I almost certainly would not have had time to cover how to make a gif. For future reference, many gif sites measure the speed of animation in 100ths of a second delays between frames, not fps, so to emulate 24fps you would want a 0.042 second delay between images.