2. Graphics
Graphics
| Style | Free | Paid |
|---|---|---|
| Painted backgrounds and characters | Krita, GIMP | Photoshop, Clip Studio Paint, Procreate (iPad) |
| Pixel art | Pixelorama, LibreSprite | Aseprite (one time purchase; the source code is freely available) |
| Vector graphics, clean shapes | Inkscape | Affinity Designer, Illustrator |
Getting images cleanly into Visionaire
- Set the resolution first. Set the game resolution in the game settings before you paint backgrounds, and paint at exactly that size. Wider backgrounds give you a scrolling scene.
- PNG with transparency for everything in front of the background: characters, objects, foregrounds. Later you can convert to WebP, which saves space.
- Keep the canvas small. A foreground object doesn't need the full scene size. That saves memory.
- Pixel art: Turn on the pixel effect in the game settings so the pixels stay sharp when scaling.
More in the wiki under Image formats and Optimising resources.
Rule to remember
Game resolution first, then paint. Everything in front of the background as a cut out PNG.
Your task
Create a template file in your game resolution with layers for background, objects and foreground.
