I wrote about this lesson and every step involved in this post.
I've spent months playing with augmented reality in preparation for bringing into my classroom. My 5th graders were my first students to go through the steps I had envisioned of making art, making the art move through animation, then witnessing the art come alive with augmented reality as they scan the art and see the animation.
I wrote about this lesson and every step involved in this post.
I just started playing with the apps that I learned about during ISTE18 in Chicago. One that I'm really drawn to is an updated version of an old Apple app, Keynote. As of spring I learned from @karlyb that keynote had added a drawing feature to their iPad app. As I was searching this topic on twitter I found Mrs. Kellenberger's twitter feed showing student drawings like this one made using Keynote. She shared her tutorial that she made for her students (below) demonstrating a contour line drawing over a photo.
Third graders turned shapes (circle, triangle, and rectangle) into forms (sphere, cone, and cylinder). Then made these forms look like vessels used for scientific experiments (florence flask, erlenmeyer flask, and beaker).
Student Gallery on Artsonia
Fugleflick Resources for art concepts:
Our Fugleflick, Deep Space, contains forms with foreground, middle ground, and background with overlapping,
Our Fugleflick, Bye Bye Road, is a fun sing along to a Beatles' tune about things to look for in an image that shows depth including a vanishing point, converging lines, and relative sizes.
Our Fugleflick, Complementary in Every Way, introduces the color wheel including primary, secondary, and complementary colors.
Digital extension: Animating Bubbles
Students will animate bubbles coming from the scientists' vessels .
Tutorial: How to animate the bubbles
Finished Animations: all in one movie
Kindergarten had a chance to do their first animation in art class today by making a glowing heart Valentine. I have a post about this animation lesson from last year here.
We used a simple flipbook animation technique in the Do Ink animation and drawing app. Here is a super quick tutorial so you can see the process. The finished animation glows through the paper that we lay over the iPad screen. This animated glow technique was developed last year when the 4th graders made their aliens glow. View that post.
Kindergarten had 30 minutes from start to finish. It's amazing that they could learn a new app, new technique, and animate for the first time in one class period.
This animation style wasn't completely new to my 5th graders since they were the ones who made the Animated Glow project last year. We took this idea to the next level and layered it over a photo of themselves, exported the movie and converted it to an animated GIF using ezgif.com
4th graders gave this technique a try. They were pretty comfortable with this lesson since they had already done a multi-frame rotoscope animation.
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.
..and other Individual Rotoscope Animation Ideas
One of the super cool things about Do Ink Animation and Drawing app is that you can pull in photos or videos and draw over them. Drawing over each frame of a video is a technique called Rotoscope Animation. You probably have seen this technique in the famous music video from the 80's A-Ha's Take Me On. I also LOVE this music video and song by Andrew Huang, Every Night I Dream of Dancing, which is a rotoscope collaboration using 30 artists crowdsourced through the internet.
I tried many ways to instruct my students to create rotoscope animations collaboratively, but I've yet to have them create their own...until now. I think I've come up with some ideas that can make this project manageable for very little people.
Explore a collection of professional caricatures in this archive from toons magazine.
View my Bobblehead tutorial using:
Student Examples and Work:
View the gallery of finished caricatures on Artsonia here.
View all their Bobblehead Gifs HERE
I received this tweet from an art teacher who tried this lesson with her students. I wanted to include it here to encourage my students to always try your best since you never know how far and wide your work may travel.
Students used a photograph of Chicago to create a contour line drawing of the city skyline. Then they created a new layer and colored it from underneath. See the gallery of cityscapes on Artsonia here.
Flying Movies (Class Collaborations)
Step 4. Combine the LOVE template and the emoji filled heart picture in the Superimpose app using the square size constraints, masking, and blend mode. Watch my tutorial to see how it is done.
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.