how to make your own animation

We like to think of FlipBooKit as a new spin on an old-fashioned display.

If you are planning to start with  a video, plan your video-shoot carefully.
You will be able take that cell-phone video of Cindy kicking her first goal at a soccer match and put it in a FlipBooKit – but it’s up to you to make it look great. Art takes time, planning, a bit of inspiration, and practice.
[box]So if you’d like to create a 24-frame magical experience, here are a few things to consider:

  • How much action will you want to pack into those 24 frames?
  • Is the motion bold or subtle? (bold often works better)
  • Will your scene loop smoothly when it’s cranked continuously?
  • Does the camera position change during the course of the scene?
  • What is in the background of the scene?[/box]

You may want to watch Barb Noren’s tutorial on making your animation
(note: in this demonstration, she uses an older version of the maker tool)

The Steps:

STEP 1: Prepare your Video

Make sure that your video is shot in landscape orientation
(the maker tool will distort a video that is incorrectly shot in portrait orientation).
You can upload a video with extra footage to buffer your main action (5-20 seconds), but there is a 50 Megabyte limit on the upload file size.
The new Maker tool  includes a video editing function that enables you to “trim” your scene to the desired length before making a FlipBooKit template.

STEP 2a: Upload VIDEO Using the Maker Tool

The simplest and quickest way to create a custom FlipBooKit scene is with the VIDEO option of the Maker Tool.

To upload your video, with a computer, drag the video file right over the box that says “UPLOAD VIDEO”  or by clicking that box and using the upload dialogue menu. From that point the tool will guide you.
After the video uploads, the server will process the video and you will see a low-resolution preview of the video with drag-handles labeled “START” and  “END”.

Drag the handles around until you see a video loop that you want.

You have 3 choices at this point:

1. Perfection! If your preview looks great – generate your PDF now.

2.Redo the upload.

3. Download Frames: Some will want their 24 individual numbered-JPG frames back for more editing.
If you are skilled with PhotoShop or you know some image editing tool pretty well, you can try this. The image editing is up to you, but after you are done you can upload your edited frames back into the maker tool to generate your final printable template (see step 2b).

 

STEP 2b: Advanced Maker Tool – Uploading Numbered JPEG Frames

This tool will turn your series of numbered-frames into a printable FlipBooKit PDF label template.
Use the “Upload 24 Frames” tool on the maker page. Just drag 24 correctly-named and sized JPEG images over the gray rectangular upload button and watch the up-loader identify acceptable files, then count off the files that are successfully uploaded.
You will see the frame counter tags change colors to indicate the activity status.
If this upload process stalls, you may need to check your files for correct file-naming and pixel size.

Guide for Numbered Frame Upload

SIZE:
Every frame should be 800 pixels wide x 667 pixels tall
FORMAT: 
JPEG Files only (xxxxxxx01.jpg)
NAMING:
anyNameYouChoose01.jpg
anyNameYouChoose02.jpg

anyNameYouChoose24.jpg

 

STEP 3: Printing Your Labels

Before you print your FlipBooKit labels,DO find the correct printer settings by running a couple test-prints. (or your labels may be a mess and your sheets will be wasted).

A special note to all our non-North American friends, these label sheets are LETTER-Sized. If you live in an area where A4 printing is the standard, and you don’t have Letter-sized paper, don’t panic. You may be able to print a calibration sheet on the backside of one of the label sheets provided. All printers are capable of handling and printing on letter sized paper – but you may be challenged to locate a few practice sheets.

Download the FlipBooKit Printer Calibration Sheet.

All the instructions are included on the sheet, so print it and read the steps carefully. You should have custom flip labels in no time!

Stay tuned – FlipBooKit updates and news are always announced on our facebook page – if you feel it, please like us!

Applying Your Printed Labels

STEP 3: Applying the Labels to the Flip Cards

The FlipBooKit labels are removed from the label sheet and applied to the plastic flip cards in the following manner:

1) Remove the label

2) CAREFULLY, Line the bottom of the label with the bottom of the flip card (match rounded corners to rounded corners and leave a slight space so the white plastic shows (about 1/16″ from the card edge).

3) Next, fold the label around the hanger-side edge and apply the rest of the label as smoothly as possible. If you did it well, there’s an equal space from the label edge on both sides.
Don’t be too concerned if one of your labels is a little off. The animation will still work nicely.

applyinglabels

4) Repeat the process for the remaining cards.

Advanced Manual Techniques

If you plan to convert a digital video file into frames, there are a few techniques.
Just as in the the basic steps, select a short video segment that you think will loop nicely.
“Trim” the video to that short segment and save it as a new video file.
Extracting Frames:
The simplest technique is to use  the FlipBooKit “maker tool” – It does all the conversion for you (if you have a short video that’s ready to go. try it here)

If you would like to work in higher resulutions and you are handy with digital video and graphics tools, you can export your video as frames and carefully select which frames you want. At some point you should crop the frames or video to the correct aspect ratio (4 : 3.34)

There are many options available. We’ve had good luck with PhotoShop, VLC, QuickTime, Shave, and GIMP (to name a few)

Read on to use one of our Photoshop templates for a manually placed flipbook template.

[box]

FlipBooKit Animation Specs:

template2

Layout and Theory:

FlipBooKits are 24-frame “split-card” or “split-flap” style displays.
The plastic flip-cards have two sprockets that act as hangers for each card.
When loaded into a FlipBooKit, each animation frame is divided into a top half and a bottom half made from two separate cards.

Hold a single card in your hand and pretend it’s loaded and going through it’s “flip”.
You’ll see that on one side is a top half of frame “N” and, on the other side the bottom half of frame “N+1”
[/box]

Making FlipBooKit Frames

After frames are created in the correct size and number of frames, the frames are split in half and distributed on a layout.
The layout can be printed onto a US Letter-size shipping label sheet (4″ x 3.33″ labels, 6 label per sheet). Most printer are capable of printing our style of label sheet, but some printers work better than others.

You can make labels with this manual tool for Photoshop users: PhotoShop FlipBooKit template

Manual Tools

We have created two tools that work together to help you create your own animated sequence for a FlipBooKit

PhotoShop artists can use the PhotoShop FlipBooKit template