Guide: Pixel Art Tilesets in Hexels
Events
Subscribe:  iCal  |  Google Calendar
7, Mar — 1, Jun
York US   26, Mar — 29, Mar
Boston US   28, Mar — 1, Apr
Anaheim US   29, Mar — 1, Apr
RALEIGH US   30, Mar — 1, Apr
Latest comments

Very interesting! Thank you Valery for such a useful review of your work!

I found your blog to be very informative. I am very happy to read your blog it's very useful to me.https://www.lifetimeheritagefilms.com/

by Tomasz Wikliński
11 hours ago

Great stuff. And many thanks for those tuts by Jason! They helped me a lot.

Guide: Pixel Art Tilesets in Hexels
6 February, 2018
News
Tutorial

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

Source: marmoset.co

Leave a Reply

avatar