top of page
100 Days, 100 Renders:
My Cinema 4D Sprint
To fast-track my proficiency in Cinema 4D, I undertook a personal creative sprint: one new, completed render every day for a year. This wasn't just about practice; it was a focused mission to build a versatile, production-ready skillset under real-world pressure.
Each day was a deep dive into a different aspect of C4D, from MoGraph and dynamics to lighting and texturing. This intense, hands-on approach solidified my technical knowledge and dramatically improved my creative speed and problem-solving abilities. This project demonstrates my commitment to rapid learning and my ability to consistently deliver high-quality work on a tight schedule.
Pioneered by the renowned digital artist Beeple (Mike Winkelmann), who has created a new piece of art every day for over fifteen years, this practice has become a respected benchmark for dedication within the professional community. It's a trial by fire, designed to forge skill through relentless consistency.
Search
Enhancing Your Navigation Bar with a Search Magnifier Using Rive
Creating a smooth and interactive navigation bar can significantly improve user experience on any website or app. One feature that often gets overlooked but adds great value is the search magnifier icon. Instead of a static icon, transforming it into a dynamic, expanding search field can make searching feel more intuitive and engaging. This post explores how to achieve that effect using Rive, a powerful tool for creating interactive animations.
Rikki Henry
13 hours ago1 min read
Crafting a Dynamic User Experience with Morphing Icons and Custom Animations
Creating a user interface that feels alive and responsive can transform how users interact with an app. On Day 29 of this project, the focus shifted to the User Profile Icon, moving beyond static images to a fluid, morphing transition that connects the icon with the user dashboard. This approach not only enhances visual appeal but also improves the overall user experience by making interactions feel more natural and engaging.
Rikki Henry
2 days ago1 min read
From Learning to Action: Securing Early Wins in the Rive Project After 30 Days
The first 30 days of any new project often feel overwhelming, like trying to drink from a fire hose. As Day 28 approaches in the Rive Project, the initial phase of meeting stakeholders, understanding the culture, and diagnosing challenges is wrapping up. This period has been intense but necessary. Now, the focus shifts from listening to doing, turning insights into tangible progress.
Rikki Henry
3 days ago1 min read
Animating Life into Interfaces: Mastering Pendulum Motion with Rive's Bone System
Bringing subtle motion to user interfaces can transform a static design into an engaging experience. On Day 27 of a creative challenge, I focused on animating a shopping bag icon that swings gently in the navigation bar. This small detail adds personality and makes the interface feel more alive. Using Rive's bone system, I created a realistic pendulum motion that mimics how a physical object would move when hanging and swinging.
Rikki Henry
3 days ago1 min read
Mastering Animation Techniques: My Journey with the Lighthouse Effect in Rive
Animation is a powerful tool for storytelling and design, but creating something that feels alive and realistic takes skill and patience. Recently, I reached an exciting milestone in my animation project: completing 90% of a lighthouse 'O' animation using Rive. This post shares my experience with crafting the sweeping light beam and adding the Fresnel lens effect to bring the animation to life.
Rikki Henry
4 days ago1 min read
Animating the Lighthouse O: Creating Dynamic Visuals for User Engagement
Bringing a static design to life through animation can transform the way users interact with a website or app. On Day 25 of the project, the focus shifted to animating the lighthouse-shaped letter "O." This step introduced movement and energy that not only enhances visual appeal but also guides the user’s attention toward a key call-to-action. The process involved combining rotation, scaling, and opacity changes to simulate a shining light beam sweeping across surrounding ele
Rikki Henry
6 days ago1 min read
Building a Sturdy Foundation: The Art of Designing a Lighthouse Base
Creating a lighthouse design starts with a strong foundation. The base is more than just a support structure; it anchors the entire design, giving it stability and presence. Without a well-crafted base, the lighthouse risks looking unbalanced or fragile. This post explores the process of designing a lighthouse base that is both visually appealing and structurally sound, focusing on the use of gradients, textures, and shape experimentation to achieve depth and weight.
Rikki Henry
6 days ago1 min read
Capturing Light: My Journey to Perfecting Lighthouse Animation Techniques
Creating an animation that truly captures the essence of a lighthouse beam is a challenge that requires patience, creativity, and technical skill. On day 23 of my design journey, I am still refining the lighthouse "O" animation, experimenting with different techniques to bring depth and meaning to this visual element. The goal is to craft an animation that not only looks striking but also conveys the symbolic power of a lighthouse guiding through darkness.
Rikki Henry
Jan 171 min read
Navigating Design: Modernizing Lighthouse Symbolism for Bristol Old Vic
Lighthouses have long stood as powerful symbols of guidance, safety, and hope. When tasked with incorporating a lighthouse into the "O" of "Support Us" for the Bristol Old Vic, the challenge lies in balancing tradition with modernity. How can a design capture the nostalgic essence of a classic lighthouse while fitting seamlessly into a clean, contemporary aesthetic? This post explores the creative process behind reinterpreting lighthouse symbolism for a modern audience, focus
Rikki Henry
Jan 161 min read
Incorporating Bristol's Avonmouth Lighthouse Into My Rive Character Design
Exploring Bristol’s maritime history reveals a rich story of navigation, safety, and community. One standout symbol is the Avonmouth Lighthouse, a beacon that has guided countless ships safely through the Bristol Channel. As I work on my Rive character design, this lighthouse offers more than just visual inspiration—it brings meaning and context that can deepen the connection between the design and Bristol Old Vic’s heritage.
Rikki Henry
Jan 141 min read
Elevating User Experience with Dynamic Motion Design Techniques
Creating engaging user interfaces requires more than static visuals. Adding subtle, dynamic motion can transform a design from ordinary to captivating. On Day 20 of refining the lighthouse "O," a new wave motion was introduced to the fog layer, bringing the scene to life with a natural sense of movement and atmosphere. This post explores how thoughtful motion design enhances user experience and shares practical techniques to achieve similar effects.
Rikki Henry
Jan 131 min read
Exploring Atmospheric Depth in Rive Animations for Engaging Lighthouse Designs
Creating animations that capture attention and convey emotion requires more than just movement. Adding atmospheric depth can transform a simple design into an immersive experience. This is especially true when working with Rive, a powerful tool for interactive animations. Today, we explore how pushing the lighthouse "O" further with atmospheric depth enhances the overall impact of the animation.
Rikki Henry
Jan 131 min read
Creating a Dynamic Lighthouse Effect for Effective UI Animation
A well-crafted animation can transform a simple interface into an engaging experience. On Day 18 of the 100-day challenge, the letter "O" has evolved into a full-fledged lighthouse, complete with a rotating light beam that sweeps across the surrounding letters. This animation not only adds movement and energy but also guides users toward the "Support Us" call-to-action. This post explores how to create such a dynamic lighthouse effect using motion design principles and SVG an
Rikki Henry
Jan 111 min read
Creating a Rhythmic Lighthouse Effect in UI Animation to Enhance User Engagement
User interfaces often rely on subtle visual cues to guide attention and encourage interaction. One effective technique is to use animation that mimics natural or familiar signals, such as a lighthouse beacon. This post explores how to create a rhythmic lighthouse effect within a UI animation, focusing on transforming a letter into a dynamic, eye-catching beacon that draws users toward a call to action.
Rikki Henry
Jan 101 min read
Creating a Pulsating Heartbeat Effect for Interactive Lettering in Rive
Adding subtle motion to lettering can transform a simple message into an engaging experience. On Day 16 of my animation challenge, I focused on enhancing the "Support Us" text by making the letter "O" pulse gently, mimicking a heartbeat. This effect draws attention without overwhelming the design, creating a warm, inviting feel that encourages interaction.
Rikki Henry
Jan 91 min read
Transforming Lettering with State Machines: A Deep Dive into Motion Design Techniques
Lettering is no longer just static text on a screen. Today, motion design brings letters to life, making them interactive and engaging. One powerful way to achieve this is by using state machines, which allow each letter to respond uniquely to user actions. This post explores how state machines can transform lettering into dynamic micro-interactions, using a recent project as an example. How State Machines Enhance Lettering State machines organize different states and transit
Rikki Henry
Jan 81 min read
Mastering Typography Animation for Enhanced UI Micro-Interactions
Typography animation can transform a simple navigation button into a captivating experience that connects users emotionally with the interface. The "For Artists" button is a perfect example of how thoughtful animation curves and timing can elevate UI micro-interactions, making them feel natural and engaging. This post explores how to bring typography to life using custom cubic bezier curves, multi-stage animations, and motion principles adapted from character animation. Creat
Rikki Henry
Jan 71 min read
Mastering Animation Curves for Typography: Enhancing Motion Design at Bristol Old Vic
Typography in motion can transform a simple navigation menu into an engaging, tactile experience. At Bristol Old Vic, refining the animation curves for the navigation lettering has become a key focus. Small tweaks to Cubic Bezier handles have shifted the letterforms from stiff and robotic to lively and sophisticated. This post explores how adjusting these curves creates a snappy yet elegant feel that aligns with the theatre’s raw and honest brand identity. Understanding the R
Rikki Henry
Jan 61 min read
Bringing Typography to Life: Dynamic Navigation Bar Animations with Rive
Typography plays a crucial role in shaping a website’s personality. When it comes to navigation bars, the lettering often gets overlooked as a static element. But what if each letter could move, breathe, and interact with users? Using Rive, a powerful animation tool, it’s possible to bring navigation bar lettering to life with smooth, dynamic animations that add depth and character without sacrificing clarity. This approach fits perfectly with the bold and raw spirit of the B
Rikki Henry
Jan 51 min read
Digitised the nav bar lettering outlines. This helps the letters pop against the BG and white color scheme. #VectorFeathering #Riveapp #WebAnimation #BristolOldVic #DesignProcess
Creating a navigation bar that stands out clearly against a background can be a challenge, especially when working with a white color scheme. One effective solution is digitising the lettering outlines of the nav bar. This technique enhances the visibility of the text, making it pop and improving the overall user experience. This post explores how digitising nav bar lettering outlines, combined with vector feathering and tools like Riveapp, can elevate web animation and desig
Rikki Henry
Jan 41 min read
bottom of page