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 size, rotation and opacity
In the Moovly Studio Editor, you can make an object move to a new position using the Move & Transform animation. And you can do this repeatedly with a sequence of different positions. Move & Transform also allows you to transform an object: change its  size, rotation or opacity, while it moves 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 or out 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 few 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 available preset options, for example ‘Move right’:

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 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 also create a sequence of multiple Move & Transform steps using key points. Every key point is represented by a bullet in the animation layer. Put your object in the right starting state and at that point in the Timeline, open the ‘Add animation’ -> ‘Move & Transform’ menu and choose ‘Add key point.

A single bullet will appear. Next, put the Playhead on a second position in the Timeline. Right-click and add a second key point:

Then select the second key point so that it turns blue. On this key point, turn to the Stage and change the object’s position, size, rotation and/or opacity. These properties will be saved for that key point. In the same way you can add a third, fourth etc. key point, with different states per key point:

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). Key point opacity is a percentage of this maximum level. For example, if the overall opacity of an object is set at 60% and one of its key points is set at an opacity of 50%, then the real opacity of that object on that keypoint will be 50% of 60%, which is 30%.

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 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 Moovly Studio?

      How to edit, import, and export subtitles in the Moovly Studio. Creating subtitles In the Moovly Editor, open the Toolkit tab and select Subtitles: The following subtitle options are listed: Click 'Add subtitle track' The text field will appear on ...
    • 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 AI-based GPT video generation?

      To automatically generate video content using GPT (AI), follow these steps: Introduction Our integration with OpenAI's ChatGPT allows you to quickly and easily create videos from text. AI video generation helps you transform your content or subject ...