Animating in ways After Effects CAN'T with Rive
1.6万 次观看 · 2024-04-22
动效设计
Keyboard Shortcuts and Workflow Tips: https://www.jakeinmotion.com/rive-shortcuts-tips
Transform Sammich on Battle Axe Website: https://battleaxe.co/sammich
Joey Judkins Rive tutorials: @JJMotionStudio
One of the things that gets me most excited about Rive is the ability to blend timelines together into a single animation. You're able to work on different aspects of the same assets one at a time and then combine them all to create a much more complex animation. And the best part is, it's extremely simple to do.
In this tutorial I'll show you how I created the animation for the Transform Sammich product page on the Battle Axe website, combining two separate timelines into one animation using the State Machine and animation layers. If you missed the first tutorial, be sure to check that out so as an After Effects user you can quickly get up to speed with the Rive design and animation workflow: https://youtu.be/cdvLtrSwOPo
Chapters
00:00 Intro
00:56 Illustrator to Rive
02:13 Manipulating Paths
04:46 Animating the Scale
06:27 Keyframing the Path Vertices
10:25 Restricting the Framerate
11:17 Animating the Transform Box
13:46 Combining Timelines with the State Machine
16:33 Offsetting the Timing
20:02 Thanks for watching!
Transform Sammich on Battle Axe Website: https://battleaxe.co/sammich
Joey Judkins Rive tutorials: @JJMotionStudio
One of the things that gets me most excited about Rive is the ability to blend timelines together into a single animation. You're able to work on different aspects of the same assets one at a time and then combine them all to create a much more complex animation. And the best part is, it's extremely simple to do.
In this tutorial I'll show you how I created the animation for the Transform Sammich product page on the Battle Axe website, combining two separate timelines into one animation using the State Machine and animation layers. If you missed the first tutorial, be sure to check that out so as an After Effects user you can quickly get up to speed with the Rive design and animation workflow: https://youtu.be/cdvLtrSwOPo
Chapters
00:00 Intro
00:56 Illustrator to Rive
02:13 Manipulating Paths
04:46 Animating the Scale
06:27 Keyframing the Path Vertices
10:25 Restricting the Framerate
11:17 Animating the Transform Box
13:46 Combining Timelines with the State Machine
16:33 Offsetting the Timing
20:02 Thanks for watching!