Toolbag Artist Highlight | Ep. 173

Get ready to witness an impressive collection of renders in this week’s Highlight.

  1. Alex Sideras executed a powerful character based on a concept by Adam Lee.
  2. Vitalii Shevchenko created an excellent flying bus.
  3. Farzin Izadyar set up some fantastic candid shots of his character Ellena.
  4. Diana Topalian has finished her latest character of a heavy pilot.

Thanks for checking out the latest featured artwork rendered in Toolbag. Stay tuned for more next week.

Tutorial: Animated Screen in Marmoset Toolbag 3

Bryn Felton-Pitt used Toolbag 3 to set up his Apple 2 computer screen animation. Bryn broke down his tiling material setups and how they were used in combination with keyframed animation to achieve the effect.

Learn more about how Toolbag 3 can help improve your workflow.

Polycount Meetup GDC 2018

Polycount and Marmoset have teamed up to host the annual GDC Meetup for the fourth year running. Join us for cool artwork, free swag, cocktails and conversation with the industry’s most talented artists.

Venue: Harlot/46 Minna
Location: 46 Minna St, San Francisco, CA 94105
Date: Tuesday, March 20th, 2018
Time: 6:00 – 10:00pm
How to get in: Present the flyer at the door.
Print it or save it to your phone.

RSVP to the event page on Facebook

Making Pixel Art Tilesets in Hexels

By Mark Knight

This guide will show you how to use Hexels to create seamless pixel art textures and export a tileset for 2D game development. In this example, I created a confectionary themed tileset and used it to prototype a level layout.


What is a Tileset?

Pixel art textures are used to build the levels of a game world. Having seamless textures means large areas can be filled using one texture and its variations. This saves time and improves game performance.

A tileset can include assets such as walls, flooring, doors and treasure chests in a grid formation. Similar to a spritesheet, having all of a levels assets in one image improves the performance of a game.

Creating a Tileable Pixel Tile

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.

To finish the tile, I merged the bubble layer into the background layer. Always create each tile on a new layer to test with the wrapping feature, otherwise more than one tile will be included in the wrap.

You can also draw details with wrapped view enabled and the canvas will update as you draw.

Things to Consider

When creating a ‘top-down’ style game, the lighting direction needs to be considered. For each tile, paint shadows using a darker shade of the existing color to influence shape and depth. I created the rest of the tiles using the same technique and checked each one using the wrapping feature.

With the grid turned on for reference (Ctrl+G), tiles can be positioned and arranged using the Marquee Select tool (S).

Time to Export!

The Frame tool (F) is used to crop the visible canvas area. Be sure to tick the Transparent box in the Document tab to make the background transparent.

To export the tileset, go to File>Export (Ctrl+E), select your save destination and the Export window will appear. The size of the exported image can be customized to suit your intended game resolution target.

That’s a Wrap!

Whether you’re conceptualizing a game idea or creating assets for in-game use, Hexels makes it easy to bring your game designs to life. Create your own tilesets with the free 14 day trial of Hexels.

Toolbag Artist Highlight | Ep. 170

Sink your teeth into a brand new batch of sweet renders!

  1. DaeHwan Jang set loose a fantastically terrifying monster.
  2. Kyu-Cheol Lee created a fabulous pair of hairstyles for his character.
  3. Baj Singh developed yet another awesome character for Total War: Warhammer 2 DLC.
  4. Mido Lai crafted a whimsical stylized character who goes by the name of Gina.

Thanks for checking out the latest featured artwork rendered in Toolbag. Stay tuned for more next week.