Varying the rotation speed
Rotate slow when the screen is facing the user, and fast when the back of the device is facing the user
This tutorial has been updated the to latest design of Rotato
When making videos, especially for social media, every millisecond counts. Not just because of duration and size limits, but for the viewer's attention limits too.
In this case, we want a full rotation because that looks nice, but we want to speed up the part where the screen isn't facing the viewer.
How to do it
We'll need three animations instead of one
- Create the first animation going from Y rotation 0 to Y rotation 90. This will be a slow part where it rotates from the front angle to the side angle where the display goes out of view. Make the easing "Ease In" so that it doesn't slow down at the end of the animation.
- Create the middle animation going from Y rotation 90 to Y rotation 270, covering the full period where the screen is not in view. Since we're animating both before and after this animation, we'll want the easing to be Linear so it is one constant movement.
- Create the third animation going from Y rotation 270 to Y rotation 360 and easing to Ease Out.
You can now adjust the length of the middle animation.