marmoset hexels

Create Sprite Sheet Animations In Hexels

By Mark Knight

This simple guide will show you how to create sprite sheet assets in Hexels for use in video game development.

A sprite sheet is a sequence of images combined into a single image file. When the animation is activated, it plays frame by frame like a flip-book animation. Sprite sheets are typically used for characters and effects for 2D side-scrollers.

For this example, I used the vector based Squares template for a chunky, retro pixelated look.

I used the standard Brush tool (B) on a new layer to paint my character, Lunar Joe.

To create a sprite sheet animation, switch from Layers view to Timeline mode. I’ve created a new frame for each image and drew the character differently according to the animation cycle. There’s a temporary reference layer for where my character’s foot position would be in relation to the floor.

Before exporting my spritesheet, I toggled the “line” reference layer visibility off and made sure to tick the Transparent box in the Document tab to make my background transparent.

I cropped the export area using the Frame tool (F). Game Engines require a 1:1 aspect ratio for sprite images, so make sure your frame height and width are the same.

To export, go to File>Export (Ctrl+E) and select “Spritesheet” from the Animation export window. Notice there is an option to increase rows.

This is my exported sprite sheet with the Rows option set to 1.

Multiple animations can be exported in a single sprite sheet. The example above shows 25 cels exported with Rows set to 5.

To wrap it up, I made an animated scrolling background in Hexels.

Hexels makes it very easy for artists and designers to create sprite sheets for video game development. Try making your own with the free 14 day trial and learn more about Hexels.

Making Gran Turismo Sport Decals in Hexels

By Mark Knight

This simple guide will show you how to get your designs from Hexels to Gran Turismo Sport in just a few steps.

Gran Turismo Sport Decals are imported as Vector image (.svg) files, which enable you to resize the image without losing detail.

Our decals mustn’t exceed 15kb, so it’s good practice to keep designs fairly simple and limit the number of colours used. For this example, I’m going to use the Pixel Trixels 256p template.

On a new vector layer, I’ve recreated the Hexels logo which uses 10 colours using trixels and shards.

When finishing a design, make sure the Transparent checkbox is ticked. This means the background is not included when exporting. Go to File>Export (Ctrl+E), choose your destination, and Save as type: SVG Image (*.svg) from the drop down.

Additional export options will appear. Setting the resolution to 20 works well here. Clicking OK will prompt the second SVG Export Options window. Make sure the top two options are ticked so that the vector file is a single image. The final image size here is 4.57kb.

On your PC (or Mac) head over to the GTSport community page, login and select Decal Uploader. Drag your .svg file onto the area specified or select with the file browser.

Select Start Upload and click through the next information window. When your upload is complete, head over to GranTurismo Sport on your PS4. You can stay logged in as the upload process is instantaneous, giving you the freedom to quickly experiment with designs without quitting the Livery editor.

Select the Livery editor from the main menu.

Choose New Design or edit an existing design you have created.

Choose Decal from the options. It may be a good idea to select a solid colour that will help your decal stand out. You can change the color via the Paint button.

Select the area you’d like to add you image to and click Add Layer. You can have up to 300 decals in your design.

Select User Decals. Here you will see your uploaded designs. Additional decal uploads will also appear here.

You can scale, rotate and position your decal. Notice there is no loss in detail when enlarging.

Additional layers can be added, overlapped and combined along with text and presets available from the decal menu.

 

The Scapes feature in Gran Turismo allows you to position your designs against scenic backdrops and export in 1080 or 4k resolution. Here’s a gallery of designs created in Hexels. Why not share your designs with your friends, #Hexels and #GTSport and give the free 14 day trial of Hexels a spin!

Hexels Adventures | Ep. 7 Elves’ Workshop

This holiday season, Mark Knight takes you on tour through the Hexels workshop where elves create cubic presents from magic pixel dust. Watch as he uses Hexels 3 to draw out a series of bustling Elves, animates them frame by frame and brings it all together using animated layer transforms.

Watch the final sequence and check out previous episodes of Hexels Adventures.

Happy Holidays – Give the gift of Marmoset this season!

Thank you all for a most wonderful year!  The art community never ceases to humble us with their hard work and determination in perfecting their digital crafts, and bringing so many impressive digital artworks into this world. To all of you game artists, animators, illustrators, visualization artists, and more, we are blessed you continue to choose Marmoset to help play a significant role in your artistic process.

We want to end the year with a bit of a celebration. On that note, our winter sale has begun! Now through January 3rd, 2018, we’re offering:

  • 30% OFF all “Freelance/Academic” licenses of Marmoset Toolbag 3
  • 50% OFF licenses of Marmoset Hexels 3
  • 50% OFF all Marmoset Pano Packs!

If you missed our recent Black Friday sale, now is the perfect time to treat yourself. Or gift your favorite Marmoset software to a friend or family member. Or play a round of collect-them-all! Jump on over to our web store, check out our latest releases for Toolbag 3 and Hexels 3, and we’ll see you in 2018!

Buy Now: marmoset.co/shop/

Merry Christmas, Happy Holidays, and a very Happy New Year.

– The Marmoset Team

Making of: Hexels 3 Modern Living Space

Mark Knight is back with a new hexplanation of how he built the slick Modern Living Space from the Hexels Adventures episode. Mark breaks down each step that makes up the scene, which includes the use of new pixel tools to meld with vector shapes.

Get started on your path to geometric goodness with Hexels 3.