I was honored with the opportunity to present my elementary art animation ideas for extending the learning digitally and expanding the curriculum via digital animation at the 77th Annual Kutztown University Art Conference in Pennsylvania.
Here is a quick sampling of my animation lessons and ideas that would help students demonstrate understanding of art concepts in a dynamic, motivating, and powerful way.
Thank you to the conference organizers, Peg Speirs and Nicole Romanski, who wrote a grant as part of the Kutztown Sesquicentennial Events to have me do a workshop with their pre-service art education majors as well as present to the conference attendees comprised of local art educators. Here is the calendar of events (It's so cool to be featured here). Learn more about the conference here.
I made a video of one of our most innovative class projects and entered it into the Houghton Mifflin Harcourt Curious Classroom Contest. We are hoping to win prizes for our school and you can help by voting daily from now until November 30th. The top 20 videos will then be judged by a panel to determine who wins prizes valued up to $15K. Here is more info from my original post of our Green Screen Stop Motion Station animation project where students demonstrated movement over their art. This project was funded by a grant received through ABC/25 foundation.
To sign up for a simple text or email notification daily with a link to the voting page please join my REMIND group here:
The animation begins by drawing to objects in the DoInk Animation App.
Both objects need to be a complementary color pairs (red/green), (purple/yellow), (orange/blue)
1. The first object is a circle with lines that converge at the center. I used a spiral, but the lines could also radiate out/in with straight, jagged, curving, bumpy, (whatever) lines.
2. The second object is a figure drawing in the style of Keith Haring. This figure is a solid color with a shape pattern in the complement. I used circles but you can use squares, diamonds, hearts, ovals, flowers, leaves, (whatever) shapes.
The two objects are then layered in the composition mode of the DoInk app. I stretched them both out to 6 seconds and set opposite direction rotations on each.
Then I altered the size of the figure so that it began full size and ended almost so tiny that it disappeared.
The lesson is designed to help students see that complementary colors are extra vibrant in your eyes. The rotation of the lines as they converge into the center create an optical illusion that adds depth to the image. The shrinking of the figure creates the illusion of depth as if he/she is falling. Below is my vine video:
Variation of the idea:
This was my first attempt at this animation idea. In this animation I used the Kaleido Free app to draw lines converging to the center. The app allows you to save your drawing as a movie. To layer the figure and the movie I used the Green Screen App by DoInk.
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.
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.