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:
- File -> Document Properties -> Custom size.
- Create image 320px x 50px.
- Create and edit text objects tool -> Ojambo.com in red.
- Layer -> Layers -> Duplicate Current Layer
- Ojambo.com in yellow.
- Layer -> Layers -> Duplicate Current Layer
- Ojambo.com in green.
- File -> Save As -> JavaScript Flip Images
- File -> Save A Copy -> JessyInk zipped pdf or png output(*.zip)
- Settings -> Type = PNG
![Image Missing](https://lh3.googleusercontent.com/-GwK_vlu21Yo/UghphYU1ylI/AAAAAAAABtI/zqCs4WA6DsI/s512/Inkscape_Bitmaps_JessyInk-EDITED_001.png)
![Image Missing](https://lh4.googleusercontent.com/-3ZBqb3yVHW4/UghphdzaVmI/AAAAAAAABtI/VJwXh-V0Qc4/s600/Inkscape_Bitmaps_JessyInk-EDITED_002.png)
![Image Missing](https://lh6.googleusercontent.com/-xL_eDwbz52E/UghpiW20CSI/AAAAAAAABtI/bw3rDxS3JFU/s600/Inkscape_Bitmaps_JessyInk-EDITED_003.png)
![Image Missing](https://lh5.googleusercontent.com/-X6kN6_dj59I/UghpiauXCwI/AAAAAAAABtI/uStVCLOK76c/s600/Inkscape_Bitmaps_JessyInk-EDITED_004.jpg)
![Image Missing](https://lh5.googleusercontent.com/-sLPzw8uoPdU/UghpijPu-WI/AAAAAAAABtI/F7Vs2DkFPcA/s600/Inkscape_Bitmaps_JessyInk-EDITED_005.png)
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](https://lh5.googleusercontent.com/-gsG2a6GxhrQ/Ughpi5ZtqVI/AAAAAAAABtI/iL0MOLp6qK8/s640/Inkscape_Bitmaps_JessyInk-EDITED_006.png)
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:
- Rename layers because JessyInk uses layer names as the file names.
- Select PNG option to output only bitmap files.
- Keep the plugin up-to-date by checking for updates.