Creating seamless 2D grass tiles in vectors using Inkscape

Another step-by-step game art tutorial by 2dgameartguru.com on creating seamless tiles. Learn how to quickly create seamless tiles in this easy to follow inkscape based tutorial. Creating the elements with simple shapes like rectangles and circles.

Hans Hildenbrand, Blogger

November 30, 2015

2 Min Read

It's been a while and I still haven't managed to make a video of it but here's the step-by-step for the grass tile to get things started again.

The workflow is based on the video tutorial I posted earlier on Creating tileable patterns for seamless background.
Note: It's a good idea to make a copy of the design before creating the clip as there might be a problem with access images when releasing the clip later on to edit the design. Note:
When exporting the tiles from inkscape to bitmap, set the size to 2x or 3x the size of your ingame assets. Scale the art assets down in tools like gimp or krita. A good practice to avoid antialiasing on the edges is to export to e.g. 514x514 pixels and then reduce the canvas [not scale but crop] to 512x512 pixels to cut the 1 pixel around the tile. The loss should not be visible if then ingame art works with tiles of 128x128 pixels or smaller.
I hope you enjoyed the tutorial as much as I did finally getting back into writing it. :)