Everything you need to know about
paper motion craft.

PaperAnimationLab is a self-contained, web-based motion graphic production facility that gives all types of creative professionals (digital artists, video producers/editors, and graphic designers) access to the warm, handmade quality of traditional paper-craft techniques. It allows users to convert their daily photo content, business-related graphics/logos, and headline type into stop-motion sequences with a physical feel.

Rather than simply applying standard linear digital transitions, the studio creates authentic physical paper effects such as: natural torn deckled edges, a variety of textured surfaces (newsprint, kraft board, 600 gsm pure cotton, smooth vellum), multi-layered folded paper with three dimensions, curled corners, moving edge lighting, and casting of drop shadows.

The entire rendering process is done directly on the user's computer using HTML5 Canvas with Hardware Acceleration and WebGL Shaders. Because of this, users can edit in real time at 60 Frames Per Second (FPS), scrub through footage in real time, and download edited footage without having to upload the footage to a remote cloud-based rendering queue.

The use of PaperAnimationLab is entirely cost free. There are neither any paid subscription plans, hidden credit card charges, nor trial period limitations. All of the motion effects available in Motion Lab, along with all of the previously configured starting templates, are accessible once you start using the studio.

All exports—high resolution stills (PNG), sequence of transparency images (PNG) used in video editing, animation (GIF) and 60fps WebM/MP4 videos—can be downloaded completely free from watermarks.

You can use your animated files for free on your personal YouTube channel, for commercials that will be shown to customers, as part of a documentary made for television, for videos posted to TikTok and Instagram Reels, for short video ads on social media, and in teaching materials used in schools.

You don't need to sign-up, register with an email address, login, or create a user profile in order to utilize PaperAnimationLab. You will be able to begin working in the studio right away by uploading a picture, configuring your animation options, and downloading your final product after it's complete.

Since all aspects of creating and managing projects are done client-side within the browser session where you are working on the project, we have no need for your identity or payment information to allow you full access to the creative tools.

You can save your work from session to session and on multiple devices by downloading a copy of your .paperlab.json project file and then loading it when you are ready to continue.

PaperAnimationLab, unlike many other generative AI video models which use speculative images based on text prompts (e.g., creating distorted facial features, unusual morphing, or hallucinations) is a physics-based, procedural motion graphics engine.

Your uploaded image of a person (subject), face (portrait), or item (product) will be processed with 100 percent pixel accuracy. The system calculates a series of mathematical folds, three-dimensional corner peels, diffusion of shadows, displacement of paper texture, and step-by-step stop-motion timing around your original visual element.

The deterministic nature of this method provides complete control over the creative process of determining such variables as the amount of soft-shadow effect applied; the duration of the effect; the rhythm of the cycle; the width of borders; and the type of paper used. The result is a reproducible and predictable product that is appropriate for creating branded materials in which it is necessary to preserve the exactness of the original brand elements.

The way PaperAnimationLab is constructed centers around keeping your privacy safe. As such, once you load an image, drawing, or other document into the editor, it will only be processed and decoded within the boundaries of your own computer's or mobile browser's JavaScript memory by utilizing the built-in FileReader API.

Your images, video frames and audio assets are never sent through the internet, saved to a remote database, saved to a third party cloud, or used for AI training. Everything you produce will remain entirely private on your device.

The temporary in-memory canvas buffers are deleted as soon as you close the browser tab or refresh the page. Therefore, PaperAnimationLab can be used safely to display sensitive client assets, unreleased product teasers, confidential legal briefs, and personal family portraits.

The built-in 'Remove Plain Background' feature operates exclusively within the user's browser-based local CPU and GPU canvas memory. This feature analyzes the color and luminosity of the outer edges of the user's uploaded image to determine the background baseline tone.

An edge connected flood-fill and Euclidean color distance algorithm is applied to convert the matching solid or gradient studio backdrops into transparent alpha pixels by sweeping in from the edges, yet protects matching tones contained within the subject.

If you have complex, detailed, and/or scenic photo backgrounds, then we suggest that you create a transparent PNG in an editor of your choice (or other background cutout program), and upload it to our site. This will allow the system to recognize the transparency right away, and it will also automatically trace out the exact outline of your subject based on the paper border.

You can save every project from the studio onto your computer's local hard drive by selecting 'Save project file' (.paperlab.json) within the editor's export menu.

