HUD // UI 001 - DESIGN & ANIMATION
A self-initiated sci-fi HUD animation exploring original interface design. Built from scratch using Photoshop, Illustrator, and After Effects, this piece focuses on shape language, motion, and mood — evoking a sleek, futuristic display for an imagined cockpit or control system.
Software Used : Adobe Photoshop, Adobe Illustrator, Adobe After Effects
Credits
Design & Animation : Jeffrey Bounthavong
Music : "Alan and the Fullness of Time" by Josh McCausland (https://www.joshmccausland.com/music)
HUD/UI - FINAL ANIMATION
The finished animation showcases the HUD powering up and cycling through interface states, complete with atmospheric movement and sound to bring the design to life.
KEYFRAMES
A series of stills highlighting key moments from the animation — from activation to motion sequences — showing the HUD in action across different compositions.
EARLY SKETCH - PHOTOSHOP
An early look at the HUD’s foundation — a rough concept sketch created in Photoshop to explore layout, flow, and design direction.
FINAL VECTOR DESIGN - ILLUSTRATOR
A screenshot of the polished interface graphics in Illustrator, showing the clean, modular vector shapes used for animation in After Effects.
AFTER EFFECTS ANIMATION
A look inside my After Effects workspace, where I animated the final HUD design. Layered compositions, timing, and subtle motion bring the vector elements to life, creating a believable sci-fi interface with dynamic visual flow.
HUD ELEMENTS
A breakdown of the HUD's core visual components. Each layer was designed to work modularly for smooth animation and flexibility.