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 on 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 select 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, there is also an overall opacity level you can apply 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 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 When you open the Moovly Studio the click ...
    • 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 do I use the masking tool?

      Learn how to mask layers to hide and reveal parts of your composite You can add a mask to an object and use the mask to hide portions of the object and reveal the layers below. Masking layers is useful for combining multiple objects into a single ...
    • How to use the Grid on the Stage?

      Use the Grid function to organize your objects on the Stage When composing your content on the Stage, gridlines can be handy for a proper layout of your graphical and text objects. Moovly has a Grid option that you can switch on when needed. The ...