Tutorials

Rive
We recently consolidated our old company name (2Dimensions) and our old product name (Flare) into a new brand, Rive. You may see some references to the old names in the tutorials listed below. Read the announcement.
Our Tutorials
Along with this manual, our YouTube channel is one of the best resources to get you started with animating in Rive. Be sure to check out our Feature Overview playlist to learn all the core features of Rive.
https://www.youtube.com/watch?v=gYJmX3uDBKQ&t=22s
www.youtube.com
https://www.youtube.com/watch?v=btQPPGzcN5A
www.youtube.com
https://www.youtube.com/watch?v=vwI89IRLoSg
www.youtube.com
https://www.youtube.com/watch?v=Hmq4JKMIwg4&t=2s
www.youtube.com
Using the Principles of Animation in Flare to Animate a Bouncing Ball
I posted the  GIF below on Twitter a few days ago. I found it on Google Images while searching for educational demonstrations of easing…
medium.com
Using the Principles of Animation in Flare to Animate a Bouncing Ball (Part 2)
In the first part of this tutorial, we created a basic ball bounce animation in Flare using some of the basic principles of animation like…
medium.com
Building a Water Tracking App with Flare & Flutter
Diving into Flare’s Interactive Side
medium.com
Toaster Design and Animation in Flare
2Dimensions user JcToon is up to his usual magic with a new Flare project. He recorded his entire design and animation process on this one…
medium.com
Designing, Rigging, and Animating Teddy in Flare
We’ve got another full recording of JcToon designing, rigging, and animating an entire Flare file. This time he’s working on Teddy, the…
medium.com
Building a Responsive House with Flare & Flutter
A brief overview of the Flare-Flutter API: how to build a custom FlareController.
medium.com
Building an Interactive Login Screen with Flare & Flutter
Our team at 2Dimensions recently came across the Remembear login form interaction: we thought that this was a perfect example we could…
medium.com
Tutorials by the community
Flare: Zero To Hero Animation Series
Flutter Flare Basics
​Flutter Flare 1.0 : Getting Started With 2D Animations
by MTechViral
​Flutter & multiple Flare animations
By Tony Owen
​How to use Flare in Flutter - Flutter Tutorials
by Raouf Rahiche
​How to Flare a Flutter app? Part 1 — Create Animation
by Ahmed Tarek
​How to Flare a Flutter app? Part 2 — Flutter Integration
by Ahmed Tarek
​Using Flare Animations in Flutter
by NieBin
Nima
Our Tutorials
Quick Tips to Get You Started
Getting started in Nima is simple. Let’s first get you familiar with the names of each panel in the UI, so you know what we’re referring…
medium.com
Animate a Robot Character
In his previous tutorial, user @jctoon showed you his process for designing a robot character. Now he’s back to talk about his techniques…
medium.com
Export to Flutter Tutorial
/nima/export/export-to-flutter
How to Use Meshes in Nima
Meshes are an excellent way to add natural and organic deformations to characters. In this quick tutorial, we’ll cover the basics of…
medium.com
All Keys and Animation Resizing in Nima
We’ve added an “all keys” row in the animation panel (the top row). This allows you to quickly move all the keyframes at the selected time.
medium.com
Events in Nima
Nima now has full support for Events. You can trigger Events with a keyframe during your animation, which can run any custom code at…
medium.com
Pan in the Nima Timeline
You might not know this, but you can quickly navigate around the timeline using the pan tool, in the same way it can be used on the stage.
medium.com
Show Selected Only in Nima Timeline
There’s a new button in the Animation Panel (above the timeline) that allows you to view only the currently selected objects in the…
medium.com
Enable WebGL
Community and Social Links
Last updated 1 year ago