Devlog: Hexels 1.1 Update – image as canvas background, flatten to canvas, draw-layer opacity

image_bg_hexel_opacity_620

Starting in the 1.1 update of Hexels Pro and the free version of Hexels, you’ll be able to import an image to the canvas! You can use a background image as a reference, composite hexels or other shapes on top of it. Just click “Choose Image” and adjust the canvas size to make the image fit the canvas and to get the hexels/shapes to the size that you want. Next you can lower the opacity of the draw-layer (called Hexel Opacity above) to see the image while you draw. Setting the opacity to zero is a way to show, draw, and export the glow by itself, too! (works well along side .svg export since that doesn’t export the glow)

RUNNER_brixels_620

I made this this RUNNER 2 fan art piece for my friends over at Gaijin who make awesome games with a hell of a lot of style. Go check em out! For this, I used the features I mentioned plus the “Flatten to Canvas” feature. This new feature let’s you flatten your drawing, so that you can draw on top with a different shape mode or do selective glow. The first shape is a very thin diagonal line I made with the Custom Shape Editor and the glowy shape on top is the Brixel shape preset that I slanted to match the lines’ angle. Below are some short making-of videos for this piece.

RUNNER_glow_no_hexels

Here’s what it looks like with just the lines and also with the glow on but the shapes opacity at zero.

RUNNER_lines

Here are the other 1.1 features getting added to Hexels Pro this Thursday! If you haven’t already, check out the free version of Hexels here.