Retro Screen Graphics
Responsible for Concept / Design / Motion
This project was created as part of the Screen Graphics Workshop by Motion Science.
Software: After Effects, Illustrator
Deliverable Requests – 3 Styleframes / 1 finished motion test
Concept – The star map screens convey complex, decoded data on unknown star systems
Items to consider – Mapping Elements; Solar Systems / Nebulas; Measurement / Direction Systems; Grid Systems / Shapes; Depth / Blur; Nodes; Typography; Handheld motion
Tone/Mood/Style– Organic / Circular; Moody Analogue Texture; Simple Color (2 to 3 tones: pinks, purples, greens, oranges, browns)
The first step in any creative project is to gather inspiration.
After collecting all the assets I found to be inspiring, I separated the imagery into various, easy to navigate boards.
Once the creative direction was approved, I started working on the UI elements and layout of the interface.
From the smallest icons to the radar systems, each asset was built with great attention to detail, then placed in a visually interesting layout.
After the approval of the static wireframe, I started animating elements, making it all come to life.
Once the layout and UI animation was approved, I proceeded with designing the frames.
This is the part where I experimented the most, from finding interesting camera angles and textures, to working on the overall color grade.
Styleframe I – In this first frame, a radar system is showing nearby galaxies, alongside other useful data.
I built this section first as it occupied a big part of the layout.
Styleframe II – This frame focused on the mapping elements and nodes system used to find nearby stars and planets.
The overall look was achieved through the Lumetri tool and Tritone effect in After Effects. Most of the UI animation is driven through expressions.
Styleframe III – Once a planet is found and its data decrypted, it will be shown on the screens below, alongside its star map.
Each scene being in their own composition, any last minute change would be easy to make.