Search lessons...

All Lessons

Progress

🔥 Free Preview

👋 Welcome

1:04

Free

First setup

Free

Final Project

Free

Rive Intro - Design

Create Your First Artboard

2:09

Working with Assets & Reference

1:18

Designing the Character

9:42

Grouping & Layer Structure

4:10

Rive Basics - Animate

Create Your First Animation: Blinking

5:15

Animate a Logo & Character Entrance

4:37

Add Easing for Natural Motion

8:57

State Machine Basics

Create your first State Machine

2:18

Parallel Animations with Layers

2:32

Transition Between Reveal and Outro States

4:19

Trigger Inputs

3:43

Boolean Input: Day/Night Toggle

5:43

Solo Groups for Weather Backgrounds

4:47

Numeric Input: Weather Modes

6:12

Finishing the Splash Screen

9:22

Utilities & File Management

Exporting and Sharing Your Animations

6:02

Create the Main Screen

Build the Main Weather Screen - Current Forecast

14:34

⚠️ UPDATE: 
Nested Artboards → Components

Build the Main Weather Screen - Forecast Buttons

11:45

Make the Forecast Buttons Interactive with Listeners

8:18

Update the Design Based on the Weather

10:37

Constraints – Smart Layer Connections

16:06

Dynamic Weather Buddy

Create the Avatar Component

14:46

Connecting Avatar Component to the Main Screen

4:14

Create the Blinking Animation - Clear Skies

9:29

Eye Tracking with Mouse or Touch

10:34

Create the Blinking Animation - Heatwave

13:22

Create the Blinking Animation - Rainy and Snowy

13:33

Create Interactive Bounce Animation

16:37

Seamless Weather Transitions

Create Seamless Intro and Outro Animations

11:29

Connect Intro & Outro in the State Machine

8:44

Perfecting the Avatar Transition with Feather and Advanced Masking

15:55

Creating a Smooth Background Transition

16:22

Splash Screen Revamp & File Cleanup

7:12

⚡️ Custom Events

Custom Events for External Communication

8:25

Communicate from Components to Parent Artboard

14:58

Data Binding Basics 🔗

Intro to Data Binding

13:33

Binding Weather Text Values & Using Converters

8:50

Using Data Binding for State Transitions

14:41

Using Data Binding in Our Main Project

22:59

💤 Bonus Exercise – Avatar Night Mode

✏️

Data Binding Advanced 🔗🔗

Using Multiple Forecast Instances for Different Days

Connecting Forecast Instances in the Main Project

Dynamic Forecast Days Using Data Binding Lists

🎊 Bonus Exercise — Holiday Highlight

✏️

Weather Animations

Create Rainy Weather Animation

Create Heatwave Weather Animation

Create Rainy Weather Animation

Add Personality Animations – Clear Skies Avatar

Animate Smooth Transitions Between Backgrounds

Unique Avatar Personality

Add Personality Animations – Clear Skies Avatar

Add Personality Animations – Heatwave Avatar

Rigging and Bones Intro

Add Personality Animations – Rainy Avatar

Add Personality Animations – Snowy Avatar

Customizations & Rigging

Sliders, Joystick and Controllers Intro

Add Height Customization using Slider

Additive Blending for Multiple Customization

Apply Morphing to Heatwave Avatar

Apply Morphing to Snowy Avatar

Apply Morphing to Rain Avatar

Create Customization Button and Popup

Responsive Animations

Responsive Design Intro

Convert Main Screen to Nested Artboard

Make the forecast control scrollable

Make the Design Responsive

Launch the App 👑

Clean Up & Optimize Performance - Bonus

Connect your Rive file to code and test on a real device.

All Lessons

/

Final Touches

/

Connect the splash to the main screen

Connect the splash to the main screen

SVG not supported

Upgrade to Unlock

1:19

SVG not supported

Upgrade to Unlock

1:19

SVG not supported

Upgrade to Unlock

1:19

Tom Acco

Instructor

Build smooth transitions from splash to main screen.

Unlock the full Rive course

Access this lesson and over +60 lessons and assets by purchasing the the course

RIVE COURSE

Rive Masterclass For Designers

$99.00

$299.00

67% OFF

Start Learning Now

Unlimited Access for Life

Unlock over +60 lessons, pro tips, and all Rive project files — forever.

Learn by Doing

Build one fully interactive master project you can proudly add to your portfolio.

Always Up to Date

Learn Rive’s newest features like Data Binding, Responsive Design, and more.

For Designers, Animators & Creators

Master motion desig from core principles to advanced interactive animation.

RIVE COURSE

Rive Masterclass For Designers

$99.00

$299.00

67% OFF

Start Learning Now

Unlimited Access for Life

Unlock over +60 lessons, pro tips, and all Rive project files — forever.

Learn by Doing

Build one fully interactive master project you can proudly add to your portfolio.

Always Up to Date

Learn Rive’s newest features like Data Binding, Responsive Design, and more.

For Designers, Animators & Creators

Master motion desig from core principles to advanced interactive animation.

RIVE COURSE

Rive Masterclass For Designers

$99.00

$299.00

67% OFF

Start Learning Now

Unlimited Access for Life

Unlock over +60 lessons, pro tips, and all Rive project files — forever.

Learn by Doing

Build one fully interactive master project you can proudly add to your portfolio.

Always Up to Date

Learn Rive’s newest features like Data Binding, Responsive Design, and more.

For Designers, Animators & Creators

Master motion desig from core principles to advanced interactive animation.

Already purchased?

Activate

Sign In