Introduction: Homemade Scanimation (Real Life GIFs!)

Picture of Homemade Scanimation (Real Life GIFs!)
This instructable covers a simple technique for making short hand-drawn animations that you can play back by hand. You will need:

  • Paper and printer
  • Scissors
  • Laminator or possibly clear tape
  • Window, monitor, or other source of back-lighting.
  • Pen/marker
The way that this works is relatively simple. You have a 'screen' which is composed of vertical black bars with clear spaces between them. The bar width must be some multiple of the clear spaces, which will give you the number of available frames. The idea is that the screen is laid over your drawing, which is composed of vertical lines. The lines visible in the gaps between the bars make up the first frame. The screen is then slid over so that the next set of drawn lines are visible. In this way, you can capture multiple frames in one drawing composed of sets of vertical line segments which are revealed in order by the screen. The wider your bars are, the more frames you can have but also the lower resolution each frame will be since the gaps will be farther apart. This effect relies on your brain's ability to fill in the missing parts of each frame (where the bars are) so if your gaps are too large it will eventually fail. You can how this works most easily in the gif I produced in mspaint with red bars covering a black drawing. Even though the actual drawing has very little information for each frame, your brain fills in the missing pieces and you end up seeing a complete black shape for each one.

Step 1: Create the Screen

Picture of Create the Screen

So you need to produce a set of evenly spaced, black vertical bars with clear windows between them.

The way I did this was by printing out a drawing I made in mspaint with the exact pixel sizes I wanted. The bars were three times the width of the spaces between them, allowing for four frames of animation. I don't think it's the same size as my original, but I've included an mspaint file with the bars and drawing I used for my example gif. It has five frames. Feel free to download it and print it out at whatever scale you'd like to work at. Once you have your bars drawn up, print them out . You will then need to cut gaps between each one. I accomplished this by folding the paper perpendicular to the bars and carefully cutting between the bars with scissors. You can still see the fold if you look carefully at my completed screen.

You should now have a delicate paper screen with loose black vertical strips. To keep everything in place, you'll want to laminate them flat. If you don't have access to lamination, you could probably also just use some clear packing tape and apply that very carefully to keep all of the pieces where they need to be.

Trim the excess paper and make sure that the bottom edge of the screen is perpendicular to the bars. This will be important for playback later.

Step 2: Draw Your Frames

Picture of Draw Your Frames

Make a pencil outline of each frame you want on a sheet of paper, superimposed. They will appear exactly where you draw them, one at a time. Keep in mind the number of frames you want, and if you'd like a smooth loop make sure that the size of one cycle is evenly divided among your frames (assuming you want a constant speed). You can see here that I've made a rotating cube, and divided one cycle (a 90 degree rotation) into four frames. At this point, each corner has moved to the next corner's position and the animation loops.

You can use some kind of back-lighting to find out which parts of these frames need to be darkened. Fold part of the bottom of the paper with your drawings up and back so that you can nestle the screen behind your drawing surface while ensuring that it is at a consistent angle with respect to it. Starting with the first frame, completely fill in the gaps (and ONLY the gaps) that fall within your drawing. Be careful not to draw over the bars, as any markings made there will show up in other frames. Once you're done, carefully slide the screen over until the lines for your first frame are just covered by the edge of the bars. Now draw in the lines for the next frame. Rinse and repeat until all frames are completed. The lines for your last frame should be butted up against the lines for the first one, allowing a smooth loop.

Step 3: Animate!

Picture of Animate!

You're done! All you need to do is flip that bottom fold on your animation sheet so that it's in front. This allows you to sit the screen in it, square it against that crease, and slowly slide it across the drawing. If your angle is right and you're going at a good speed, you should see your animation come to life!

Comments

vahidshahahvar (author)2015-08-09

This is an android application about Scanimation:
https://cafebazaar.ir/app/ir.rahyab.scanimation/?l=fa

poofrabbit (author)2013-09-22

This is pretty neat, any chance you would up load your file that you created in paint so we can download it?

thegnome54 (author)poofrabbit2013-09-22

Thanks! I've added a photo like that to step 1, which you should be able to download and print out for use. Let me know if that doesn't work, I'm not sure how else to create an 'attachment' file on here.

poofrabbit (author)thegnome542013-09-22

When you go to upload pictures to an instructable, you can upload files as well. Like PDFS. :) It's been a while since I'd added one to mine but I'm 90% sure that's right. lol I missed the pic on the first step I'll give this a whirl, I find it fascinating! :) Nice work!

About This Instructable

23,866views

22favorites

License:

More by thegnome54:Homemade Scanimation (Real Life GIFs!)Juggling Ball Storage RackInitials Shadow Block
Add instructable to: