"It came without ribbons. It came without tags. It came without packages, boxes or bags. And he puzzled and puzzled 'till his puzzler was sore. Then the Grinch thought of something he hadn't before." ~ How the Grinch Stole Christmas by Dr. Seuss
Our ABC/25 grant for Flipbookits is going to help our school population understand how students are exploring transdigital art production. This means that they are seamlessly moving from physical to digital art making in our art room. Our hallways are full of physical art on display, but the many digital projects that extend their learning in most of the projects is not on display UNTIL NOW. Each Flipbookit represents a digital project. They are a short physical peek at a digital lesson that can be viewed online.
Learn about our Transdigital art room
Learn more about the transdigital lessons shown above:
1. Penguins 2. Magic Carpet Ride 3. Patriotic Lip Sync
4. Bedroom at Arl(lington Heights) 5. Movement 6. Try Your Best
This movie will give you a five minute tour of 20 transdigital lessons. View the post here.
QR Code for Framed Art in School
QR Codes for Framed Art at Admin
HP Reveal AR Transdigital Book
Each image in the book has a digital animation attached to it through HP Reveal. I show you what this looks like in the following tweets.
This DANCE PARTY was inspired by the Christmas dance party scene in the Peanuts animation where each child is dancing in place on the dance floor in a continuous loop. We can try something similar using the Do Ink Animation app with these steps:
1. Get inspired by Peanut's Dance Party
2. Each student creates one dancer
1. Open up Do Ink Animation app and chose a "new drawing"
2. Choose brush size 5 and black and draw your first pose with closed shapes (so you can pour for coloring later)
3. Click the + in the timeline (bottom right corner) and draw the next pose
4. Repeat until you have 5 poses
5. Use the pour bucked and color each frame with the same color scheme.
6. Click on pose 4 in timeline, chose the double arrows to reveal "copy" & choose it
7. Click on frame 5 (last frame) and click "paste"
8. Click on frame 3, choose "copy". Click on last frame (now frame 6) click "paste"
9. Click on frame 2, choose "copy". Click on last frame (now frame 7) click "paste"
10. Click the play button and see if the animation loops nicely
2. Share the Do Ink Files
One of the cool things about the Do Ink animation app is that you can share your files from one device to another. We used the DropBox in my art room so students would save their animation using "DATA" then choose "Dropbox" and navigate to the Dance Party folder, rename it and save.
Sharing our original Do Ink files means that we and put together a group animation with multiple dancers while retaining all all layering, resizing, and editing functions.
3. Bring the dancers into 1 composition
4. Flipbook designs w/lines & shapes
Students can work in pairs on designing a shape or line design for the background of their party. It's helpful if they choose 16:9 ratio as they create. I would recommend NOT using black in the outlines or anywhere. It will look too busy in the final piece and visually confuse the viewer since the figures are outlined in black.
5. Layer in & fade the background
Alien Music Invasion post full of fun musical creatures
Resource: Learn about line and shape pattern with this fun (and repetitive) fuglelflick, Repeat
Custom Animated Hologram
A year ago I learned about using a smartphone to view holograms. The idea definitely interested me but it needed to be tweaked to work for my art room.
First, I needed the idea to work on iPads since that is what students have access to. Secondly, I wanted my students to be makers, not just consumers, so I needed a way for them to make their own hologram videos in the style of these examples.
Today, I finally got around to working on solving these problems. I looked to an old favorite app Do Ink Animation and Drawing app and remembered how easily you can copy and paste layers, rotate animations, and work over a black background: all things needed for this effect.
I downloaded the template (on left) and traced it onto a piece of transparency, folded it and made a pyramid viewer. Then, I made a video tutorial showing how to make one flipbook style animated ghost became four in a rotationally symmetrical design so that you can view it as a hologram through the pyramid.
Next, I want to see if I can make this effect work with video using the Green Screen app by Do Ink. It will take some more steps because it only allows 3 layers at a time and one of those would have to be the black background. Hmmm...sounds like another post. (Update: look below...)
Other Haunted resources
Other Haunted Art Room Lesson:
If you're looking for a way to use the ghost theme (not hologram idea) I have a post that explains how students can make their semi-transparent ghost animation travel over a photo to look like it is haunting your class room. See this post for all the details.
Other themes for your class holograms:
Custom Video Hologram
with Do Ink Green Screen App
WHOA! I hoped it was possible, and now that I've experimented, I know it is....
Custom Video Holograms!
To make these I used the Green Screen app by Do Ink and went through a few steps.
First: I took green screen video of a student doing a movement that would loop nicely.
Second: I imported it into the top two layers of the green screen app. I made them small (the same size) by pinching and rotated one until it was a reflection. Since I will need the video four times, I exported this video of just two to "flatten" it.
Third: I imported the "flattened" two image video on the bottom level then rotated the other two levels to make the four videos into a radial design.
Fourth: After checking that the images were matched in size and well placed, I exported the video to the camera roll.
Unlike the Do Ink animation app, the Green Screen app doesn't loop videos when you hit play. So, there are a few more steps before you can view the hologram.
Fifth: Export the movie TWICE. The slideshow feature in photos on the iPad doesn't work with only one image or video. You have to have two copies of it.
Sixth: Make an album in photos and select the two copies of your hologram video.
Seventh: Click on the album and choose slideshow, click on the options to make it repeat. I couldn't figure out a way to keep the album name from NOT showing (until JLee wrote solution in the comments below-thanks!). Delete name, add a space. DONE! Put on the viewer and enjoy!
It would be best if the video loops too since the crank allows you to view it over and over again. So, I asked one 5th grader from each of the 4 classes to volunteer to be filmed performing a short dance move that would easily loop. Here they are below.
1. Film a short looping video
2. Prepare the 24 frames of video
The Flipbookit website has an online maker tool that helps you prepare for a rotoscope animation. After you upload the looping video to their site, you can chose the portion you want to use, see a preview, and download the 24 frames of the video. These frames are what your students will draw over to make the rotoscope. If you have 24 students, then they each need to draw only one frame of the animation. We were able to do this in one 45 minute class period while learning the app, tools, and concept.
3. Preparing the tools to draw
4. Turn in and rename digital files
I shared out the flipbookit images through my dropbox. Each student was assigned a number and drew their piece of the animation based on this image. When they were done, they turned back their art into a new folder with the number and their name on the file. It automatically organized by number. I was ready to upload it to the flipbookit maker tool.
----VIEW STUDENT IMAGES HERE----
4.5 (optional) Made an animated gif
5. Print and load the flipbookit
Digital animation made physical
Displaying the Mutoscopes:
Drawing from Experience
This lesson requires student to create a CONTOUR LINE DRAWING. Allow the old and wise (and very little from all the years of sharpening) Grandpa Pencil explain more.
Extension: Build a Mutoscope Viewer
A package arrived the other day in a very cool box. I was heading out to recycle it when it occurred to me that the flip top that opens to a windowed interior may make a cool viewer for my Flipbook (mutoscope). I'm not done painting the inside or customizing my own animation yet, but I thought I'd share what I started here.
I saw a tweet from Amy (above) who's twitter profile says, "Life is a butter dream." She explained that this phrase came from her son's interpretation of the "row, row, row your boat" song. See her sketchbook drawing based on it here.
So, I thought about how fun it would be to make an animation illustration of her phrase. There may be a bunch of steps, but a nice place to begin is using DoInk Animation app to make a flipbook style animation of butter melting. Here is my tutorial that gets you started on the process. You need DOINK loaded on your iPAD and a stylus. I just made up the melting process, but it may help to watch a video showing melting or go to your stove and melt some butter.
Next step is to take this animation and combine it with a photo, another animation, or a drawing that it can interact with. I had a tiny animation from my last post of a head with eyes that looked around. It was already in my gallery on DoInk so you'll see I just pulled it in for the next tutorial. You could pull in a photo (using camera icon) if you save it to your camera roll first.
Now that you've learned about flipbook animation, composition mode, rotoscoping maybe you're ready put all the pieces together into a video or gif that you can share. Make sure you copy me into your tweet (@fuglefun) so I can take a peek.
I put together my interpretation of Amy's butter dream song below.
My other DoInk Animation lesson ideas:
See my post for more info.
Internet Safety Contest
(Won the 2nd Place Prize)
Tricia Fuglestad, NBCT,
is the K-5 art teacher at Dryden Elementary School in Arlington Heights, IL. with a masters in K-12 technology integration. Tricia has been recognized for her innovative teaching in 2010 with the PBS Teachers Innovation Award, won Illinois Art Teacher of the Year in 2011, awarded Teacher of Distinction in 2012 by the Golden Apple Foundation, received Western Region Elementary Art Teacher of the Year 2013, selected to become a Jacobs Educator 2014-15, was presented with the NAEA Art Technology Outstanding Community Service Award in 2016, honored with the ISTE Teacher Educator Network Tech in Action award, 2018, and won an Art Education Leadership Award via Artsonia in 2019. Learn more here.
Allow Us To Illustrate
A Nest For Celeste
Art For Kids Hub
Art History Tile Wall
Artist Of The Week
Artist Trading Cards
Beyond The Art Room
Blah Blah Oops
Book Creator App
Bubble Gum Day
Build A Better Book
Bye Bye Road
Cat In A Hat Ify
Color Mix And Mingle
Compare A Twist
Contour Line Drawing
Crazy Photo Booth
Cultural Arts Fair
Different Is Good
Don't Crush My Dreams
Dont Crush My Dreams
Doodle 4 Google
Do The Dryden Dos
Drawing From Experience
Eat Your Veggies
Elements Of Art
Face On Stamp
Family Reading Night
Family Steam Night
Funny Movie Maker
George Washington Carver
Getting To Know
Giraffes Can't Dance
Google Art Project
Hall Of Fame Raffle
Houghton Mifflin Harcourt
How To Draw
I Am Art
Ipads In Art
Ipads In Art
Jumping Off Pages
Lets Be Green
Lima Bean Monster
Long Red Fingernails
Make It Move It
Make Your Mark
Man Of Steel
Martin Luther King Jr
Move It Make It
Natural Child World
No Time To Waste
Olive The Other Reindeer
One Ipad Art Room
Physical And Digital
Pigasso Met Mootisse
Pin The Feature
Point Of View
Principal Of Design
Read Across America
School Library Journal
Screen Test Jr
Show Of Hands
Social Emotional Learning
Son Of Man
Spect Art Acles
Spoof O Matic
Team Screen Test
Tech In Action
Tech News World
Technology In Art
The Color Of Us
The Giving Tree
The Glue Blues
The Mannequin Challenge
The Snow Flurry Fairy
The Teaching Palette
Today Is Art Day
Try Your Best
Visual Art Standards
What Is Art
Wish You Were Here
Year In Review
Young Sloppy Brush
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.