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.
Step 1: pose
Step 2: import photo and draw
In the Do Ink Drawing and Animation app, touch the + in top right corner and choose "New Drawing". Click on the layers tab (top middle, it has three lines stacked), use the camera icon to import the photo. The photo defaults to the top layer so grab the three lines on right of layer and drag it to the bottom. Touch the empty layer to select it and do your drawing (tracing) first. Then add your extras to transform the photo into a superhero or fairy. In the screenshot above you can see that I took the opacity of the photo layer down to 0% so that it doesn't show. I drew the figure three times and change it slightly in each. I use the + button in the bottom right to make the next frame and redraw over the last with slight changes like blowing hair, cape, and shirt. These changes are seen as a ghost effect from one layer to the next. That can be turned off in the settings if you prefer. I made each of my lines in my drawing connect so that I could use the pour bucket to color everything. I use the Preview button (looks like an arrow head) to see how my animation is looking. It will animate too fast since it is only 3 frames long. That's okay. We can make adjustments to the timing in the next step. If it looks good, choose gallery button top left.
Step 3: layer the flipbook animation
Prepare a background image or animation to make your character "fly" across. I had a castle drawing in my camera roll on my iPad. Again, in Do Ink animation app, I touched the + in top right corner and chose "composition" this time. If you background is a photo bring it in using the camera icon, if it's another Do Ink drawing, bring it with star icon. Then bring in you animated superhero/fairy with the star icon. It will be too big at first. Use a corner handle to rize (do not touch the green dot yet) and place it in a starting position. Take a look at your timeline. It may have defaulted to only 2 seconds long. Touch the diamond and drag out each layer as long as you want. I used 4 seconds above. Before you animate you may want to slow down the flipbook style animation. Touch the gear in the lower right and slide the timing down to half speed (0.5). Now create an animation path by touching and dragging the green dot (see my green line above). Use the play button to preview. If it looks good, touch gallery. This is where you can find the share button by touching the gallery thumbnail and export your animation a as a video. I would create a class video from their short clips like the ones I made for first graders.
Need a tutorial? See my Fugleflip page and follow Draw & Compose tutorials.
Step 4. Turn these into holograms
Now that you have these little flipbook animations, make them into a custom hologram. I wrote up all the steps for creating this effect in this previous post.
Five young animators met with me on Monday after school for one hour to learn to fly. Second grader, Sophie, won the iPad animation party prize offered through the Dryden Fundraising Raffle before spring break. She and 4 friends learned how to turn themselves into fairies that fly across the flower garden using 3 different apps on our art room iPads.
Maggie won the iPad animation party in the Dryden raffle to raise money for ABC/25 Grant Foundation. She and her guests had an app smashing session while we transformed ourselves into flying fairies. See the lesson here. We used the iPad camera, Superimpose App , SketchbookX, DoInk Animation app, and the Google Drive to share our files. View the fairies on Artsonia here.
My 10 Fugleflick Filmmakers are working on animations for their movie project. I loved their idea to turn themselves into fairies (that will eventually be animated in the movie) so much I felt their work deserves a post. Take a look at the steps below.
UPDATE: See Maggie's App Smashing Fairy Fun iPad Animation Party to see the results of this lesson with a group of 4th graders.
We are working on obtaining funds to have 1:1 access to iPads in the art room. We are half way there. Projects like the one you saw above are only available for small groups at this time. Please consider donating to our Edbacker Campaign or our Donor's Choose Project. Voting via Sonic's Limeades for Learning a great way to help! Each donation will receive a copy of our SCAN|VIEW|LEARN Fugleflicks QR Code book ($5 value) to print and enjoy with your students. Learn more about the book here.
I'm very privileged to be on the BETA testing team for the Green Screen app from DOINK. Today I tried forcing an interaction between my pre-recorded green screen footage and the drawn animation layered before a solid color field. Here are the pieces:
The app right now works by pulling in any combination of video, images, or live feed on the three layers available. They are made transparent with the chroma filter.
The drawn animation video is created in the DOINK animation app. To time it to the pre-recorded green screen video, I had to plan the way they interacted ahead of time. I used a screenshot of the video (left) imported into DOINK while composing the fairy animation. then I deleted the photo and replaced it with a solid color field that I would "erase" with the chroma filter in the new app. This took a bit of thinking, but it's certainly is worth it!
As an art teacher who loves to infuse technology, I thought I would add STEAM to this STEM lesson by creating fairy evidence via a drawing/animation app on the iPad.
If you decide to draw your fairy in a drawing app instead of DOINK, you would need to save it as a PNG with a transparent background. There is a very convenient app for this called Superimpose (.99) I have been playing with this app to think of new uses for the other tools and stumbled on this idea. I made a silhouette of my fairy drawing by inverting the masking tool and layering black as a background. That sounds hard, but it was just a few clicks, really. I finished off the image in SketchbookX where I added a phrase ala the old iTunes/iPod ads from apple.
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.