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
4th graders made profile portraits and will soon start animating a glowing alien using the DoInk Drawing and Animation app on our iPads. They will let the alien interact with the paper in a new and creative mix of digital and physical art. See my full lesson here.
I distributed examples of aliens by Andy Martin to help families brainstorm theirs. We listened to Emily Arrow's music video based on the book Your Alien while we drew.
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!)
I have done a presentation called Creative Digital Projects that turn Stem to STEAM at three conferences over the past couple of years. These 45-50 minute presentations include a bizillion ideas in a media packed keynote file that I have trouble sharing online. However I did create a condensed version of the presentation for the AOE Online Conference last summer. The presentation has been behind a pay wall for one year and can finally come out for public consumption now. The following lessons are shared in the video below. Learn more from my links. Also, see Wes Fryer's review of my live presentation at the Illinois Computer Educator's Conference here.
Not Christina's World Anymore
(art, writing, Photography, technology)
Blog post of resources
Download lesson plan
Tip: Use the Superimpose app to eliminate the green screen. See my tutorial.
The Digital Scream
(art, storytelling, photography, drama, technology)
Blog post of resources
Students' painted examples
Students' digital examples
Spooky Scream video
Download your custom
photo booth-your face in the scream
Tip: Use the Superimpose app to eliminate the green screen. See my tutorial.
Cat in a Hat-ify Yourself
(Reading, Dr. Seuss, graphic design, technology)
Custom Photo Booth Effect to Cat-in-a-Hat-ify yourself
Directions and resources for iPad Bookmarks
Cat-in-a-hat-ified Book Covers
Cat in a Hat-ified Art Project
Students' Cat in a Hat Art on PBS TV
American Gothic Spoof
(storytelling, great depression, juxtapose, spoof)
Interactive American Gothic lesson and tutorial
Blog post with lesson resources
American Gothic Spoof (edited SNL skit)
American Gothic Spoof-o-matic resources
Student American Gothic Spoof examples
Download the American Gothic Custom Photo Booth FX
(writing, graphic design, technology)
Resources for making these on iPads
Students' iPad examples
Student examples made on using photoshop and keynote
6 Words About Me
(writing, poetry, technology)
Blog post with resources
Monochromatic Painting Blog post
Download the 3/4 portrait PPT lesson
Monochromatic Fugleflick (music video to teach concept)
Tech w/ George Washington
Blog post with resources
Even more fun with George and Tech
Facing the facts: history and art
Download my PPT lesson plan
(character education, graphic design, drama)
iPad directions and resources with video tutorial
Keynote directions and resources with video tutorial
Download the art/character education lesson
Eat Your Veggies
(healthy choices, acting, technology, literacy)
Blog post with resources and tutorial video
Eat Your Veggies video
Download my Digital Lima Bean Monster lesson
Download our interactive Lima Bean Monster eBook
Surreal Healthy Choices
(graphic design, healthy choices, surrealism)
Blog post with lesson resources and video
Students' digital spoofs of Son of Man
Students' painted Son of Man portraits
Supplement with Connect a Concept game where students use their social skills and knowledge of art concepts to make connections
(animation, figure drawing, technology, storytelling)
(screenshots from movie)
Class movies of Alien Invasions
Original lesson blog post with resources and tutorial
Download my lesson plan here
Notes from my Rotoscoping project
Our very silent movie
View our (cute) Fugleflick about contour line drawing
That's right. The third graders and I witnessed an alien invasion in the art room! They were everywhere: in the sink, on the scoreboard, running across the floor, jumping off the projector, playing with the green screen, and terrorizing the students as they ran like crazy around the room. We were able to capture it all on video and compile it into one movie. See it here or below.
Okay, it's a hoax. Third graders created the aliens on iPads using DOINK and took a photo of a place in the art room for their running creature to "invade". The process is summed up in this behind the scenes video here or below.
More about this project:
Students have a screenshot of their alien invasion video on Artsonia. View them here.
This project is a revised version of last year's "Aliens Have Landed" series. View more.
We were able to use the updated version of DOINK to add a photo below our alien.
I wrote a grant to receive over 100 copies of this app and a class set of styluses. View.
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.