I had the privilege of leading an iPad workshop with art teachers, technology specialists, and administrators using the lessons I've developed for my students at Dryden. I love knowing that the things we are doing in our art room can influence and maybe inspire other young artists and their teachers. I taught from my growing collection of 222+ STEAM art lessons found here. You download my presentation. When you see numbers next to a lesson it refers back to the number in my STEAM art lessons collection where you will find resources, student examples, tutorials, and/or handouts.
First graders are learning the parts of fish as they designed their own. Then they randomly chose a monochromatic color to paint it. Students mixed to make tints and shades to add contrast to their fish. When the paint was dry, students traced the fish and added scales as visual texture. See the GALLERY of finished monochromatic fish here.
Last year my fifth graders made collaborative rotoscope animations that we put into flipbookit.com mutoscopes. It was pretty amazing to see digital art become physical through this fun viewer. See the post with all the how tos here. Below is the display I set up this school year showcasing their flipbookits. I used this display to introduce the concept to my 4th graders.
I want to do a rotoscope movie making lesson with my 4th graders so we tried a collaborative rotoscope as a practice round. Each student was assigned one frame of a video to draw a contour line drawing over. They used the Do Ink drawing app this time since it will be the tool for their real animation. This picture shows them in action.
The animation was uploaded to the flipbookit site to be fitted for their mutoscope.
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.
I'm super excited to have found the Flipbookit in my Twitter feed a month or so ago. The discovery came at a time where I was thinking about how to display our class animations as I was preparing for rotoscope animations lesson with my 5th graders. What a perfect solution. The flipbookit is a DIY kit that creates a retro styled mutoscope, an early motion picture hand cracked flipbook device. This box has a crank that spins a rolodex of cards that you can customize through their online tool printed on labels. It took me 1 hour to put the box together and 1/2 hr to print, stick, and load the art. They are too expensive to have each student make their own, but because of their design, they make for a really simple all class rotoscope collaborative project. I'll try to explain.
The Flipbookit animation is only 24 frames long. That is a pretty short video.
It would be best if the video loops too since the crank allows you to view it over and over again. So, I asked one 5th grader from each of the 4 classes to volunteer to be filmed performing a short dance move that would easily loop. Here they are below.
1. Film a short looping video
I filmed them before green screen and used the Green Screen app by Do Ink to clean up the background so my animators would be undistracted by the background and better able to focus on the dancers when they draw their rotoscope.
2. Prepare the 24 frames of video
3. Preparing the tools to draw
Since the class is going to make one collaborative animation, we need each of the 24 frames of the video to look similar. The size of the image, color of the pen, thickness of the pen, and style of the drawing need to be similar enough that the illusion of movement is created. I set some parameters ahead of time when I created my example. Here is the handout to set up the drawing in the Brushes Redux app.
4. Turn in and rename digital files
----VIEW STUDENT IMAGES HERE----
4.5 (optional) Made an animated gif
I wanted to see how the 24 drawings would look as a digital animation so I loaded them into https://ezgif.com/maker to make an animated gif from the images.
5. Print and load the flipbookit
I followed the online directions for converting the 24 drawings into a pdf that would be printed onto the special sized labels that came with the DIY Flipbookit. I stuck them on the blank cards and loaded them into the rolodex to see the magic of Mutoscope animation from our collaborative rotoscope animation.
Digital animation made physical
Displaying the Mutoscopes:
Every Night I Dream Of Dancing by Andrew Huang is a music video collaboration of thousands of drawings from 30 different artists. The song is fun and the artwork is very inspiring. It has much more color and creativity than this project, but now that we've learned the process, perhaps next time we can take it further.
Drawing from Experience
This lesson requires student to create a CONTOUR LINE DRAWING. Allow the old and wise (and very little from all the years of sharpening) Grandpa Pencil explain more.
Extension: Build a Mutoscope Viewer
Drawing a nesting doll design
Animating the nesting doll
In order to animate the nesting doll I needed to have the image saved on my camera roll of the iPad as a PNG with a transparent background. The Do Ink animation app gives you the option to save the image this way.
I used the Superimpose app to make a top and bottom image of the nesting doll so I could animate it. I used the mask tab and square tool to select and delete the bottom half then save it with "mask as png". Then I hit the "undo" button to restore the image and select and delete the top half and save it the same way.
I've shared before how I learned on accident that you can use the Green Screen app by Do Ink to make video silhouettes. I wrote about it here in my dancing silhouette post and here in my shadow dancing post. Quickly, again, I'll share the process below.
Layering video over image:
Layer and resize any videos:
I wrote a post last year about the cool visual effects my students were inventing while making their movie about Movement. View it for details and inspiration here.
Skip the silhouette step:
I had my 4th graders use video of 1st graders to make this "Little Buddies" video.
Five young animators met with me on Monday after school for one hour to learn to fly. Second grader, Sophie, won the iPad animation party prize offered through the Dryden Fundraising Raffle before spring break. She and 4 friends learned how to turn themselves into fairies that fly across the flower garden using 3 different apps on our art room iPads.
We are the 2nd place winner of the ISTE Technology in Action Video Contest.
See my post for more info.
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,
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.