There are few shortcuts to getting really good looking stuff, so I'd say the only realistic option (and the option that's invariably used wherever multiple scales are needed) is to manually draw your objects at different scales. Pixel art is a very precise way of drawing things, and unfortunately vectors rarely, if ever, map directly to the pleasing precise pixel layout that you'd expect from pixel art. The result of (4) seems the best until now, but it relies in the use of a unstable development release of inkscape, and the process of doing screen shots and cutting the desired image out is as not practical as the one I proposed earlier (obs.: the gray box on 3 and 4 are inkscape's page borders and page shadow). I tried your suggestion: in (3) I checked "use anti-aliasing", set the zoom to 1 and made a screen shot, and in (4) I unchecked "use anti-aliasing" and made another screen shot. I gave the unstable inkscape 0.91 a try and saw that, indeed, there is a "use anti-aliasing" check-box in the drawing's properties, however it does not affect at all the output of the exported pngs as you noted could happen, just the output to the screen, and even so, just the when you are viewing on a 1:1 zoom ratio. However, the resulting png, as you can see in (1), looks bad, worse than my "svg to upscaled png to downscaled png" method.īut using using ghostscript to create an upscaled png, and then downscaling it with imagemagick provides a much nicer result, as you can see in (2), though yet it is still a more irregular image than the one produced by the method I proposed earlier (it is less symmetrical, have some black pixels in unexpected places). The "svg to pdf to png via ghostscript" method in the link you provided seems like the behavior I expect. Note: if the global anti-aliasing option is there but doesn't export you could still screenshot the graphic provided it is displayed without antialiasing I googled this, these answers sound OK to me: The image is intended to be a 16x16px mushroom, like a super mario mushroom. Unfortunately, it will run on linux only (or maybe on OS X and BSDs also). If anyone wants to try my script, just unzip it, and run I think a vector graphics editor that could display and export graphics in that pixelated way would be very useful in some scenarios. First you traced the straight line, then you curved it (and after it became normal graphics, which could be edited only like normal raster graphics). I remember that, on Windows XP, MS Paint used to let you create curved lines which where not anti-aliased. But I don't know if inkscape itself will allow to turn anti-aliasing on/off when exporting to png. Inkscape 0.91 (the upcoming release) will be completely replacing libnr (it's current render engine, developed by themselves) for libcairo (a much more mature and widely used renderer), and it seems cairo allows to disable anti-aliasing when up/down scaling things. Using this process to achieve the desired result (making pixel art out of vector graphics) is one option, but certainly it is not an optimal process, nor very practical (you should run the script and make the manual fixes every time you change your svg).ĭoes any one know of a better process, that does not involve don't using scalable vectors? Maybe there is an inkscape extension of some sort that exports the png without doing anti-aliasing. I have attached also an example svg, with a comparison of what inkscape usually spits out (1), what image spits out when downscaling an upscaled exported image (2) and a fixed up version (3). The result looks better than the file exported directly in low resolution from inkscape, and is easy to fix the remaining issues with gimp (unfortunately, I couldn't get rid of it yet). I made a bash script (shell script, if you prefer), which I'm attaching to this thread, that uses inkscape to convert an svg file to a scaled up png, and then scale it down with image magick. However, Inkscape always does anti-aliasing when scaling down, which makes art intended to be pixelated look real bad when exported to png (I don't know about Corel Drawn or Adobe Illustrator, I have never used them). I use Inkscape, and I think working with scalable vectors in inkscape is easier than pushing pixels on a raster graphics editor like gimp, because vectors are more easily reusable and easier to change. Has anyone already tried to make pixelated graphics from a scalable vector (svg) source?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |