Animating

Animating your mock-ups with the timeline

Hi there! Struggling with transparent backgrounds? We can help.

We want to help people make better videos. If you have a moment, here's a few questions that will help us  understand this problem. In return, you'll get a free guide, and absolutely no spam.
What kind of video do you have?
...and where would you like to use it?
Want an email with a quick guide? One-time email, no sales, we just want to learn about your problem, so we can build a solution. In return, we'll give you the best way to do this today.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create a promo video in a matter of seconds

How to do it

  • Position your device
  • Add a new keyframe using the + button next to the timeline

Working with keyframes

Duration
Drag the left edge of a keyframe to change its duration. You can also click a keyframe and change the duration in the keyframe inspector side bar.

Easing
This tells Rotato how you want the mockup devices to move from keyframe to keyframe. Click a keyframe, then change the easing in the side bar.

Rotation
Click a keyframe, then change the camera rotation as you would normally. Once you're done rotating, you'll note that the keyframe thumbnail updates, reflecting the new rotation.

Delete a keyframe
Select the keyframe, then click the trashcan. Alternatively, press the backspace button on your keyboard.

Delete all keyframes
De-select all keyframes. Then click the trashcan.

Duplicate a keyframe
Select a keyframe, then click the + button.

Watch a video

What it looks like

Nice to know