ADAM & MARIA
Northern New Jersey

Fused Creations chronicles the joint (and individual) work of Adam Shefki and Maria Bovor through a variety of creative endeavors including sculpture, painting, digital arts and media, 3d printing, and much more.

Graphic Design

Official Hawken Twitch Overlay

By on June 29, 2015

This project was done for the fun-as-hell free-to-play mech game, Hawken, available on Steam.

I took the ‘garage’ look of the game and extended it to the overlay itself. I figured the main design could take place in a hangar environment, and to that end I produced a hilariously juvenile sketch outlining the idea to the Hawken folks.

1474253521roughlayout.jpg

Really, the most amazing part of the project is that they were still interested after I sent them this image.

I started by exporting a number of models from the game’s Unreal engine files, which was a fairly time consuming feat at first, as I had absolutely zero familiarity with the tools, engine, or formats. After a few days of persistence, I was able to get what I needed out of the game files and rendered them with animations in 3d Studio Max to separate layers. This was all then composited to After Effects.

1474253570hangar_prev1.jpg

Ultimately I ended up with what I thought was a pleasantly subtle hangar scene, with a few of the in-game ‘mechanic’ models going about some idle animations:

After a brief review with the Hawken staff, they settled on the exact social media links they wanted on the hangar floors.

1474253548hawken_ui_proof.jpg

The ultimate layout for twitch is, itself, a composite of a number of layers. The main ‘broadcast’ window is in the left quadrant of the screen, but in the event the streamers had to take a break, pause, or otherwise turn their video feed off, I created a live background with venting steam and some drones tooling by.

1474253595preview.jpg

I was able to get the Hawken staff set up with the overlay comfortably in advance of their ‘debut’ stream, and had a lot of fun with this project in the process.

TAGS
RELATED POSTS

LEAVE A COMMENT