Create Sprite Sheet Animations in Hexels
Events
Subscribe:  iCal  |  Google Calendar
7, Mar — 12, Jun
London GB   29, May — 1, Jun
Birmingham GB   1, Jun — 4, Jun
Taipei TW   5, Jun — 10, Jun
Los Angeles US   12, Jun — 15, Jun
Latest comments
by Koenker-Master
8 hours ago

What a shame EA! Fuck off, i go to steam :-)

by serkan_buldan@yahoo.com
11 hours ago

Since you are open to discussion and critics i would suggest you to use less aggressive language when you are on the internet. I would try something like, "Hey Cem, this is great material and thanks for the article. As far as i know from 80lvl Facebook group you can improve the performance or you may consider dropping the price. Keep up the good job." It doesn't have to be the same words but this kind of attitude would lead to a softer conversation because your intention will be clear.

by cemtezcan@gmail.com
12 hours ago

@derjyn@gmail.com Is there any link or video for the cheaper solutions that you mentioned before? Please share them. I haven't seen any cheaper, faster, HD, loopable and adjustable "normal map" flipbook video that you said in your first post. I would be happy to compare the results in realism.

Create Sprite Sheet Animations in Hexels
16 January, 2018
News

This simple guide by Mark Knight 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.

Source: Marmoset

Leave a Reply

Be the First to Comment!

avatar
wpDiscuz