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.
One of the ways I love to integrate technology is by extending physical art creation with a digital element. This idea relies heavily on both physical art and digital manipulation since it begins with drawing and ends with animation. Here are the results below:
The time-lapse: iMotion App
First I practiced my drawing. I had done lots and lots of insect drawings with my 1st graders this school year, so I didn't have to practice long. See this post for drawing resources if you want to try an insect too. I set up the iPad on a tripod and opened up the iMotion app, set it to time-lapse (take a picture every second), and started my drawing.
When I was done I exported the video to the camera roll. It was 7 seconds long.
TIP: It is important to start the video with the blank sheet (no hand) and end with just the image with just the drawing (no hand) to help out your animation steps coming next.
Stills from time-lapse: Green Screen App
You need to capture an image of the blank sheet from before you begin drawing and the final image of just the drawing. (See below). These two images are needed for the next step. There are a few ways to capture these images but my favorite way is by using the Green Screen app by Do Ink. I load in the video, toggle the timeline indicator to the first frame, select "image" and "save" to the camera roll. I do the same for the last image. It's a clean clear image and you can control it very nicely. Taking screenshots might work too.
Clean up the Drawing: Superimpose App
Before you can animate you have to isolate the image by erasing the background and saving it that way in a PNG format. You can do this very easily in the Superimpose App. I pick a color for the background, bring in the drawing for the foreground, then use the magic wand (default) to select the background. If it takes away too much I can draw it back in with the eraser or erase away mistakes with the paintbrush (counter intuitive, I know). Then I touch the house icon, find the share button, and "save mask as PNG". This puts just the foreground image (your drawing) with transparent background into the camera roll as a png. See my image below. Use the beginning of this tutorial to help you.
Make an animation plan and end image:
Since my drawing is an insect, I thought it would fly and land on my finger. So I posed and took a picture that leaves room for the insect to be added back in later. Now with this in my iPad camera roll I have all the elements to begin animating.
Animation: Do Ink Drawing & Animation App
My steps below explain how I put together the animation using the Do Ink Drawing & Animation app in the composition mode. If you rather see a tutorial start at 53 sec mark.
After previewing the animation (using the triangle shaped play button) I saved it to the gallery and shared it as a video to the camera roll. Now, I have a time-lapse video and animation to combine in a movie editing app like iMovie or Pinnacle.
Similar Idea: Make it and Move it
This post maps out ideas for making art projects physically like a paper collage or painting, then making a digital image of them animate. Click the image to see post.
I spent my first day of Spring Break in West Bloomfield, Michigan working with a lovely group of teachers on iPad creation and STEAM ideas for fine arts and technology. All my lesson ideas are on this growing smore flyer. There are over 185 so far so I use a numbering system to refer to them as in my handout for the workshop below:
A little tiny hand written chapter book by second grader Sofia was presented to me (Mrs. Fuglestad) one day in early February. I LOVED it. It was so full of visual imagery and imagination that I thought it would be the perfect story to try to animate with a technique I've seen but never tried, paper cut stop motion. I talked to Sofia and she recruited Lindsay to meet with me during lunch recess to design, color, cut, animate, narrate, and edit this fanciful story. After 6 weeks we are happy to present, Strange Magic below or here.
I set out a set of supplies for each table to create these snowmen in a progression.
Class Movie with all the finished animations:
Resources: Behind the scenes of plasticine rhythm
Other ideas for progression animations:
I was asked to do an iPad workshop for the art teachers of District 47 in Crystal Lake today. I was able to show them a bunch of creative ways to make art with their students digitally to explore concepts differently and demonstrate understanding dynamically. (The numbers on the sheet refer to my 175 STEAM art ideas found here.)
We made monsters dance in the art room during STEAM night at Dryden. We used my Stop Motion Animation lesson and set the videos to music using the Ditty app. Use this link to find my post will all the directions and information on how to do this lesson.
While I was developing this idea I tweeted my plans and copied in @zya (the company that makes the Ditty App). They were so excited about our event that they sent swag for us to raffle off to participants. How cool is that?
Families came to an animation station, followed my instructions to make dancing monsters in iMotionHD then set them to a music video in Ditty. (Both are free apps). They turned in their creations using the dropbox and I played their video on my big screen for all to enjoy. Here are some of the creations families made last night.
I experimented with one group of 4th graders today to try out my green screen stop motion animation monster idea. Now that we have 6 iPad document stands in the art room (thanks to a grant from ABC/25 foundation) we can easily set up animation stations under them. We tried using simple green construction paper and movable monster figurines under the document stand using the iMotion HD app. We moved the figure, took a picture and repeated. After 20 photos students saved a finished 2 second animation at 10 frames per second. We made a ditty (see my ditty post here) and watched the creatures dance over the music video using the green screen app by doInk.
Parents and students are going to give this lesson a try on the evening of May 19th. I modified the lesson so that it's a bit more streamlined now that Ditty allows you to import your own video. we no longer have to have a green screen step to overlay the ditty music/text to our animation. Here are the directions: download this pdf
Stop Motion Animation Collaboration
This technique not only introduced my students to the concept of stop motion animation, it gave them an opportunity to see how effective a collaboration can be. The results are immediate, impressive, and motivating. Students had to be able to follow directions, cooperate, listen, and understand how their part effects the whole.
My fourth graders learned about stop-motion animation this past Spring. To introduce and play with some of the concepts and illusions you can create with this animation technique, I had them animate themselves during class time. We compiled the classes videos into one short mixup and submitted it to the NextVista.org student video contest called Super Thoughts. Our video was chosen as a finalist in this international contest and today we learned that it was selected as a winner! http://www.nextvista.org/tag/contestwinner+thoughts/
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 07
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.