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.
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.
Did you know that the Keynote software (Apple's presentation tool) on the Mac has a drawing tool?
It is a vector based tool that creates clean and customizable shapes that you can fill with color, gradients, or a photo. Then layer, arrange, flip, add shadows and group these shapes until they've become almost anything you can dream of.
Here are some of the drawings I created using Keynote. I used images of fabrics to fill my shapes. You can download my folder of fabrics here if you want to give this a try. See my tutorial below for some tips and how tos.
Currently the iPad version of keynote is missing some of the tools: the free draw line and fill with a photo. This means you can only draw shapes from pre-made choices and fill with colors. The teddy bear design below would work on the iPad because it is completely made from ovals, circles, and lines.
Now Animate what you Create:
Need a simple tutorial to get you started with keynote animation? Try this one.
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.