Guide: Pixel Art Tilesets in Hexels
Subscribe:  iCal  |  Google Calendar
7, Mar — 12, Jun
San Francisco US   19, Mar — 24, Mar
San Francisco US   19, Mar — 21, Mar
Anaheim US   23, Mar — 26, Mar
San Jose US   26, Mar — 30, Mar
Latest comments
by best paper shredders 2018
5 hours ago

It was a very good post indeed. I thoroughly enjoyed reading it in my lunch time. Will surely come and visit this blog more often. Thanks for sharing. best paper shredders 2018

by Poussasin
17 hours ago

Thank you so much, now I am confident to say that I know how to bake.

by Poussasin
17 hours ago

Very nice, thx for sharing!

Guide: Pixel Art Tilesets in Hexels
6 February, 2018

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


Leave a Reply

Be the First to Comment!