Difference between revisions of "Animation-(Layers)"

From Inkscape Wiki
Jump to navigation Jump to search
Line 3: Line 3:
A simple layer based animation can be achieved by placing each frame into a separate layer, and then exporting each layer separately and combine them into a sprite sheet.
A simple layer based animation can be achieved by placing each frame into a separate layer, and then exporting each layer separately and combine them into a sprite sheet.


To make the export easier, you can make use of the [[JettyInk]] extension (shipped by default). Choose 'Save a copy' and then 'JessyInk zipped pdf or png output' from the dropdown list. Choose png and whatever resolution you want.  
To make the export easier, you can make use of the [[JettyInk]] extension (shipped by default). Choose 'Save a copy' and then 'JessyInk zipped pdf or png output' from the dropdown list. Choose png and whatever resolution you want. This will give you a zip-file that contains each layer as a separate png image.


The following command line instructions will then create a sprite sheet of your animation:
The following command line instructions will then create a sprite sheet of your animation:

Revision as of 10:52, 11 May 2012

How to create a sprite sheet for a simple layer based animation

A simple layer based animation can be achieved by placing each frame into a separate layer, and then exporting each layer separately and combine them into a sprite sheet.

To make the export easier, you can make use of the JettyInk extension (shipped by default). Choose 'Save a copy' and then 'JessyInk zipped pdf or png output' from the dropdown list. Choose png and whatever resolution you want. This will give you a zip-file that contains each layer as a separate png image.

The following command line instructions will then create a sprite sheet of your animation:

 unzip name.zip 
 convert Frame*.png +append name_spritesheet.png

Note 1: This assumes that each frame has been labeled Frame01, Frame02 etc.

Note 2: You need the command 'convert', which is part of imagemagick.