Inkscape SVG Layers Into Bitmaps Using JessyInk

Save Inkscape Layers As Bitmap Images

A recent game required the creation of several related images. An image was created as a layer in Inkscape. The image was duplicated as a layer and slightly modified in subsequent layers.

Inkscape can export an area as a bitmap image in PNG format. Exporting individual visible Inkscape layers is tedious. A simpler exporting individual layers exists using the JessyInk plugin.

In this tutorial images will be created using Inkscape and bitmaps will be exported using the JessyInk plugin

    Tools are required:

  • Inkscape SVG editor.
  • JessyInk plugin for Inkscape.
  • Un-archiver to decompress zip files.

Create Images Using Inkscape

Inkscape is required in order to follow this part of the tutorial. Inkscape can be downloaded at http://inkscape.org. Inkscape JessyInk plugin can be downloaded at http://code.google.com/p/jessyink.

    Run Inkscape:

  1. File -> Document Properties -> Custom size.
  2. Create image 320px x 50px.
  3. Create and edit text objects tool -> Ojambo.com in red.
  4. Layer -> Layers -> Duplicate Current Layer
  5. Ojambo.com in yellow.
  6. Layer -> Layers -> Duplicate Current Layer
  7. Ojambo.com in green.
  8. File -> Save As -> JavaScript Flip Images
  9. File -> Save A Copy -> JessyInk zipped pdf or png output(*.zip)
  10. Settings -> Type = PNG

Image Missing
Ojambo.com Inkscape Document Properties

Image Missing
Ojambo.com Inkscape Show Layers Dialog

Image Missing
Ojambo.com Inkspace Save A Copy

Image Missing
Ojambo.com Save JessyInk Presentation

Image Missing
Ojambo.com JessyInk PNG Output

How To Use:

    Open File Manager

  • Navigate to location where the zip file was saved.
  • Open zip file in your un-archiver.
  • Observe the files inside the archived file.

Demonstration:

Ojambo.com Inkscape SVG Layers Into Bitmaps Using JessyInk Tutorial

Image Missing
Ojambo.com JessyInk Zip File Contents

Conclusion:

Saving individual Inkscape layers is tedious. JessyInk converts each Inkscape layer into a single slide for presentation purposes. JessyInk has options for the conversion process.

JessyInk allows output to only bitmap PNG files. The files are automatically archived in a zip file.

    Recommendations:

  1. Rename layers because JessyInk uses layer names as the file names.
  2. Select PNG option to output only bitmap files.
  3. Keep the plugin up-to-date by checking for updates.

Tags: , , , , ,

This entry was posted on Wednesday, August 14th, 2013 at 12:00 am and is filed under Tips & Tricks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 responses to “Inkscape SVG Layers Into Bitmaps Using JessyInk”

  1. […] Video for the Ojambo.com Inkscape SVG Layers Into Bitmaps Using JessyInk article. Part One of […]

  2. […] Inkscape is required in order to follow this part of the tutorial. For more information about Inkscape JessyInk plugin read Ojambo.com Layered Inkscape SVG Layers Into Bitmaps Using JessyInk. […]

Leave a Reply

Your email address will not be published. Required fields are marked *