How to apply hand animations?

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 without being a graphical talent. 

Hand animations can be applied to all visual objects in your content: for example, an image can be dragged in by a hand, a video object can be shifted out by a hand. Some hand animations, however, are only available to particular objects: the 'Hand drawing' animation can only be applied to objects from the Doodle Marker library, and 'Hand writing' can only be applied to text objects.

1. General hand animations

Hand animations can be applied on all visual objects: images, videos or text. To apply a hand animation to an object on the Stage, follow these steps:
  1. Select the object by clicking on it on the Stage or in the Timeline.
  2. Open the ‘Add animation’ menu, choose ‘Hands’ and select the hand animation you would like to apply.
While this object is selected, there are more options you can adjust in the Properties area. For example, in the Animation tab of the Properties, you can change hand type:


2. Hand drawing

In the Editor, open the Library dropdown list and choose the Doodle Marker library.


The Doodle Marker library contains both images and videos. Compared to other objects in other libraries, the Doodle Marker objects have special options:
  1. Doodle Marker images have a Hand Draw animation option: you can have a hand draw the image along its lines. You are also able to change their colors.
  2. Doodle Marker videos have a programmed animation specific to that drawing: e.g. a boy can walk, a presenter can raise his hand, a bird can fly... etc.  
To apply the hand drawing animation, first drag and drop a Doodle Marker image to the Stage and then select the Hand Draw In animation from the animation options:

When the animation has been applied, play the animation and watch how the object is drawn: 



You can change the drawing speed by making the animation longer or shorter in duration: drag the edge bullet to the left or right.



Working with Doodle Marker video objects is slightly different: in the Doodle Marker library, scroll down to the Videos section and click any object. In the Properties area on the right-hand side, you can preview the video object.

Notice that most of these objects are loopable objects: the preview shows one loop, but in your content, you can use as many loops as you want. From the library, drag and drop the object to the Stage. On the Timeline, extend the object in time by making its time bar longer:




The tiny vertical lines in the blue bar show where the loop restarts. If you also want your object to move at the same time, add a Move & Transform animation to the object. There you also have an option to pause your video object when you want.

3. Hand writing

In the Editor, create a new text box and type your text:



Now select the Hands > Write animation from the animation options:



When the Hands Write animation has been applied, play the animation and watch how the object is written:



You can change the writing speed by making the animation longer or shorter in duration: drag the edge bullet to the left or right. Don’t make your animation too fast or too slow, so that it doesn’t distract your viewers.


Tip 1: from the available fonts list, choose a font that has a hand written look. That will make your hand writing effect more believable. 

Tip 2: in the Templates section of your Dashboard, there are templates based on the Doodle Marker library. Copy such a template to use it as a basis for your content.






    • 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 draw shapes in my project?

      Learn how to add different shapes to your project. With the following instruction, you will learn how easy it is to add shapes to your project. Step 1: Go to the Moovly Studio and click on the Shapes icon above the Stage. Step 2: Choose which shape ...
    • Which graphical object libraries are available in Moovly?

      Read about the different libraries that are available to you in Moovly Studio There are several different object libraries available in Moovly Studio, containing millions of objects you can use in your projects. Available Libraries: Personal Library: ...
    • 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 ...
    • How to work with text in the Editor?

      Easily add, adjust and animate text objects Text objects are very easy to work with. To add text to your content, click the “T” icon above the Stage. Next, click anywhere on the Stage and you will see a text box appear. Double click the default "Type ...