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 was fortunate enough to attend and present at the National Art Education Conference in NYC this pas week. I went to fascinating sessions, networked with some amazing art educators from around the country, and had the chance to share our iPad animation lessons with others through my presentation.
I got through slide 90 of 150 during my presentation of Elementary iPad Animation. I have way too much to share on this topic right now (which I think is pretty exciting). I have been updating
<<<this online flyer>>>
with my lesson ideas here. This handout is pointing back to the numbered lessons from the flyer where you can find "how tos" and resources.
Or download the handout as a PDF here.
I first saw this idea from this Tweet from Mrs. Dweck. The "blinkie" concept is to use pre-made animations that play from youtube (like this one) underneath drawings to bring them to life. I immediately began to think about making this concept more creation-based for both the physical art and digital animation. I began playing with the DoInk Animation and Drawing App to make simple white animations over a black background customized for the art I wanted to create.
Animated Glow below a physical drawing on paper----Animation drawn in DoInk app
The solution I developed is very simple. I dreamt up an idea that blends a physical drawing with a glowing animation. I thought of things that glow like a lightning bug, sparkler, a phone, buttons on a machine, stars in the sky, etc... Then I drew a picture with a blank area for the glowing thing(s). Afterwards, I took out the iPad and used DoInk Animation app's drawing mode to make a white animation over a black background. To make it move I used the flipbook technique where you draw movement one slide at a time. Then in the composition mode I resized the animation and placed it in the portion of the screen that best corresponded with the physical drawing that will overlay the animation.
What is really interesting about this animated glow idea is that it not only combines physical and digital art, it requires an interaction of the two to enjoy it or a documentation of that interaction via video or gif.
Animated Glow set to music
I put the video clips into iMovie, used the white balance filter to remove the yellow tint, and set the small video to a piece of royalty free music from incompetech to tell a story.
The following ideas are so image specific that I photographed the drawing, added it to a bottom layer in DoInk drawing app, and drew over it to make the animation. The photo doesn't export with the animation, so this technique is a easy way to place the glowing animation in the correct locations.
Students will learn to draw their profile and out stretched hand (physically) and make a flipbook style animation of a glowing alien (digitally). Then then will create a video of the alien glowing from the iPad as if it is standing on the person's hand in the drawing.
Drawing the Profile and Hand:
There are a few ways to approach the profile and hand drawing. One is to have students pose for a photo. They would then load the photo to the bottom layer of an iPad drawing app and do a contour line drawing of their portrait. These would then be printed out to use with the animated glow effect. The other idea is to use the handout I made below to help students draw a profile and hand from shapes and observation. This drawing would then be traced in black marker and used for the animated glow.
Tutorial: Animated Glow Alien
Here is a preview of our Animated Glow Lesson using the above animation and finished student profile drawings.
4-1 Class Animations below or here
4-2 Class Animations below or here
4-3 Class Animations below or here
4-4 Class Animations below or here
Resources: book and song
Resources: Drawing aliens
Using the DoInk Animation app to digitally rotate the lego designs not only extends the lesson digitally, it serves as an assessment to determine if the designs are rotationally symmetrical.
Students can add their own photo over the rotating design using a size change to indicate falling. The 2nd tutorial below shows the steps for creating this project. It would also help you just rotate the masked lego design (like above) if you skip adding the figure.
View my interview with Corey Engstrom of Teacher Tech Trials about this project below.
Our Rotational Symmetry Lego Wall
-made completely by second graders using our collaborative method of taking a turn
This is the movie made from students' digital animations of their lego plates.
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 designed a project over the summer for my 3rd graders where we will observe, sketch, draw, decorate, paint, and ultimately animate a carousel horse.
I gathered calendar images as resources and designed a couple handouts to give my artists as many sources to reference for their work as possible. On the first day of the project we watched a brainpop video about horses, saw a slideshow video of carousel horses, then did a practice sketch.
During this lesson we closely looked at a handout I designed to help my students learn to sketch, observe, and add detail to make a carousel horse. You can download it here.
Finished Carousel Animations:
I have two fugleflicks that reinforce some of the concepts we are exploring in this lesson:
Observational drawing and Contour line drawing (called "Drawing from Experience").
Steps for creating the animation are shown in this overview below:
I animated with Kindergarteners for the very first time and recorded each student before green screen to tell the audience how to be kind.
Here is how:
Aliens are a truly magical subject for artmaking. They allow the student artist to be creative in it's design by breaking rules of figure drawing, color, and form while also providing the necessary benefit of forgiveness since an alien doesn't have to be drawn realistically. Here are two ideas that extend an alien drawing digitally incorporating music and animation: Idea one: aliens on instruments & Idea two: alien beatboxing.
Idea one: Aliens on Instruments
I began designing an animation challenge for my students after a large dose of inspiration from the animator, musician, and illustrator, Andy Martin. This project would include aliens, repetitive movement, and instruments. If kids can manage this project we'll finally be able to get the band back together! Seriously, students could each contribute a creature to a group animation movie set to music that demonstrates an understanding of flipbook animation, movement, sound, and creative figure drawing.
To animate an alien playing an instrument I created layers that helped isolate the moving and non-moving parts using the Do Ink Animation and Drawing app.
1. I drew the alien head, body, and legs.
(hint: lock the layer when finished so you don't accidentally change or erase it when animating)
2. I drew the alien's instrument then locked it.
3. I drew the arms that played the instrument, copied the slide, erased, and redrew to show movement.
Performance: Lenny and the Leonids
Listen to my favorite alien band's first hit below composed in garageband, animation in DoInk, and edited in iMovie.
Idea Two: Alien Beatboxing
I designed four more aliens in an attempt to try beatboxing. This idea requires that each alien moves its mouth in some way to match the sound it creates.
I used the DoInk drawing and animation app again to make my alien designs move their "mouths" to express their sound. I kept it very simple so that I could generalize the concept later when I layered the music in. Below is a test run of each flipbook design in composition mode. I had to adjust each alien's flipbook motions so they weren't moving their mouths too fast. Later I learn that this was pretty important for matching the mouth with the sound later. But, this was my first time, so I tried to time it better in the movie editing stage.
Next, I pulled out my laptop version of Garageband and tried to make a sound for each creature while keeping a steady beat. I had lots of trouble blending my sounds, getting the timing right, and figuring out effects. What I ended up doing was putting on headphones, laying down a drum beat as one track (which I later deleted), and matching the beat with my new sound recorded to another track. That helped me keep the beat better. I labeled each track by creature color to help me keep track of what's what when I did my final animation. I tried to match the DoInk composition timeline to the garageband timeline as exactly as I could. Luckily both interfaces allow you to look at fractions of seconds so you can bring in the creature at the same time the audio begins.
Below is each alien animation timed with their beatbox sound. Next, to put it all together into one composition using the DoInk animation, garageband sound track, and iMovie.
Performance: Alien Beatboxing
Below is the Dance my 7 alien friends choregraphed quickly. I was able to capture it using Keynote and iMovie with the song they chose from incompetech.com.
Resources: Video and handouts
Andy Martin and his planet animations are the inspiration for animation challenge. There are twelve planets to explore with different creatures on each. Planet one's aliens make music with their voices as they gather. This idea would be fun to explore as well.
Bonus! Alien Remake of a Fugleflick
I used a guitar playing alien and two of his duplicates to recreate a old fugleflick appropriately called, Deep Space. This fugleflick attempts to explain how to create the illusion of space in a 2D place with foreground, middle ground, background, and overlapping. The song was performed by three 3rd graders many years ago. View their movie here. You'll probably notice the moving lips in this video. I recorded my mouth moving to the words and masked them into the video using the Do Ink Green Screen app. The whole movie was created using both the Do Ink animation app and the Green Screen app. I lined it up with the music from the original song using iMovie. View the results here.
Take the Deep Space Quiz
using edpuzzle (found via NICE MiniCon session by Shannon Schroeder-Thanks!)
Some iPad drawing apps like Procreate and Brushes allow you to record the drawing process as a movie. (Hint: Brushes doesn't allow you to export the file but, you can record the movie as it plays from your iPad through your computer using airserver, quicktime, or reflector apps.) This gives the artist a chance to show the creative process and enhance the viewing experience with music and/or narration for digital storytelling. The following images are scenes from my Snow Flurry Fairy story. Below each image is a process animation where you can hear a snippet of the story as you watch the drawing.
Similar idea: discuss your sketchnotes
I attended a workshop in Washington D.C. on educating students to become innovators. I made sketchnotes in the Brushes app of the ideas shared in our discussions and narrated my notes as the drawing process video plays. When they asked for feedback from the event, I sent them a link to this video.
Similar idea: time lapse video of art-making
Another way to record the drawing process is through time lapse video of a physical drawing. iMotion HD is a free iPad app that I use for time lapse and stop motion animation. These Artist Trading Cards were drawn and captured with time lapse then animated and set to music to help tell the story.
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.
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.