This light-weight json file is used to store all of the components of your composition: selected motion effect, duration, camera angle, paper texture, border width, text copy and your embedded image data uri. This file has all of the information required to recreate the same animation as what you have made.

To continue working on a project, or to work with a teammate, launch the editor in any web browser (on either a computer or mobile device) and select 'Open Project.' This will immediately restore your exact timeline and settings. As the project file resides on your computer, you have total control over it; there is no need for a cloud account.

Yes, you can create a moving transparent overlay in PaperAnimationLab. Depending upon the video editing program that you use, there are two different ways to accomplish this task.

Method 1: PNG Sequence with Alpha Channel (Universal & Best): Export the 'PNG sequence with alpha channel' option. The editor will capture the sequence of images you create and provide a single ZIP file containing each image in the sequence as a 30fps image file with full alpha channel support, and soft drop shadow. You can import this sequence into Premiere Pro, DaVinci Resolve, Final Cut Pro, or After Effects on top of your main footage track.

Method 2: Exporting Transparent WebM Videos: If your browser supports alpha channel video encoding (such as Google Chrome and Microsoft Edge), you will be able to export a WebM video clip that includes native alpha transparency.

Integrating your paper animation into non-linear editing software (NLEs) can be done with ease.

To bring in your PNG sequence from either Premiere Pro or After Effects, go to the top left of the screen and select 'File' then 'Import'. Once you have imported the first frame of your PNG sequence, click on the box next to 'Image Sequence'. Next, change the frame rate of your timeline to 30 frames per second. Finally, drag the clip onto track V2 directly over your B-roll.

In DaVinci Resolve: Right click in the Media Pool, and then select Import. Then choose either your PNG Sequence or Transparent WebM Clip. After selecting the file, drag and drop it onto Video Track 2. The Alpha Channel will automatically render with a smooth semi-transparent drop shadow.

If you cannot use your phone to import image sequences into CapCut or Final Cut Pro, you can still import the image sequence as a video by setting the editor background to 'Chroma Green', exporting the project as an MP4 or WebM file, then importing the resulting video as an Overlay in CapCut and using 'Cutout > Chroma Key' on the green tone. You will need to adjust the intensity of the Chroma Key effect to between 10-15% to create a clean paper outline.

Some of the most popular mobile video editing applications and some older versions of desktop editing software don't have the capability to use a transparent container (like ProRes 4444 or VP9 alpha WebM) for the video. The universal work-around is to export with a chroma green background.

