abc T abc
Cel-O-Gram Studio
title="Frame display">
   
?/?
?/?
?/?
?/?
?/?
?/?
?/?
?/?
?/?
Cursor
x,y
Selected
?
Clipboard
Magnify
1x
Background
Flat Type
New Frames:
Nudge
Ink/Paint
Color
Text Position
Onion
0
0
Quick Fade
Frame Zoom
Start/Range/End
Finish
Cancel

Save the current movie using file name:

File download does not appear to be supported on your device/browser. You may still be able to save your movie data to a file using copy/paste.

Save movie

Change settings (title, frame rate, etc.) for the current movie.

Change movie settings ...
Enter new movie title:
Enter a new movie file name:

The filename must start with a letter and contain only: letters, numbers, underscore '_', or dot '.'

Change movie frame rate in frames per second:

Start creating a new movie!

Any unsaved changes to the current movie will be lost.

New Movie

Choose a movie file saved on your device to load into the animation desk.

Any unsaved changes to the current movie will be lost.

Load the sample demo movie into the animation desk.

Any unsaved changes to the current movie will be lost.

Open demo movie

Create a new background by copying one of the existing backgrounds.

Copy Background ...

Delete a background not used in any frames in the current movie.

Delete Background ...

Choose which background to assign for use with selected frame(s).

Assign Background ...

Import one of the built-in backgrounds to use in the current movie.

Import Built-In Background ...

Import a background from one of your local saved movies to use in the current movie.

Re-arrange backgrounds in the order that they are first used.

Import an image from your device to use for rotoscoping.

Create a new title card by copying an existing one.

Assign a title card to selected frame(s).

Delete a title card not used in any frames in the current movie.

Re-arrange Title Cards in the order that they are first used.

Copy one or more frames from the current movie and paste in another part of the movie.

Copy Frames ...

Delete one or more frames from the current movie.

Delete Frames ...

Create/Remove Fade-In or Fade-Out over selected frames.

Fade Frames ...

Create/Remove Pan and Zoom over selected frames.

Pan/Zoom Frames ...

Automatically create new in-between frames.

InBetween New ...

Automatically edit in-between poses of characters in existing frames.

InBetween Existing ...

Play your movie full screen to make a screen recording.

Play Full Screen ...

1. Size your browser window for best fit to the aspect ratio of your movie.
2. Launch your screen recording application.
3. When ready, touch/click the "Start Movie" button above.

Download a single frame of your movie as an image.

Display Frame Image ...

Download frame:  as an image file.
If the images are not displayed below, try allowing popups on your browser.

File download does not appear to be supported on your device/browser. You may still be able to touch/hold or drag the PNG image below right to save it.

Download SVG
PNG image of current frame
Download PNG

Display the current movie data as JSON text.
If you are unable to download the data as a file on your device, you may be able to select, copy and paste the data into another application which will allow you to save it as a file.

Movie data has length of: .

Display Movie Data ...


Movie data has length of: :

If you choose this method to save your movie, touch/click the "Copy To Clipboard" button above, and after the popup appears, switch to the application you are using to create the file and paste it there.

Read the Privacy Policy / Terms Of Use.

Read Privacy Policy ...

About Cel-O-Gram Studio.

About ...

Set your preferences.

Preferences ...

Privacy / Terms Of Use

When you navigate to this site with your browser, all software needed to run the application is loaded into your browser and runs completely on your device. Your activity is not tracked by this application, and nothing you create is uploaded to any server.

No cookies are installed and no local storage is used by this application. Your device and browser may support saving a movie file or an image file of a frame, and if so, you choose when and where to save the file, not the application.

Your web activity may be tracked by your browser or your internet service provider, of which this application has no control or knowledge. It is strongly recommended to use the "Brave" browser available at: Brave Browser

This free web application is distributed in the hope that it will be useful for education and entertainment, but WITHOUT ANY WARRANTY, MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

IN NO EVENT SHALL AUTHOR BE LIABLE TO ANY PARTY FOR DIRECT, INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, INCLUDING LOST PROFITS, ARISING OUT OF THE USE OF THIS SOFTWARE AND ITS DOCUMENTATION, EVEN IF AUTHOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

AUTHOR SPECIFICALLY DISCLAIMS ANY WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE SOFTWARE AND ACCOMPANYING DOCUMENTATION, IF ANY, PROVIDED HEREUNDER IS PROVIDED "AS IS". AUTHOR HAS NO OBLIGATION TO PROVIDE MAINTENANCE, SUPPORT, UPDATES, ENHANCEMENTS, OR MODIFICATIONS.

Copyright © 2017-2022 Cel-O-Gram Studio. All Rights Reserved.

Cel-O-Gram Studio

This web application is made available free of charge, as a courtesy, to those who wish to learn about animation by creating animated "movies". It attempts to simulate the look and feel of working at a physical animation desk used by traditional 2-dimensional professional animators.

User Interface - The "Desk"

A traditional animation desk has a work surface with a lightbox and peg bars used to align sheets of animation paper. Here, the peg bars and the outer ring of the lightbox are used to display information and buttons. The top peg bar displays information and current status. The buttons on the right (or top)of the lightbox open menus for various functions. The bottom peg bar contains transport buttons for navigating among frames of the movie, and starting/stopping play. For a quick-start introduction to using the desk, load the built-in demo movie by clicking the red "Movie" icon button, and then clicking the "Open Demo" button.

There are many sources of information regarding traditional animation and it is suggested that you consult those to learn about specific techniques. This application is currently in active development and subject to change in terms of user interface and features. Documentation other than this file is not available. See our introduction tutorial video on YouTube . The application is best learned by jumping in and creating a simple, short animation.

App version:
Window - width: , height:
Font size:
Button size: