Synthwave Block Road
Motion graphics in synthwave style as an animated background in our tutorial videos to make pauses between learning content visually appealing.
Challenge
Creating visually high-quality animations that must be quick to produce and flexibly adjustable while avoiding long render times, and bouncing objects at the beginning and end must not be visible to hide where the animation begins and ends.
Solution
By using Blender Eevee, we can render motion graphics with synthwave aesthetics in real-time while achieving professional quality. To create a seamless loop, we arranged the entire scene six times in succession, so the camera flew through the scene only once and seamlessly connected back to the beginning of the animation.
About the Project
We constantly work to make our tutorial videos even more engaging and professional. A challenge we frequently face is bridging the gaps between learning content segments. This is where we employ motion graphics in the synthwave style to maintain our viewers' attention while creating a consistent visual identity.
The synthwave aesthetic with its characteristic retro grids, glowing neon colors, and nostalgic 1980s elements gives our videos a modern yet timeless appeal. This style not only appeals to technically interested users but also creates an emotional connection that enriches the learning experience. The retro-grid background is particularly effective when our actual tutorial content should not be visible.
To realize this vision, we rely on Blender Eevee, which allows us to render the motion graphics in real-time while achieving impressive visual quality. This approach offers us maximum flexibility in creating and adapting our animations without waiting for elaborate and time-consuming rendering processes. Eevee's GPU-based engine allows us to smoothly display complex effects such as glow, lights, and particle motion.
A central requirement for this project was that bouncing objects at the beginning and end of the animation must not be visible to guarantee a seamless loop. This is where our creative solution came into play: we laid out the entire scene six times in succession, so the camera flew through the scene only once and seamlessly connected back to the beginning of the animation. This enables an endless loop without visible jumps or cuts. A particular trick was the galaxy at the end of the scene, which moves with the camera. This creates the impression of a giant, distant object without actually needing to be gigantic in size. The galaxy is just large enough to fill the background, so the viewer never sees the end of the six scenes.
To implement this solution efficiently while remaining flexible, we used Blender's collection instancing. This allowed us to modify the original scene, and all changes were directly applied to the copies. This not only saves us time but also ensures that all scene elements remain consistent.
With this concept, we create seamless transitions between different tutorial sections and make meaningful use of the waiting times. Our viewers experience a well-thought-out overall concept that shows we care about every detail of their experience. For us, this is another step toward conveying our content even more professionally and pleasantly.
The perfect complement to this visual concept is the background music "Mesmerizing Galaxy" by Kevin MacLeod (incompetech.com), which is available under the Creative Commons License 4.0. It contributes significantly to the atmospheric quality of our videos and creates the ideal sonic environment for the synthwave aesthetic.
Media
First frame of animation
Side-view in Blender