In the PaperAnimationLab editor, go to the Background setting, then select 'Green screen - MP4 / WebM.' Your paper cards and shadows are now displayed on a standard broadcast chroma key green (#00e040) canvas.

You can export as an MP4 or WebM video, import that video into your editing software, then use the Chroma Key effect (i.e. Ultra Key in Premiere Pro, Delta Keyer in DaVinci Resolve, or Chroma Key in CapCut) to sample the green background and make it transparent immediately.

Each export format is optimized for a specific stage of production:

The 'PNG Frame' option will download the currently selected frame from your video at either 720p or 1080p (short-edge) with full alpha channel transparency. This is an ideal method of creating image files for use as blog headers, YouTube video thumbnails, and high-resolution print products.

The 'gold standard' of video compositing is a Transparent PNG Sequence. This sequence includes each individual image in a ZIP file format that has been created at 30 frames per second (fps). Each frame includes alpha transparency, as well as realistic drop shadows.

A 480p quantized animated image file (GIF) can be set to either continuously loop or display a single frame and then remain stationary. This type of image is perfect for use with Substack newsletters, Discord reactions, GitHub READMEs, and Twitter/X posts.

MP4 / WebM Video: High Definition 720p Video Encoded at 24 frames per second (cinematic) or 60 frames per second (fluid movement), with either a solid color background, or a chroma key background. These videos are specifically designed for use on YouTube Shorts, Instagram Reels, and TikTok.

These three flagship effects explore different physical paper behaviors:

Photo Paper Unfold: A white paper package is wrapped around a photo on a card deck. As the animation progresses, the paper unfolds organically like origami with faceted flaps pulling backward and away from the center of the photo. Eventually, the paper clears the frame entirely.

Photo Crumple: Treats your whole photo as a physical sheet of paper that has been printed. The process compresses it into a tight, crumpled three dimensional paper ball made up of many small folds, which then unfolds back into a smooth flat surface with realistic paper crease memory and adjustable settings.

Photo Paper Cut: This type of effect uses a real torn paper magazine border to outline your subject. There are 3D fold-out entrance flaps, gentle continuous stop-motion flutter, paper boil edge vibration, and traveling light gleams.

The PaperAnimationLab provides a complete set of animated editorial journalism based on investigative documentary work and historical research.

Newspaper Search: The camera moves smoothly over realistic-looking multi-column newsprint, focuses on the word(s)/phrase(s) that you selected, blurs the rest of the newspaper columns, and then applies a bright yellow/green/pink 'felt tip marker' sweep to highlight the selected line.

Rapid Document Scanning: This is a fast, automated method of document scanning where the scanner will quickly go through a variety of different sized and formatted newspapers, such as broadsheets, until it finds the phrase you have selected for scanning.

Newspaper Text Cut: Fast editorial cuts showing different newspaper layouts with the same key phrase positioned within a physically cut paper box.

Text Match Cut: Locks in sharp focus one single word or short phrase, while broadsheet designs from different periods in history can be seen changing behind the word/phrase with each edit.

Newspaper Page Turn: Replicates turning a broadsheet newspaper spread with a physical cylindrical curl curvature, fibrous paper textures, and drop shadows created by the binding spine.

The Studio produces simulations of artisanal and historic printing crafts in addition to producing everyday papers:

Letterpress & Hot Foil: Simulates hand crafted 600gsm all cotton paper with an indent from a large mechanical counter die creating a deeply debossed typographic design and the metallic glint of hot stamped foil (Gold, Rose Gold, Holographic, or Blind Deboss) using anisotropic properties.

Royal Wax Seal: Pours melted sealing wax over an illuminated proclamation decree. This is then stamped with a turned-brass die that has been engraved to create a three dimensional embossed heraldic crest or custom monogram.

Architect’s Cyanotype Blueprint: Features a genuine Prussian blue blueprint that has been printed with a millimeter-grid layout, dimension labels, and adjustable amber-colored drafting triangles.

Film Lightbox & Optical Loupe: This is a backlit acrylic film light box used by photographers to view their 35mm negative film strips with an optical loupe, which converts the black and white negative image into a full-color positive image.

Singed Ember Burn: When an old piece of parchment burns up with hot, glowing embers of plasma and drifting ashes to show a secret treasure map or a coded message underneath.

The editor can accept standard image formats used on the internet, such as JPG, PNG and WebP. When creating subject cutouts or stickers, 24-bit/32-bit transparent PNG images are the most effective for creating a clear cut-out edge as the paper's edge will trace along the transparency's edge.

The source image may have a maximum of 10MB file size, and the maximum resolution that can be decoded from the source image is 16 megapixels (e.g., 4000x4000). When a source image exceeds either of these limitations, the editing program will suggest that you adjust the size of the source image prior to importing it into the program.

Convert raw camera files (such as .CR2, .NEF, and .ARW), vector .SVG files, and Apple .HEIC/.HEIF files to high-quality .JPG or .PNG using your operating system’s image viewer or export function prior to bringing those images into the studio.

The use of the native MediaRecorder API of the browser allows for real-time video export of the HTML5 canvas being rendered live, allowing for full hardware acceleration with no delay caused by a remote server.

As such, modern web browsers such as Chrome, Safari, Firefox, and Edge will significantly limit how much CPU and battery are used for JavaScript timers and rendering on the canvas when the user is not actively viewing a page. When you change pages, minimize the browser, or turn off the display (sleep mode) while exporting, the browser will stop the animation.

The exporter will stop capturing video when it detects that background processing has slowed down (throttling) in order to avoid creating incomplete or damaged video files. After restarting the export, make sure to leave the editor tab open and visible in the front of your computer screen until the completion of the progress bar.

The smooth performance of PaperAnimationLab is achieved through an optimization that allows for the animation of only one preview card on gallery pages. By allowing only one active card to be animated at a time, users can scroll through the gallery pages with a consistent 60 FPS (Frames Per Second).

If you are experiencing slow performance with your laptop, tablet, or smartphone while working in the Studio, you may want to try some of these quick performance improvements:

Close browser tabs that take up a lot of memory or processing power (such as those with Figma, complex 3D applications, or video streaming).

Use standard canvas aspect ratios (such as 1:1 and 9:16), as they will need fewer pixel operations than ultra-wide layouts.

If you are using a device that has limited memory to export video, select either 24 fps or 30 fps instead of 60 fps.