The more I play with the Green Screen app by Do Ink, the more I think of how to use it for layering effects. This app allows you to make silhouettes through a two step process, then layer them onto a photo (or video or live camera feed) and resize it (or spin or turn it) with endless possibilities for curricular applications.
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.
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.
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.
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:
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
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.