I'm always looking for ways to showcase student work. Sometimes it's difficult if what we make is in a dynamic media like a video, animation, or gif. It's even more tricky if the art really needs to interacted with for best results. This made me think about illustrating idioms. When you create one of these drawings it naturally turns into a guessing game. You want people to be able to figure out your idiom as they study your artwork. I've been playing with Thinglink as a way to create a guessing game with any kind of art. Happily I learned they support gif animations. So, this app/website would happily showcase this idea. See if you can guess any of my animated or drawn examples. Mouse over the red dot to see the answers. Click here to explore my other Thinglink images.
Here is a Fugleflick collaborative idiom movie made during summer school. Their illustrations are AMAZING. They use voice over to reveal the meaning of their work.
I'm not sure if my coffee images are technically idioms. They may be more of a literal translation of speech.
UPDATE: I just received an email this morning congratulating us for being in the top 20 of this nationwide contest for BIG prizes. Your help with voting this past month put us in the finalist round! Thank you.
Judges will review the top 2o entries and determine in January who will win prizes valued up to $15,000 for their schools. Stay tuned :)
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:
Update: Unfortunately we did not win. Thank you for all your votes of support!
The other project that the book shares is our stop motion green screen animation project where 4th graders animated over their action figure paintings to show Movement over movement. This project also happens to be a finalist in the Houghton Mifflin Harcourt Curious Classroom contest as well.
I was also able to contribute a small example of how using google hangouts can make professional development much more accessible. Here is a recording of my online PD for art teachers via Education Closet. I walk teachers through the steps of making art on their iPads using one free app, Sketchbook Express.
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.
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.
Hypno Bot (another variation)
Pretty much anything can fall, rotate, and shrink away. Here is a 5th grader's robot falling over two layers of images. One layer is a semi-transparent rotating spiral and the other is a geometric patterned design.
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:
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.