I should explain how I came to the place where I made Darcy and Elizabeth of Pride and Prejudice emerge from the pages of the book. I began by wanting to practice a portrait drawing in Keynote on my iPad. I thought of the 1995 mini series of Pride and Prejudice and searched for a still image of the characters I had loved so much. I drew Elizabeth and Darcy separately based on the photo below using the drawing features in keynote.
This snow globe effect is a fun way to teach transparency, animation, and layering with green screen. Students can add a still image, animation, pre-recorded or live video to their globe. I was inspired by the Green Screen Maker Space Book by Todd Burleson (lesson 6). I downloaded the image suggested and began trying to figure out a way to turn the project into a video with a layer of snow. I go through all the steps in this app smash in the tutorial below or here.
My app smash journey:
Grab my resources and get started:
Download my video below and import it into the top layer of the Green Screen App by Do Ink. Use the mask tool to make the center of the globe semi-transparent (see step 6 above). Then download my white image here. Import this into the bottom layer. Now you're ready to add a still, animation, or live video to the center layer.
Creativity Prompts: (to make this a lesson)
See this post from Terri Eichholz prompting students to consider what it would be like if you lived inside a snowglobe (as seen in the short film, Bumbleville.) See this post too.
After 1st graders finish making their monochromatic fish paintings I have a new idea for them. We will learn to draw shapes into forms, create an interior space, fill it with pattern, and balance it with color using THE GOLDFISH, by Henri Matisse as inspiration. The fishbowl, however, will be empty at first.
Below is a slideshow that leads students through the steps for drawing where they will turn a circle into a fishbowl, make an oval table, design a corner of the room, and use color and pattern in the style of Henri Matisse.
I'm working on a lesson that promotes a love for reading while while giving students a chance to illustrate the idiom "jumping off the pages". Oh, here is how it might go...
Digital Carpet Painting:
Before you can go on a magic carpet ride like Aladdin, you need your digital carpet painting in perspective so that you can view it from the side so you can climb aboard. I added my painting into the superimpose app over a plain color background. I found the tool mode for the foreground layer and chose perspective (the default). The configuration needed could be pulled and stretched by grabbing the handles on the image or you can chose a pre-created configuration at the bottom of the screen. I chose the one all the way on the right. Then, chose the checkmark to apply.
Fly on carpet (using still images)
This simple method will get your students up and flying without animating a background. They could pose as if they are riding their magic carpet paintings, use the superimpose app to layer their photo onto the carpet, and take it for a ride using the Do Ink Animation app over a background photo (like clouds). This would also create a fun still image for students' Artsonia gallery.
Moving Background Video:
One really fun way to extend this lesson into geographic/cultural studies is to have each student draw a landmark that they could fly over: Eiffel Tower, Big Ben, Statue of Liberty, Mt. Rushmore, The Pyramids, Great Wall of China, Stonehenge Grand Canyon, Red Woods, Golden Gate Bridge, Taj Mahal, Hohenzollern Castle, The Leaning Tower of Pisa, etc. See this list of 15o famous landmarks.
Film the Green Screen:
Paper Cut Version:
BACKGROUND: This version of the magic carpet ride lesson includes a paper cut landscape that shows foreground, middle ground, background in paper pieces. These will be animated traveling across the field of view through stop motion animation. It would be a great opportunity for students to show an understanding of foreground, middle ground, and background in the pieces they create and how they animate the scene.
GROUP ANIMATION: I'm thinking that the background animation would be a group project. Each group would work on designing, drawing, cutting, and animating their landmark landscape. Each student would make their own magic carpet video of themselves flying over their group landmark landscape. Therefore, the class compilation video will only have six backgrounds but 24 videos.
MAGIC CARPET MADE FROM PAPER: A digital magic carpet wouldn't look right with a paper cut background. So, they would need to make a paper carpet in perspective. This is a great opportunity to teach students about a vanishing point, converging lines, and how pattern would be small in the back and large in the front (relative size).
Since you are not going to use stop motion for the carpet, I just took a digital picture of the paper drawing and erased the background in the Superimpose app. It needs to be digital for the green screen effect where a student rides the carpet.
Student Results: view the paintings on Artsonia
Finished: Riding over Landmarks
This link takes you to a travel website featuring 150 famous landmarks. Every student can feature a different landmark in the background video/animation. This would make the class video even more exciting as they fly over scenes from around the world.
View this safeshare.TV link of the "Whole New World" scene from Aladdin.
5th graders are going to do an all grade-level collaboration in celebration of International Dot Day. They will contribute an exquisite corpse drawing of either a HEAD, MIDDLE, or LEGS on a cardboard cube. This idea was inspired by the IAEA conference. They had the cubes set up on tables for us all to draw on in pencil. I took some back with me to inspire my students...and it worked. My students were very inspired by them and were begging to try it too. So, I used our amazon gift card from winning a NextVista.org contest to buy the boxes for this year.
See the slideshow video below for creative solutions from artists and illustrators. These examples come from this Kids @ Random lesson. I made them into handouts as well.
Exquisite Corpse Examples by Slidely Slideshow
I made these into a four-page handout to print and put at tables as resources.
When I was at the IAEA conference last year, I was very inspired by this lesson. Not everyone was taking the time to create, so I did three drawings on one side of a stack of boxes. Later, I took this picture and reflected. I like to be different and break the rules when I create art, but would that work during a collaboration?
Examples: Bold, big, patterned, painted
Students Working: (in progress)
Students are done designing their "head", "middle", or "legs" and began their first step of painting. They traced their design in black marker, erased the pencil lines, and painted a solid background color. They had to choose a color that was different than their neighbors. Each started painting from right to left so that the middle line of paint might be dry when the second artist paints next to it. The boxes are laid flat until we are finished painting. I pulled some off the drying rack (below) to get a glimpse of some future combinations. Aren't these fun?
Below is a peek at some of our finished painted heads, middles, and legs. View the whole gallery on Artsonia here.
Digital Exquisite Corpse Collages
Each student will make a digital collage of their piece and two classmates using Pic Collage for Kids. See the gallery here.
Math Problems based on Art
Our 24 boxes with various combinations created these math problems.
View the answers here.
Resource: Monster Mixer Online Game
Here is another online game called switcheroo by crayola that helps you think of creative heads, middles, and legs as well as arms, wings, and whatevers...
CREATING DIGITALLY: Years ago, before we were a 1:1 iPad art room, we used our limited number of iPads to make collaborative exquisite corpse drawings. Here is a link to that lesson and template.
DISPLAYING DIGITALLY: Each square created will be photographed for students' online digital art gallery. These can be added to folders on our dropbox where students can combine a head, middle, and legs of their choices (one being their own) to make a fun digital combination. I used the Superimpose app and its perspective tool to line up the squares on top of a real photo to create this effect.
USING PERSPECTIVE TOOL IN SUPERIMPOSE APP:
First import the template (above) as the background layer then follow these steps. I made the directions into this printable PDF here or view the pages below.
5th graders inspiring us all
During the last week of school we are going to use the fifth graders' art to inspire the rest of the school to try the Exquisite Corpse game using the game sheet below or here.
Here is an idea I'm playing with. I would love for students to write a statement about how they can be kind next to themselves looking as sweet as an angel with flapping animated wings and halo or other symbols of kindness.
Learn about kindness in stories
Prepare your kindness statement
Download this brainstorming handout on front, and reference for wings on back.
1. Students pose angelically before green screen.
2. Import the image into Superimpose App. Use masking tools (magic wand and paint brush) to erase the background. Save using "mask as png" to retain transparency.
3. Using the Do Ink animation app, student can animate the wings and halo using this guide to see some steps for moving the wings.
Students open up a new drawing in Do Ink animation app. They need to make a three frame drawing with the progression above. Then click on the 2nd drawing and copy it (copy and paste are revealed when you click on the double arrows in the bottom right corner). Click on the third drawing and choose "paste". This will put the 2nd drawing after the 3rd drawing to make a 1-2-3-2- progression that loops nicely.
4. Open another drawing in Do Ink animation app and draw a halo. Click + and draw another slightly different. Repeat until you have 3 frames with small changes in each.
5. Now you're ready to put all the pieces together. Open a new composition in Do Ink animation app and begin layering in your pieces. Start from the back to the front: import the wings (use the star button). HINT: DO NOT TOUCH THE GREEN BUTTON ON AN IMAGE YOU IMPORT. Doing so will create an animation path. That is a different effect. Resize by grabbing a handle on the edge, place it where you need it by touching it anywhere else but the green dot, slow down the animation (under the gear tab) to about half the speed. Next bring in the PNG pose from the camera roll (using the camera button). Resize/place. Bring in the halo (using the star) & resize/place/slow down animation. Next, choose the "T" to write your text. Resize/place. Next, pick a background color from the "i" tab at the top. Click the play button to test it out. When you're finished save as a video to your camera roll.
6. Convert the movie to a moving meme in a GIF format by using EZGIF.com
Save the GIF to your camera roll. It can play a GIF in places like Twitter or website.
Follow this process to help students in class each come up with an original idea for being kind in a variety of spaces in the building. If this process works, student will learn from each other and each have a unique statement to add to their moving meme.
Random Acts of Kindness Club (1st graders)
Our kindergarteners share their ideas of how to be kind.
Results: View the art on Artsonia
Teacher's note: We didn't make halos because the wings were more challenging than I expected them to be for my 3rd graders. We all drew the wings in the same direction and then flipped them if we needed to to correspond to their pose.
Moving Memes Movies
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.
Drawing a nesting doll design
Animating the nesting doll
In order to animate the nesting doll I needed to have the image saved on my camera roll of the iPad as a PNG with a transparent background. The Do Ink animation app gives you the option to save the image this way.
I used the Superimpose app to make a top and bottom image of the nesting doll so I could animate it. I used the mask tab and square tool to select and delete the bottom half then save it with "mask as png". Then I hit the "undo" button to restore the image and select and delete the top half and save it the same way.
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.