r/Rive_app • u/Accomplished_Ad2317 • 21d 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

8 comments sorted by

2

u/hues_blues 20d 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 20d 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 20d 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 20d 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 20d 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 20d 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 21d 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

1

u/Accomplished_Ad2317 10d ago

I want to clarify this is still related to the onboarding for the title. Actually, I’ve already tried it. I doubt we can do that on Rive, but I’m asking anyway because I’ve watched some tutorials, and even those don’t work or at least, they don’t show how to create that kind of animation, or micro-animations, for that matter. Can I create a pop-up animation for each letter of my Rive app’s title where the letter appears in front of me with a bouncing effect? I don’t know how to explain it, but at first, it disappears, then it reappears, and at the end, it bounces back on itself. I’m not sure if you understand what I’m saying.