I taught an animation workshop today at the Taste of Tech 2017 conference. Below are the lessons we tried to cover and links to the resources. Click on the Thinglink image to go directly there. Thumb through the slideshow for quick tips. Page 1. Page 2.
I was able to attend Kim Darche's session about questioning techniques. To help me remember the great ideas she was sharing, I made this sketchnote.
..and other Individual Rotoscope Animation Ideas
One of the super cool things about Do Ink Animation and Drawing app is that you can pull in photos or videos and draw over them. Drawing over each frame of a video is a technique called Rotoscope Animation. You probably have seen this technique in the famous music video from the 80's A-Ha's Take Me On. I also LOVE this music video and song by Andrew Huang, Every Night I Dream of Dancing, which is a rotoscope collaboration using 30 artists crowdsourced through the internet.
I tried many ways to instruct my students to create rotoscope animations collaboratively, but I've yet to have them create their own...until now. I think I've come up with some ideas that can make this project manageable for very little people.
Plan One: 1 second loops
Tutorial for Rotoscoping in Do Ink app
Plan Two: Color the Loop
Plan Three: Add Rotating Mandalas
I began a new drawing (still in the Do Ink Animation app) and chose a fill and border color, and dragged out a shape to fill the screen. Then I added line or/and shape pattern.
I made two of these patterned mandalas so that I could rotate them behind my rotoscope in opposing directions. The centers won't show much, so I focus the design on the edges.
Plan four: Dancing Sketches
Since the rotoscope animation has a built in transparency (the background is empty and see through) while it remains in the app, you could use this to create some very cool effects. One idea I've been playing with is to layer the rotoscope line drawing animation over a sheet of notebook or sketchbook paper. Since my drawing looks like it was made using a sharpie marker, I try to enhance that illusion by either leaving a marker on the notebook when I take the still image, or write with a sharpie marker alongside the animation. Below is my first rotoscope done this way, "How to Whip."
Did you see the video of the kids showing up at the end? That was an added step using the green screen app by Do Ink. I exported my sketbookbook video and put it in the green screen app and layered on the original green screen video, lined them up with the drawings. The only problem is that GS app limits you to three layers. I needed 4. So I "flattened" the video effect when I had two kids in place by exporting it. Then brought it back in to a new project and finished the third child's effect.
More Advanced ideas: animated sketchnotes
Mini Digital Stories:
My collaborative Rotoscope Projects:
In 2012, my 5th grade students did a collaborative rotoscope animation project with every one of my 100 students drawing over 330 frames of video pieced back together to make the animation shown in the video below. We entered it into the McGraw-Hill STEMie national online contest and won the $5000 second place prize. This money became the seed money for our 1:1 iPad art room. As you can see from the post, the process was very complicated on my end since there wasn't an iPad app (yet) that allowed students to work over video. We filmed a video then ran it through a program (mpeg streamclip) to break it down frame by frame. Students were assigned frames, pulled it into their iPad from the dropbox, drew over it in Brushes app, turned it back into the dropbox with a number that placed it back into the sequence. I pieced it all back together on my computer using a gif maker to turn it into video. They explain below:
This past school year, I tried a different kind of collaborative rotoscope animation with my 5th graders: a rotoscope in a mutoscope (digital art made physical). This time we made 4 small videos (one per class) that would loop nicely into a hand cranked mutoscope kit by Flipbookit.com. These turned out to be very cool. The work again, fell mostly on me. I had to purchase and assemble the kit, prep the video through their online tool, print the images onto labels, and stick them on flip cards. The students each made one frame of the rotoscope, so they finished in one class period. I love the results, but the kit costs over $40, so students don't get to keep their work individually. However, they do have their still image posted on Artsonia with links to their video.
I just returned from my state art education conference in Bloomington-Normal, IL. I had opportunities to mingle with art teachers from across the state, attend presentations on a variety of topics, present on iPad animation ideas, attend award luncheons and gallery receptions, hang out with my D25 colleagues, connect with artists, special presenters, exhibitors, see my student honored for her artwork which was selected for the traveling exhibit, and soak in lots of ideas for how to improve my art program at Dryden.
I learned about a stand alone system called Game Frame that plays pixel art as an animation. I also learned about Glitch Art made from intentionally corrupting an image file by changing it to a .txt file playing with the code then reverting back to .jpg. I went to try this during the Hour of Code week with my 5th graders. I also saw some demonstrations of Aurasma from D211 high school art teachers and visualized some solutions that might work for bringing augmented reality to our Dryden art displays.
I had the opportunity topresent a breakout session at the Illinois Computer Educator Conference today (ICE). It was the first time since 2013 when Wesley Fryer sat in and live blogged my session (see his post here). I found myself extra nervous but some wonderful friends from my PLN came by to support me which boosted my courage. See their picts below. The above image is a sketchnote from three sessions I attended today including Adam Bellow's Keynote, Ben Grey's Spotlight, and Hether Hoffman's poster session. I found that I do a much better job of synthesizing information when I try to communicate it with images.
View our Entry for the What's Your Story
Internet Safety Contest
(Won the 2nd Place Prize)
View this musical tribute to the hard working teachers at Dryden and the students they love to teach.
Tricia Fuglestad, NBCT 07
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.