Guide: Pixel Art Tilesets in Hexels

Marmoset has published a new Hexels guide by Mark Knight to creating seamless pixel art textures.

Marmoset has published a new Hexels guide by Mark Knight to creating seamless pixel art textures and exporting a tileset for 2D game development. Learn how you can build a confectionary themed tileset and use it to prototype a level layout.

Here is a small piece to get you interested: 

To start, I used Pixel Layers on the ‘Squares’ template and enlarged my canvas size to 275×150. This allows for plenty of room to move shapes around.

Creating the seamless ‘fizzy drink’ texture.

I created a solid 32×32 square to form the background of the tile. The next step was to draw a series of circles on a new pixel layer to represent bubbles. The bubbles are offset from the tile for the following demonstration.

I tested the tileability of the pattern by double-clicking the ‘bubbles’ layer and ticking the ‘Wrapped’ box in the Layer properties window. This shows how the image repeats and where components needed to be repositioned to avoid seams.

I moved some areas horizontally and vertically to their corresponding positions.

Mark Knight 

Make sure to study the full guide here

Join discussion

Comments 0

    You might also like

    We need your consent

    We use cookies on this website to make your browsing experience better. By using the site you agree to our use of cookies.Learn more