Here is my animated sketchnote from #ice18 conference day. I don't think it communicates very well to others what I was learning, but it helps me remember what I felt was important from each session I attended.
How I animated my Sketchnote
I presented a session called Animate your Lessons to Dynamically Demonstrate Learning. I shared dozens of ways teachers could use animation techniques with their students to integrate technology, art, and any subject to energize and engage their students. All of my lessons are found at one link that point back to my blog post with how to's, tutorials, resources, and student examples. Explore all 226+ here:
Mouse over the Thinglink images to find the direct links to resources for lessons.
The Do Ink Animation app allows you to save files in their original format, export animations as movies, or create stills from the movies. If you save them in the original format you can only view them by pulling the file into the app. But this also means you can SWAP your animations from one iPad to another so you can layer effects or try this cool trick. What you're seeing below is one animation shared out with two other iPads. I change the animation path on each one and set the timing to make it look like the sprite is flying from one screen to the next.
Swap for storytelling and collaborations
I wanted to see if an app I already had on my iPad, the Green Screen app by Do Ink, could help create a ghostly illusion. I knew that you would have to be able to combine a layer of the environment without a figure under a layer of video from the same exact view of the environment. This layer (the one with the figure) would need to have less opacity (be made semi-transparent) so that it appeared that they were see through.
BUT, the green screen app takes away some of the difficulty of creating two exact videos with and without a figure since you can layer using the magic of green screen over anything and change the opacity with their mask tool. Here is how I was able to achieve the effect. There might be an easier way, but this is pretty simple.
Haunted Masterpieces: using this illusion
Now that I know I can get this effect to work using an app my students already have available to them in the art room, I thought about what content I could teach that would make this illusion necessary. I came up with the idea of Haunted Masterpieces. This would teach, art history, creative writing, storytelling through body language, digital layering, and transparency by having students enter a piece of artwork as a ghost and tell the story of why they are there. This would be a short campfire ghost story that would engage students in a piece of art and its artist.
STEP ONE: Mask out the figure from the artwork (if necessary)
I started with a piece of art, The Scream by Edvard Munch, where I had masked out the figure by matching the colors and textures in a drawing app (see video below or just grab mine here). You might choose a painting with plenty of blank space like an Edward Hopper painting (see my curated collection) or no figures like a landscape or still life. In that case you might choose to skip this step.
STEP TWO: Film the green screen video of the student
Before you film, the student needs to know their story and be prepared use their body language to help tell the story. It might be fun to come prepared in costume or with props. I think a two second clip is all that is necessary. They will write their story and make their haunted video into a looping gif or still image. Filming with audio where the student explains their story would work as well, but each audio clip would need to be short enough that a class video would remain under 3 mins (to keep it engaging). Capturing audio while the student is in front of green screen and backed away from the iPad filming him/her is tricky. You could set up an external iPad mic and have the class completely silent. Or, you can put a lapel mic on the subject if you think you can hide it for the filming. That takes time so classroom management would be more difficult.
STEP THREE: Create the ghostly illusion
The illusion doesn't happen during real-time green screen capture. It happens in post-production. So, students would need to gather their background image and green screen video into their iPad camera roll and open up the Green Screen app by Do Ink. The background image goes on the lowest level. The green screen video goes above it. The app will automatically remove the green but you will need to crop, resize, position the ghost, and mask it to make it semi-transparent to complete the effect.
STEP FOUR: Convert to a gif and caption it with the ghost story
Students can pull up the website EZGIF.com from their iPads and upload the video from their camera roll to convert it to a gif. These can then be displayed on my weebly blog and shared on their online art gallery. They could use the caption tool for the image to tell their story (or use the artist statement section on Artsonia to share in their portfolio.)
Layering into artwork with masking:
The techniques I shared above have the ghost layered over the painting with or without an erased (or masked) element. The easiest and fastest solution to this effect is to find a painting with open space and layer the ghost into it. If you want to explore more advanced approach, you can create an effect where the ghost is layered into the painting as if they are behind elements of the painting. This effect can be created through masking of the original image. All of this can be done in the Green Screen App using their masking tools however, I find it easier to mask images in superimpose app and save them as "mask png" which holds it's transparency in the iPad camera roll. I have a tutorial showing how to use this app this way (see beginning of this video near 2:40).
Now that the background has been erased, the ghost image can be added between these two layers. The green screen app by Do Ink gives you 3 layers to work with:
TOP LAYER: Masked Image (becomes the foreground)
MIDDLE LAYER: The green screen video (looks like it behind the figure in painting)
BOTTOM LAYER: Original painting lined up exactly with the masked image above
Add the frame and museum label
The visual arts national standards emphasize presenting artwork. This lesson could be a fun way to approach the topic by having students CURATE A HAUNTED MUSEUM. After they create their haunted animation, they could frame and label the piece with artist, title, and other information. We could set up a "virtual tour" with their narration presented as a class movie.
Viewing via AR
I picture having the art room set up with prints of masterpieces that people can scan with an AR app to learn of how it was haunted. This story about using AR to view stolen paintings is similar.
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.
(In January a group of 16 fifth graders volunteered their lunch recesses to work on a Fugleflick movie that would teach viewers how to show movement in art. The process included recording an original song, drawing out a storyboard of every scene, dreaming up video effects to help tell their story, all kinds of animation, and lots of layered green screen effects. View this post to see how they did some of their amazing special effects. The group used teamwork to accomplish this movie each finding a way to contribute from prop directors to wrinkle fixers to behind the scenes photographer to audio manager to dropbox uploader to camera person to choreographer. This two minute movie took nearly two months to complete but, perhaps making produced memories and lessons that will last a lifetime. Enjoy the fuglefick! (password:dolphin)
Photobombing is the act of inserting oneself into the field of view of a photograph, often in order to play a practical joke on the photographer [painter for our purposes] or the subjects.
I was playing with the Superimpose app and looking for images to collage when I came across Automat by Edward Hopper. His work is full of open spaces with figures in quiet or isolated poses. Many of his pieces are perfect for practicing digital collages where students can explore overlapping, relative size, middle ground, and adjusting color filters to match the environment. I practiced these images below (click to view them large) with student photos from a previous assignment. The story changes when I added the photo. These would make interesting creative writing prompts as well. Here is my curated collection of images by Edward Hopper that will be perfect for students to photobomb.
Related post: Hopping into Hopper
Click here to this free app from the Metropolitan Art Museum would be a wonderful introductory lesson. It shows manipulated photographs from the days before Photoshop. You can take a quiz, learn why they were manipulated, and browse the collection. Use this link to grab the app.
See this commercial from American Family where hopeful actors photobomb Edward Hopper's NightHawks (owned by the Art Institute of Chicago).
YEAH! We are TWO IPADS CLOSER now to our 1:1 iPad Art Room DREAM thanks to receiving the "Can't Wait to Curate" ABC/25 grant. (View my grant below)
…and YEAH again because we now can have a class set of MINI GREEN SCREEN STUDIOS in the art room with our "Green Screen Storytelling Studio" grant.
We will be purchasing 6 iPevo table top perches and the Green Screen App from DOINK.
This is such exciting news for our art students at Dryden. We LOVE working on iPads and now we will be able to make collaborative green screen movies on our iPads. We are getting closer to reaching our goal of a 1: 1 iPad classroom.
With our two iPads from this grant our total is now 19 and 1/2. We have only a few more days to turn that 1/2 into a whole through our Edbacker.com campaign. Please consider donating! Thanks. Donate here (it's tax deductible).
Animating: We are going to take turns animating a semi-transparent ghost using the DOINK app over the digital version of our finished art. View the gallery of finished art on Artsonia here.
Composing: In preparation for our spooky class animation we experimented with NODE BEAT to make a collaborative spooky song. Listen to it here or below.
Poetry: Our spooky tree was inspired by this SPOOK TREE poem created collaboratively years ago on garageband by 1st graders. Listen to it here or below.
Drama: We also tried some interactive storytelling techniques learned from a Golden Apple Foundation Conference in September lead by Colin Reeves. We all tried telling the story using body language & expressive voices while following along with this recording.
Storytelling with Dynamic Media: A few volunteers tried telling a quick story using our Green Screen app by DOINK about why their spooky landscape was spooky. Take a peek at these four students sharing before their own art below or here.
Our Fugleflick Filmmakers just finished recording an original song about the art concept of illustrations. This was stage one of the movie-making process. Now they will work on creating a storyboard, draw animations on our iPads using DOINK, film before green screen, and edit all their work together in iMovie. Keep checking back to see their progress. It's an adorable song. Listen to their recording below on Audioboo.
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.