The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
After years with Lottie and After Effects, @Rive feels like a salvation. An amazing tool, and those bones… ahh. Pretty old animation, but the message still holds up. Peace & love 😊
Pistol credits: @Getillustrations Studio
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Making of Phantom Pops - Part 3 - Interacive Characters!
Interactive Characters! This video looks into how and why I created interactive characters as part of Phantom Pops' brand identity.
Love the characters!
I went back in tv history to one of the most Iconic broadcast experiences
The RCA Indian Head Test Pattern to bring it to the future with Interactive Design using rive ,for the #rivebroadcastchallenge
The Indian Head rigged and animated using rives mesh feature for micro animation of waving feathers
The test markers vectorized and animated with trims dashes and reveals using clips.
Converted a base vector trace to organized vectors then animated for use as an intro reel, tv hold, stream starting soon or end card, stinger, everyone's favorite gag: technical difficulties , among so many other use cases.
It was easier and faster in rive to animate this version than what it took to organize the vectors (sharpen an axe and all that IYKYK.)
Re-creation, cleanup and organization was the heavy part to create a foundation for all future iterations using almost 100 groups organizing 400 paths ( mainly to have versions that are fills and versions that are custom strokes)
Filled shapes had to be cleaned up into only strokes
With a difficulty being getting the centerline of a shape in vector software like Inkscape isn't a thing apparently, so it's manual work before the fun begins.
After that it becomes simple to take advantage of rives effect groups letting you apply specific trim effects to groups of different shapes.
Then stack most in state machine layers with a BlendState instead of one single massive timeline to manage all the greebles in a FUI like design.
sporadic timelapse of revectorization and organizing process:
Three days ago, I had never opened Rive.
Today I'm submitting LEAD CHANGE — a live golf broadcast overlay.
In golf, one putt can reorder the whole tournament. But broadcast graphics almost always show it after the fact. I wanted the opposite.
Everything on screen runs off a single value: the player's score.
Change it, and the card, the ticker, and the position all move at once. The position isn't drawn; a Luau script computes it against the rest of the field.
Under the hood: data binding on a Leaderboard ViewModel, a four-state machine that physically swaps the top two rows, and a second layer running a constant idle pulse so it never sits frozen.
Designed in Figma, animated in Rive, composited over real footage.
@rive_app #rivebroadcastchallenge
This is awesome 🔥