Owen Seabrook's profile

UI Motion Graphics Design

UI Design Graphics
July 2018

An excerpt from a larger video project.

In February 2018 I was contacted by a small team looking to produce a investor-focused pitching video for their gaming app, focused on gamifying box-office figures. Part of the video required filming young people using their phones, with on-screen depictions of their interaction with the app composited into the world around them.
Creating the holographic background was a combination of alpha matted-shape layers, fractal noise and some light venetian blinds for an interlaced footage, 'projection' feel. The blue hue matched their branding and adding light feathering and a glow helped to situate the hologram in their day to day world.
Motion tracking was employed on some shots to create a sense of attachment between the demonstrations and the users. Working with these actors, I had to plan the 'narrative' of each shot in advance to allow their depictions to match their actions.
The process behind many of these effects was simple enough - motion tracking and masking created depth and camera-accurate movement, onto which I pinned my 3D UI and interlacing/glow effects.
One exception to the workflow was a shot where I wanted to fix the position of the film trailer in a rotating environment. This required solving a 3D camera tracker, and then using a combination of position parenting and the .toComp([0,0,0]) expression to plant the footage in place as the 3D camera moves throughout the scene.
This project was enjoyable in that I was able to stretch my sci-fi motion graphics muscles to create some fun and engaging motion graphics. The biggest challenge in this case was time - these shots were a last minute addition to a production with a looming deadline. With more time I would have liked to tweak a number of effects to add to the overall realism, and employ more subtle UI graphics to make the demonstrations look fun and futuristic.
UI Motion Graphics Design
Published:

UI Motion Graphics Design

A series of animated sci-fi holograms composited into shots with actors using phones to demonstrate engagement with a mobile app.

Published: