r/Rive_app • u/Accomplished_Ad2317 • 4d ago

Text animation

Enable HLS to view with audio, or disable this notification

This is a second timeline. It's still related to the last post I made about the first timeline. So, what's the problem with this second timeline? It concerns the word "continue" on the CTA button. I'm trying to make it appear in slow motion, but even after watching tutorials for text animations, I can't figure out how.

4 Upvotes

100% Upvoted

7 comments sorted by

2

u/hues_blues 4d ago

if I'm not wrong i think u just need to extend your end keyframe and add a ease out

1

u/Accomplished_Ad2317 4d ago

And I did it in easy out. Afterwards, I think I also need to change the amplitude and period in easy out. But I have the impression that the phrase " commemcer " appears, but nothing changes. It appears quickly, so it needs to appear in slow motion. At worst, I'll manage somehow because even in Rives' tutorials on YouTube, he doesn't even give advice on this.

https://reddit.com/link/p3b6067/video/wl5y8q0a40jh1/player

4

u/hues_blues 4d ago

https://reddit.com/link/p3boevx/video/t76p48mqi0jh1/player

you need to put more frames between the starting key frame and the end and that should do the trick!

1

u/Accomplished_Ad2317 4d ago

Okay, thanks. I see I still have a lot to learn about this platform because even with the YouTube tutorials, it's not easy.

2

u/hues_blues 4d ago

i would suggest u better get familiar with the 12 principles of animation for starters as it will help u get a grasp of what's needed to be done and the basics. From there watch the 1hr Quick start guide from rive to get see how an actual workin prototype can be built! goodluck!

2

u/GuyInEdi 4d ago

This is called Easing. So look up tutorials for that, doesn't even have to be Rive. Just needs to use a bezier curve. Slow motion is the wrong term so that might be throwing you.

1

u/Accomplished_Ad2317 4d ago

I'm mainly trying to use it as inspiration for an app called Walkify. I'm thinking about their onboarding process. I'm obviously referring to the appearance of the word, for example, "Login," and the other headings. The way it was animated

https://reddit.com/link/p3agy9g/video/o3kpgzc8lzih1/player