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.
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.
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.
I attended some wonderful sessions at the Teachers for Tomorrow Conference hosted by the Golden Apple Foundation on Saturday. One session that really inspired me was called Audience Participation in Storytelling by Rives Collins. He demonstrated how to tell a story that encourages the audience to participate with their voice, ideas, body language, and imagination all the while creating an atmosphere of fun, respect, and engagement.
Below is one of the 5 stories he told. I believe it is called, Long Red Fingernails. I did my best to remember it so that I can share this (not so) spooky story with my students. It has lots of repetition that invites the audience to tell the story along with me. I drew this picture on my iPad to help set the spooky tone. I left much to the imagination.
I snapped this photo of Rives Collins after the workshop. He had a wonderful way of dignifying everyone's contributions to his participatory workshop. This made it not only "safe" to volunteer a response to a question or jump into a story, but his reaction to your input made you feel heard, appreciated, and even clever. I want to remember what it felt like to be in the role of student under a teacher who made everyone feel so...so...special? That doesn't really describe it well, but I can't explain it better than that. One of my take aways is to try to be more like Rives: a teacher who makes his students want to participate, engage, and simply try their best.
I have a couple other posts that relate to this one. Click on the spooky landscape to see the lesson my second graders are doing now. I plan on sharing the Long Red Fingernails story with them. Also, click on the theater games link to see some of my adaptations.
There is no way I can keep up with the all the new apps out there. I started downloading suggested apps and left them untested on my iPad. A few of these included Tangled FX, Kamio, Squigglefish, Paper, TouchCast, Tellegami, Adobe Ideas, and 123D Creature. But everyday my PLN introduces me to something else, so I can't keep up. But, here are a few I finally tried and think they are worth investigating for your classroom uses:
Tellagami is so simple that kindergarteners will make movies in 5 minutes.
Now, this movie isn't an app but it's SO worth sharing. It makes me laugh every time:)
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.