Seamless tiles using Inkscape

Ideas for new tutorials in Inkscape & gimp [& Affinity Designer]

It’s been a request I received a few times by now. Finally, I set down to try a quick and easy way to create seamless ground tiles. Basically, these would work best for top down tile sets.

2Dgameartguru - spacer

          

2Dgameartguru - spacer

2Dgameartguru - spacer

This is what I came up with in a quick test. The tiles are created in Inkscape and then exported as pngs, trimmed in gimp and put together to test.

2Dgameartguru - spacer

2Dgameartguru - spacer

I am planning on making a video tutorial on this as soon as possible. The idea is to show the basic creation of e.g. a grass tile, a ground and a water tile and the creation of a mixed tile for the border between e.g. grass and ground.

Please let me know if there are additional points I should cover in this tutorial.

Keep in mind that it might result in splitting this tutorial into two or three parts in order to stay within the 10 – 15 minute mark.

2Dgameartguru - spacer

Note:
These are the resulting videos/ tutorials:

2dgameartguru - seamless patterns - quick link
2dgameartguru - seamless ground tiles - quick link
2dgameartguru - seamless ground tiles - quick link
2dgameartguru - seamless ground tiles transitions - quick link
2dgameartguru - seamless ground tiles export - quick link
2dgameartguru - seamless ground tiles export - quick link