Black Friday Deal
Take 50% off with coupon BLACKFRIDAY21

Animating your mock-ups with the timeline

Bring dead mockups to life with the easiest timeline feature in the 3D industry

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

Here’s all the things you can do with a keyframe in Rotato.


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.


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.

Change mockup angle for a keyframe

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