informa
/
1 MIN READ
Blogs

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.
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. :)

Latest Jobs

IO Interactive

Hybrid (Malmö, Sweden)
3.02.23
Gameplay Director (Project Fantasy)

Arizona State University

Los Angeles, CA, USA
2.27.23
Assistant Professor of XR Technologies

IO Interactive

Hybrid (Copenhagen, Denmark)
3.02.23
Animation Tech Programmer

Purdue University

West Lafayette, IN, USA
3.02.23
Assistant Professor in Game Design and Development
More Jobs   

CONNECT WITH US

Explore the
Advertise with
Follow us

Game Developer Job Board

Game Developer

@gamedevdotcom

Explore the

Game Developer Job Board

Browse open positions across the game industry or recruit new talent for your studio

Browse
Advertise with

Game Developer

Engage game professionals and drive sales using an array of Game Developer media solutions to meet your objectives.

Learn More
Follow us

@gamedevdotcom

Follow us @gamedevdotcom to stay up-to-date with the latest news & insider information about events & more