How to apply hand draw animations?

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

'Hand drawing' can only be applied to objects from the Doodle Marker library, whilst 'handwriting' can only be applied to text boxes.

1. 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:

  • Doodle Marker images have a Hand Draw animation option: you can have a hand draw the image along its lines
  • 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 Hand Draw In 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. 

While this object is selected, there are more options you can adjust in the Properties area. For example:

  • You can change the color ("Tint") of the object 
  • You can change the type of hand: 

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 blue 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.

2. Handwriting

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 drawn:

You can change the writing speed by making the animation longer or shorter in duration.

Tip: 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 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 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 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 ...
    • 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 ...