<<<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.
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
In this lesson, students would learn to apply a green screen technique using the Green Screen App by DoInk that creates a silhouette, copy it and change the transparency to create a shadow, then layer it over a background.
The lesson would connect dancing, music, and visual art while teaching about shadows, transparency, silhouette, complementary colors, digital layering, and movement.
Steps for creating this effect:
Create the silhouette: After you load a green screen video, click on the color wheel button and choose a spot on the other side of the color wheel for the chroma key effect. The complementary color (choose red instead of green) makes the subject a silhouette. Adjust the sensitivity bar and choose the crop button to clean up your video. Export the silhouette video to the camera roll by choosing "save" while "video" is selected.
Build your project: Bottom layer-chose image-upload the stage from camera roll Middle layer: choose video-upload the silhouette video. The green will automatically go away. Resize and position by pinching the video with two fingers. Click on video and choose "copy" from menu at bottom Top Layer: touch the layer and choose paste. Go back to the second layer, touch it to select it. Under the color wheel button, slide the sensitivity button until it becomes transparent and looks like a shadow. Audio: I would remove audio from this video and add it back later when the whole class video is made in iMovie.
Below is a Fugleflick about visual literacy created completely in shadows by students.
Below is a performance by an Hungarian Shadow Theater Group on Britian's Got Talent show. (Get your kleenex ready.)
This Fugleflick introduces the concept of complementary colors which is part of this digital art making experience.
This Fugleflick introduces the concept of transparent and opaque which is needed to understand shadows in this digital lesson.
Or look at the still image version of the dancing silhouette called iExpress.
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 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.)
When I first started teaching I would do an introductory lesson with my kindergartners that involved mixing the primary colors and symmetry by squirting paint on paper, folding it, and turning it into a butterfly. See how this is done from Theresa Gillespie's post here. She calls the lesson an oldie but a goodie and I agree. My interest in this lesson revived after running across a photo collage image in a Shutterfly ad (on right below). I started to rethink this lesson. Here are my new plans for two ways of creating this lesson.
Digital art and photo collage:
Physical art and photo collage:
See this post of Kindergarten butterflies
P.S. If you include the whole body in the photo then these images can be used for a flying animation.
Video tutorial showing how to layer images in Superimpose app
Video tutorial showing how to use the symmetry function in Sketchbook express
I explored an alternate way of creating these butterflies by using bilateral symmetry in Amaziograph app and adding a silhouette using superimpose app. I have a tutorial for silhouettes in this post: http://drydenart.weebly.com/fugleblog/silhouettes-with-superimpose-app
4th graders finished their Son of Man Spoof inspired by the Surrealistic painting by Rene Magritte. View the original here. The portrait painting is missing some important features...like eyes, nose, and mouth. Our apple, blended with tints and shades covers over the face but slightly hovers so you can peek underneath to see our surreal secret.
Remember those iTunes + iPod Ads?
First, I loaded a green screen video into DoInk Green Screen App. I cropped and resized it to make sure only the figure and green screen showed in the viewfinder. Here is what it looked like before I applied the chroma filters.
When you enable the Chroma filter the green disappears by default. I moved the color dial over to red (the complementary color of green) and adjusted the sensitivity level until I found the sweet spot where the figure became a silhouette.
I exported this clip as a movie to make sure this effect is retained. Here it is below.
Then, I put the video with the new effect back into the Green Screen app and applied the default chroma filter effect which removed the green but kept the black silhouette. I added an image of a color below s that I could see silhouette.
This is the clip of created from above. The next step is to make decisions about the background and the figure's placement to create your video.
I wanted to try to recreate the iPod/iTunes ad with "iWords" in white over a solid color field. So, I used Phonto to make these three images to play behind my silhouette video.
As I was playing with this dancing silhouette effect I found myself wanting to combine them with words and music. A very simple way to achieve this was by using the Ditty App (see this previous post about ditty) to make a musical video from the words I typed. The movie exports as a square. So, I used one of the video layers in the green screen app to add a color so I can scoot the Ditty to one side of the viewing stage. This allowed me to add the dancing silhouettes on the top layer. I played with the sensitivity level until they became semi-transparent so that they can overlap the words without blocking them out.
Here is the video I created over a ditty with two layers of dancing silhouettes. Both layers have some level of transparency so they can overlap the words.
I have been doing a graphic design lesson inspired by the iTunes and iPod ads since 2007. I wrote about this lesson for School Arts Magazine and created tutorials for creating these effects for using the Mac Desktop app Keynote and the iPad using Superimpose. View this post.
Also I've posted a couple lesson ideas using the Ditty app. One was about adding green screen stop motion animation over a ditty.
See that post here.
The other lesson idea included using drawn or composed animation over a musical ditty. See my post about this here.
I bought the book, Go Away Big Green Monster, used on Amazon thinking it would be perfect for a construction paper collage lesson. When it arrived it was all ripped up. I couldn't really read it to my students. So, I decided to use it as an inspiration for our own version of the story that would lead perfectly into our collage lesson. I made it out of shapes in Keynote and animated it slide by slide. I let the students come up and touch the interactive whiteboard to take us to the next digital page of the story. I set it to music to add a bit more suspense. Below is a recording of what our book looks like. It's much more fun when the kids participate. So, here is the keynote file for you to give it a try. When the lesson was complete we created a word bank of colors and shapes and filled out a monster display form. This helped reinforce some of the concepts we explored.
I put the powerpoint lesson with instructions and resources built in to lead you and your students through the steps needed to create a colorful construction paper monster collage that reinforces shapes, symmetry, and color balance on TpT. The lesson is based on the book by Ed Emberley, Go Away Big Green Monster. I created an animated version of his story to introduce this lesson (see above). This project was perfect for my first graders but would probably work anywhere between pre-K and 2nd grades.
Digital Lesson Extensions:
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.