How to use the Move & Transform animation?

How to use the Move & Transform animation?

Use Move & Transform to make an object move to a new position or change opacity

In Moovly Studio, you can make an object move to a new position using the Move & Transform animation (formerly known as "Move & Zoom"). And you can do this repeatedly with a sequence of different positions. Move & Transform also allows you to change the object's opacity from point to point.

Move & Transform is a very powerful animation effect, in other programs also known as a "tween" or "tweening". It allows you, for example, to: 

  • zoom in on an object
  • move an object from one place to another
  • rotate an object
  • change the opacity (transparency) of an object
  • use any combination of zooming, moving, rotating or opacity changes.

While there are so many possible combinations you can define yourself, there are also a number of presets you can start from and modify.

To use the Move & Transform animation on an object, first select the object. Next, click the "Add animation" button (bottom of the Timeline) and choose the Move & Transform effect from the animation options list.

Choose one of the preset options:



In the Timeline, the object will then get a default animation, moving from A to B as shown in the screenshot below:



You can now modify this default animation as follows:

  1. Click the first key point (A) of the animation in the Timeline. The key point will turn blue and the Playhead will jump to that position. With the Playhead there, now change the desired starting position and size of your object on the Stage. This is now the new starting position.
  2. Next, click the end key point (B) of the animation in the Timeline. This key point will also turn blue and the Playhead will again jump to that position. With the Playhead there, now change the desired end position, size, and rotation of your object on the Stage. This is now the new end position.

You can add new key points by right-clicking at any point in time in the Move & Transform layer:



A pop-up appears informing you that a new key point has been added to the Timeline. You can now move the object to a new desired position, size, and rotation in time. It is also easy to remove a key point: just right-click it and select 'Delete'. Or choose a key point and hit your Delete or Backspace key!

When clicking on each of the key points, the Properties of that key point are shown in the Properties area. There you can also change the object opacity level at that key point (and so at that moment in time):



This screen recording shows how to imitate a bounce effect: 

Note: in the general Object Properties, you can apply an overall opacity level to the object. This determines the maximum opacity of the object across the whole animation (including all key points).

Related Topics:


    • Related Articles

    • How to apply animation effects to objects?

      Add different effects to images, sounds, and videos in your project Every object on the Stage has a corresponding layer in the Timeline. That is where you can apply animations to your objects. The animation options of an object depend on the type of ...
    • How to apply hand draw animations?

      Apply hand drawing or handwriting and use whiteboard animation objects Whiteboard style videos, whereby a hand draws and writes content to explain or communicate something, are very popular. Moovly enables you to create such videos and presentations ...
    • How to work with subtitles in the Moovly Studio?

      How to edit, import, and export subtitles in the Moovly Studio. The subtitle feature is available for Max and Enterprise users. To find out more about this subscription, please click here. Create subtitles Open the Moovly Studio go to the Toolkit tab ...
    • How to move an object to another Clip?

      Easily and quickly move an object from one Clip to another If you want to move an object, such as an image, sound or video, into another Clip, this is an easy process. In the Timeline, just click on the name of the object you want to move to another ...
    • How to use the Text-to-video generation feature?

      Instructions on how to generate a video automatically using text. The text-to-video feature allows you to quickly generate videos based on text or a link to a webpage. How does it work? Step 1: Go to the Toolkit tab and choose Text-to-video ...