Hexels Making of: Orbiter 13 Trailer
Subscribe:  iCal  |  Google Calendar
NY 11222 US   18, Jun — 21, Jun
Utrecht NL   29, Jun — 30, Jun
Brighton GB   10, Jul — 13, Jul
Brighton GB   10, Jul — 13, Jul
Cambridge GB   13, Jul — 17, Jul
Latest comments
by Utsav singh
8 hours ago

your shader complexity is low because you used true polygon models instead of just a masked plane to prevent alpha overdraw?

by Brad Johnson
8 hours ago

I love the way you write this information because it helps a lot along with I shared this information with my friend and kept sharing such useful information for the further gain targeted audience to improve your bounce rate. Fantastic way to clean unwanted files from your mobile using cleaning master you can also search by "ITL Phone Cleaner- Antivirus & Speed Booster" name. https://play.google.com/store/apps/details?id=com.falcon.clean.phone.master.junk.cleaner.battery.booster

by product key
9 hours ago

Thanks for the information your article brings. I see the novelty of your writing, I will share it for everyone to read together. I look forward to reading many articles from you. windows 10 pro product key

Hexels Making of: Orbiter 13 Trailer
24 November, 2017

Mark Knight from Marmoset showed how he created an amazing animated short with Hexels. The software is currently on sale!

I’m Mark Knight from Marmoset and I have experimented with animation in various mediums for many years. Using animation to accent or embellish previous Hexels creations made me realise that it would be possible to create a short film using Hexels.

(left to right) Trixel layer, pixel layer detail, pixel layer animation

I began with a simple ‘proof of concept’ test. I created a stylised vehicle with trixel and pixel layers and combined this with a smooth 30 frame character animation.

With positive feedback from my initial test, I decided to develop the idea into a trailer that could be expanded into a short film at a later date.

I developed my test scene further by having the trooper interact with the car door. The door was created with 8 cels of animation on a pixel layer (shown above left). I approximated the shape of the door at 3 key positions: open, halfway and closed. I added the in between steps until I was happy with the motion. To create the glass, I animated a reflection across the window of the door by painting white streaks on another layer with opacity reduced.

I drew the character animation outline with onion skinning enabled. This allowed me to see a faded representation of the previous and next frames. Onion skinning is really helpful for positioning, perceiving motion and direction.

I coloured my character by using the paint bucket tool to fill in the outlines. Each scene was created as a new document. For continuity purposes, I maintained the palette and brush sizes between each new document via file menu> save as template’.

By using a Transform on the Document Properties layer, it is possible to create camera-like pans and zooms. For the ‘passenger’ scene (above), I used a transform to resize the entire document between frame 1 and 40 combined with an acceleration and deceleration keyframe tween (accessible by right clicking on a keyframe and selecting the tween type). By using the frame tool with a fixed aspect ratio of 16:9, the exported images will only render whatever is inside the frame boundary.

Hexels allows dragging and dropping of images onto the canvas. For the introduction sequence and the United States capsule decal (above) I created transparent .png image files and lifted them into my scenes.

Another hugely versatile feature in Hexels is the ability to import an animated GIF. I recorded a short sequence on a mobile phone, converted it into .gif format and dragged the file onto my Hexels canvas. The frames of the .GIF were automatically added to the timeline on its own layer. This feature was indispensable when creating the above rotoscope sequence.

Watch ‘Ep 6 of Hexels Adventures’ for a speedpaint showing how I created the trailer and check out other episodes of Hexels Adventures on our website.

Having used the animation system to create parallax animations, rotoscoping, and motion blur effects, I’m excited to see what other artists dream up using Hexels 3.

Mark Knight, Marmoset

Leave a Reply

Be the First to Comment!