Last year my fifth graders made collaborative rotoscope animations that we put into flipbookit.com mutoscopes. It was pretty amazing to see digital art become physical through this fun viewer. See the post with all the how tos here. Below is the display I set up this school year showcasing their flipbookits. I used this display to introduce the concept to my 4th graders.
I want to do a rotoscope movie making lesson with my 4th graders so we tried a collaborative rotoscope as a practice round. Each student was assigned one frame of a video to draw a contour line drawing over. They used the Do Ink drawing app this time since it will be the tool for their real animation. This picture shows them in action.
The animation was uploaded to the flipbookit site to be fitted for their mutoscope.
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.
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.
Relative Size refers to clues in the picture that help you figure out the size of objects.
Playing with relative size forces the viewer to imagine something much bigger or much smaller than seemingly possible.
Below is a drawing of a fireplace mantel. It has a candle and picture frames. You would imagine that the objects are only about 8"-12" high. Now when you place a human on the mantel that confuses the scene. Either the mantel is much bigger than you thought or the human is a small as a mouse.
Below is a drawing of a building in Arlington Heights. You can tell from the size of the sidewalk and umbrella tables compared to the building that it's probably over 10 stories tall. Now when we add a human into the picture as tall as the building it makes you wonder if the building is much smaller or the human is monstrously big.
How did you do that?
The green screen app by Do Ink allows you to layer video over or under an image. You can record in real time using the camera mode or do what I did above. I recorded the student in front of green screen first which allowed them to crop, resize, and find the best placement over their drawing to create the illusion that they are as small as a mouse according to relative size.
To make it look like the human can stand behind the building and in front of the sky we had to import the scene twice. You'll see on my screenshot above that I sandwiched the green screen footage between duplicate images. Then, I erased the background from the top image using the masking tools in the app. Here is what it might have looked like if you were just viewing it alone. I can do this trick in the superimpose app as well and then import it, but it's not necessary since the Green Screen app has all the tools for erasing too.
Playing with relative size resources:
Take a look at this commercial. It's fun to see the inflatable gorilla set loose in the city. Does it's size seem to change when you compare it to the relative size of the objects around it?
This clip from the Disney adaptation of the book, BFG (Big Friendly Giant) makes everyone feel as small as a mouse when you see the world from the point of view of BFG.
A group of 4th graders used their profile drawings and green screen videos of 1st graders to play with relative size. We called this movie, Little Buddies. See this post for more info.
I always love to introduce the primary colors to my kindergarteners at the beginning of the school year, but now that the art room iPads have the Quiver App, it is a magical experience when our crayon color wheels lift off the paper and dance, bubble up, and spin. This year we colored one color wheel together step by step last week and watched the magic happen this week. Then student watched the tumblebook version of the book, The Dot, and created anything they wanted in a blank quiver dot sheet. Perhaps their new drawing made from the primary colors (red, yellow, and blue) would have some secondary colors (purple, orange, and green) when they combine.
How to create this effect directly in app:
Here are the steps for creating this "postcard" effect directly in the Do Ink Green Screen app using their Mask function applied to an image over a video.
Creating the effect using a template:
Creating a template makes the project much easier for young learners or lessons with a time crunch. I made this template in Keynote using instant alpha to erase the center space. I like the template because of the drop shadow I can apply to the postcard shape and hand.
More examples of this technique
This graphic design lesson gives students the chance to combine their digital drawing skills and artist statement into a meme that promotes art education.
Process: #ArtMatters Memes
I've taught artist statement
lessons in a bunch of ways.
Here are some posts to explore if you want to try this idea differently:
Using Cam Wow and PicCollage
Download my artist statement worksheet
The Illinois Art Education Association is now offering free webinars for professional development hours. They're short, interactive, and interesting (hopefully.) Check out the list of upcoming and archived webinars on their site (click button or here) to register.
Make it Then Move it: Mixing Physical and Digital Art
Wednesday, September 20th, 7pm Central
Format of Webinar:
The webinar will be synchronous beginning at 7pm central time. I will be sharing short pre-made videos that explain my content and then coming on your screen chatting with you through my webcam. You can interact by sending questions through the interface. Hopefully you will find it helpful. Feel free to watch the videos ahead of time so you can think of questions you might want to ask.
1. Express Yourself in Expressionism
Students made art physically then entered it digitally through the magic of green screen.
View the post here and my brief video below.
2. MAKE IT then MOVE IT: Animated GIF
Students make artwork, take a digital photo of it, then use Brushes Redux on the iPad to make it into an animated GIF. See my post for details and the brief video below.
3. Make Digital Art Physical: HOLOGRAM
Students make a flipbook style animation on the iPad using Do Ink Animation app then make it "come to life" as a hologram. See my post for details and the brief video below.
The more detailed tutorial is on my post.
4. Rotoscope in a Mutoscope
Students collaboratively turned a video into a rotoscope (digital). These individual drawings were then printed and made into a flipbook mutoscope (physical). View my post for more details and the brief video below.
5. Animated Sketchnotes: Mini Stories
Take the sketchnote concept to the next level by animating them. Combine physical drawings and animations to tell mini stories. View my post for details and the brief video below to hear the secrets of some of my mini digital stories.
6. Haunted Masterpieces
Students can enter paintings as if they were ghosts haunting them using the Green Screen App by Do Ink. This gives students a chance to digitally interact with art, change the meaning, and reflect on the new story as if it hung in a haunted art museum. See my post for details and view my haunted paintings and meanings in the video below.
I use the first day of art class to go over expectations for behavior, emergencies, how to stay safe, how to get along, and my call & response for becoming Mona-ificent. After the business is complete I show the Year in Review Video so students can get a full picture of the art program from K-5, then we play a game. This year we are playing both physical and digital matching games.
Table Matching Games (K-3rd)
I set up small game boards at each of the six art room tables so students can play a quick game with their table-mates of Modern Art Match. It was a great way to make the class period more interactive as students were instructed to take turns finding a match. Each piece represents a piece of modern art. I had them reset the game after a few minutes and rotate to the next table to play the next game board (each was different).
As I was organizing my classroom I found some games I had designed over 10 years ago that were collecting dust. They were simple matching games. One card had a concept and the matching card had the definition. We used these cards for ROUND ONE.
I then went through my art postcards and found a painting that matched the concepts and used those to set up a ROUND TWO. I set up my bulletin board with blank color matching areas and a sign to give us space to pin our matches.
Digital Matching Game
I made this game full of student artwork and student making artwork from last year using the Match the Memory website. It's fun to play on our touch sensitive interactive board. View and play the game here.
2016-17 Year in Review Video
I made this year in review video in Animoto using stills and video clips of students working, animating, creating, exploring, learning, and sharing their artwork.
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?
Student Results: (coming soon)
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.
Our district is embarking on a ONE BOOK ONE SCHOOL event where every student reads (or is read to) the story, A Nest for Celeste by Henry Cole. Here are some ideas I thought of for connecting with the story through art, animation, and character counts.
Below is a handout I created to help students see the shapes in Celeste's form to help you draw. The original illustration by Henry Cole is a value drawing. The pencil strokes become the texture of the fur. He shows highlights and shadows by adding more or less graphite from the pencil. This technique looks more 3-D than just filling in the drawing.
Fly with Lafayette the Osprey
1. Fly using green screen video masked into a still image over a video of clouds
2. Digitally layer in a still photo into the basket and create an animation path in Do Ink.
Be as kind-hearted as an osprey
As Small as a Mouse
Henry Cole wrote and illustrated A Nest for Celeste. He was able to tell us with words and pictures about the characters, setting, and all the elements of the story. See this Fugleflick about the importance of Illustrations.
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.