Did you know that two of our winning Fugleflicks were in the running for Video of the Year through NextVista.org? Take a moment to enjoy these fun collaboration videos that each teach us something useful about art.
My experimental video featuring Adam the Doodles Man, his dog Rover, and one of my animated robots made in DoInk Animation app was chosen as a finalist in this contest: http://designideas.net/adam/AdamContestEntries/Default.aspx
Please take a second to vote- it's super easy and there is no registration.
The video was edited in the Funimate App with footage from layering stop-motion animation and drawn animation in the DoInk Green Screen app. Learn more about these robot animations here: http://drydenart.weebly.com/fugleblog/animated-robots
Using Procreate App on iPad
Using DoInk Animation App on iPad
I used the Superimpose app to isolate the figure by erasing the background and saving "mask as png". Then, I isolated each "moving part" of the figure the same way. Hint: I erased, saved, then hit undo, and erased it differently, saved, hit undo...to go faster. In DoInk animation app I opened a new composition and brought in all the pieces over the cleaned up background. I moved arms, skirt, head, and legs using keyframes and paths. The movement looks very fluid compared to the jerky animations from a series of still images. Since this ad included musical notes, I made a soundtrack in the garageband app with a royalty free jingle from incompetech.com and voice recording.
Changing my approach
Now that I'm totally into creating 6 second videos for Vine (thanks again for this LOVELY write up about my vines from Ben Rimes) I began thinking about the soundtrack for this movie. Oh, did I forget to mention how to make it into a movie? I create gifs using ezgif.com and then I change the gif into a video using this online converter. The man in the middle looked like he is wearing a lumberjack quilted flannel type jacket so I used the Monty Python Lumberjack song complete with laugh track.
Hybrid of Procreate and DoInk
Another benefit of animating in DoInk is that you can export to video. I did some editing in iMovie afterwards to add music and sound effects before sharing it out on vine.
This animation below is also a hybrid of Procreate and DoInk. I used DoInk to make her scamper on to the page by setting a path in composition mode. The rest of the animation was made from still images created in Procreate sequenced together into a movie.
Dotty and Madge share vintage sewing secrets below. They are examples of the hybrid style where they are animated both with procreate and doInk.
Using Green Screen App
After I created the "Staying alive" animation (which you can view here) I layered it into the hands of this girl painted by Norman Rockwell using the Green Screen app by DoInk. I had to change her a bit too by adding a shadow the size of the animation on her face. The green screen app just added cropping, resizing, and masking tools so I was able to fit the animation to the right size, erase for the fingers to overlap, and crop any excess.
Below is a triptych. I created the sewing table with objects and still images of the original vintage sewing patterns using superimpose app. I was able to mask out objects and add slight drop shadows. Then I imported the image into the Green Screen App by DoInk and matched the animation videos over each of the sewing patterns with resizing & cropping. I timed the movie to play one animation after the other (18 seconds long). Green Screen app keeps original audio of my clips so this looked hard, but was so easy.
The animation below has two scenes. The first one is a man jumping into a car ad and driving off. The images were isolated in Superimpose app, the background was cleaned up in Procreate, and the animation was composed in DoInk Animation app. Then I had the car drive (with DoInk) in front of three vignettes designed in Superimpose app. This was layered into the Green Screen app by DoInk where I added three little animations. The app only has three layers so I exported after layering two animations into the scene then imported it again and layered the third.
My other DoInk Animation lesson ideas:
The robot above was inspired by my little neighbor's robot t-shirt. We talked about the moving parts in the design and what should flash, light up, and spin. It was a challenge that I couldn't wait to try. He said the eyes should move and lights on the belly light up, the lever should go up and down, and electricity should come out of his head. I added some gears that turn, a moving gage, animated teeth, and growing/flashing lights.
This video was made by combining stop motion animation of wire figures and drawn animation created in DoInk animation app. I layered both together in the DoInk Green Screen app and put FXs on the footage using Funimate App.
Anagrams take the letters of a word or phrase and rearrange them into new words. I wanted to play with this idea digitally. I started with an anagram I learned long ago made from the word LISTEN. It can become SILENT. Since I'm a visual and concrete thinker (much like my students), I wanted to SEE the way the letters rearrange. So I used DoInk Animation App to drop in the letters of LISTEN, set a keyframe, and scoot them into the word SILENT. It was pretty simple once I figured out how to harness the power of a keyframe. I imagined playing this as a gif on my projected screen at school for my students when I want them to focus. It's kinda hypnotizing. So I uploaded the .mov file from DoInk to ezgif.com. The gif runs as a continuous loop while playing in a browser.
Then I started thinking of how I could have students make anagrams. Not every attempt, I found, results in something as clever as the example above. However the process of troubleshooting, rearranging letters to form new words, considering the meaning, and trying to figure out what to do with the left over letters was a wonderful exercise in creative problem-solving. Here are a few I created as examples for my students:
Here is a tutorial to help you and your students get started:
This lesson was definitely rewarding for my students though it did require doing the same drawing twice as they spun the paper and repeated their ideas. They painted with tempera paints and metallics then outlined in black and metallic markers. When they were finished I photographed and printed their paintings small enough to look like a real playing card. Though the lesson teaches symmetry, it is really a test of observational drawing skills. These 5th graders really wowed me with their skill & attention to detail.
I printed out symbols for students to apply to their cards after the art was painted, trimmed, and glued to a piece of tag board.
I put the whole lesson with resources and print outs together in one ppt that you can download from TpT here.
The DoInk animation app allows for many many different techniques that can reinforce rotational symmetry. Here is an idea for creating an animated rotationally symmetrical playing card. The animation is created over (blank) photo downloaded from photofunia.
Long ago I came up with a project called iExpress where students pose in a way that expresses themselves, create a silhouette, and add an iWord much like the old iPod/iTunes ads. This project can be reproduced in many different ways on the mac using Photoshop or Keynote or on the iPad using superimpose and Sketchbook Express. I have all three ways explained in this post.
I revised the project today to add a new twist. Instead of the final product being only static images, the lesson can be extended using the animation tools in Keynote.
Students could be challenged to create a pose that lends itself to a movement and then animate that movement using the options for actions, effects, or animations within the app. This can be done on both the Mac and iPad.
Click here to download my keynote to explore my transitions and animation choices
Explore this other keynote animation project too (includes tutorial): http://drydenart.weebly.com/fugleblog/flying-fifth-graders1
The Green Screen App by DoInk is very versatile. I love to think of new ways to use it besides overlaying video captured before green screen. If you create PNGs (images with transparent or empty sections) you can put live video, pre-recorded video, or animations behind the PNG. There are SO many possibilities for creating interactive art and images this way. The Crown Fountain is a perfect subject for creating an interactive image since it was designed to be an interactive public sculpture/fountain in Chicago. They feature video of close up and cropped faces. Below you can see how easy it is to layer the PNG I created on the top line of the app and use the camera pointed towards yourself to record your face. The app captures audio as well. What would you say to all those that pass by if you were on the crown fountain?
HINT: I made the template by masking out the fountain in Superimpose App and saved using "mask as PNG". Then I moved the PNG to Keynote where I added a photo of a brick wall with a black and white filter behind the opening. Then I set the transparency of the bricks to 30% so it would be see-through enough to give a similar effect as found in the original photo. Then I grouped the images, copied to the clipboard, and imported it back into superimpose app using "clipboard" import where I could save it all again now with the brick overlay with "mask as PNG." (crazy? I know!) But, you don't have to bother. You can download my template here.
I started thinking about students interacting with The Giving Tree by Shel Silverstein. The book encourages you reflect on giving, receiving, and making others happy. The challenge would be to have students use their acting and storytelling skills to pose for a photo as if they were interacting with the tree in place of the little boy. Then they would use a drawing app on the iPad with layers (like sketchbookX) to draw over their photo while matching the limited color palette from the book cover for their image (red, dark green, white, black Tip: use the eye dropper tool to grab exact colors from he book cover), resize and place their drawing in a convincing way. Then, re-write the story while reflecting on good character.
Lesson Extension: Animated Book Cover
Since SketchbookX allows you to keep the drawing on a layer over the book cover, you can save it separate from the design, run it through the superimpose app to give it a transparent background, and use it along with my isolated apple (above) and the empty book design template (above) to create an animation in the DoInk Animation app. If that doesn't make any sense, try watching the tutorial for the animated bobblehead project. It has many of the same steps.
View this post with an art making lesson idea, music, and video of students creating. Below is the video of the book I made long ago. It looks different from the original book because I scanned and I colored every page.
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.