Doratoon User guide

How to use Doratoon? Check below step by step.

Animation Effects

Animation effects add life to the videos, especially when it is a slideshow. Usually, you must rely upon a dedicated animation tool like Microsoft PowerPoint, or for more controlled motion graphics, Adobe After Effects to have animated objects. However, Doratoon makes things extremely simple by enabling you to apply advanced and complex animations with merely a single mouse click.

The sections given below explain how to add and customize animation effects in Doratoon to make your videos engaging and compelling.

Animation Settings – Entry

The term ‘Entry’ represents the animation effect that brings an object to a scene page. The process of adding an ‘Entry’ animation effect is given below:

Step 1: Choose an Entry Animation Effect

After starting a new Doratoon project and adding an object on the Canvas, make sure that the object is selected, and go to the Animation tab from the top of the right pane. From the Entry animation section, click to select any of the available effects to add it to the selected item (Write is selected here for illustration).


Step 2: Customize the Effect

Click the Add entry gesture button from the lower part of the Entry animation section. When the Select text gesture box appears, click to choose your preferred gesture from the available options. Note: Every animation effect may have different customization options. For instance, for the Slide animation, the options could be related to the sliding direction, speed, etc.


Step 3: Preview the Animation

Click the Play button present under the Canvas to preview the animation effect you added to the object. Make further modifications if need be.


Animation Settings – Path

The ‘Path’ animation effect becomes applicable when an object is present on the Canvas and is supposed to stay on the scene page for some time. The ‘Path’ effect enables you to draw a path that will be used by the object to move around in the scene. You can add a straight-line path to move an item in a straight line from one position to another, a curve path to move the object in a curve, and a circle path to make it move in circular form. Another type is ‘Free’ that allows you to manually draw a path for the object to move on.

The ‘Path’ animation effect is added to an item to make it look live, rather than giving the impression of a static element that sits idle on the screen for no reason.

The process of adding the ‘Path’ animation effect to an object is given below:

Step 1: Open the Path animation Box

Select the object on the Canvas, and use the method explained earlier to get to the Animation pane on the right. From the Stay effect section, click Path to open the Path animation box from where you can customize the path options.

Step 2: Customize Path Options

Click to select your preferred path type from the Path style section (Curve is selected here for this example). Drag the Path handles present over the object on the Canvas to modify the curve as needed.


Step 3: Configure Path Settings

After modifying the path, click anywhere on the Canvas to deselect the object, and then click the item again to select. When the Path animation box opens up this time, use the Duration of single motion3.5s slider to define how long will the object take to move from its original location to the destination in the scene.

Next, select the Linear, Easy in, or Easy out radio button from the Speed of single motion section to define how the object will start or stop its motion along the path. While selecting Linear will move and stop the item at a constant pace, the Easy in option would initiate the movement slowly and stop the object quickly. Likewise, choosing the Easy out radio button would start moving the object quickly but slow down its speed as it moves towards the destination point.

Also, turning on the Loop switch will make the object move along the path in a loop, and will only stop when the scene changes.

Finally, use the method explained earlier to preview the animation.


Animation Settings – Rotate and Dither

‘Rotate’ and ‘Dither’ animation effects enable you to rotate an object in the clockwise or anti-clockwise direction, and shake the item to-and-fro in your preferred direction respectively. Both these effects are present under the ‘Stay effect’ section of the ‘Animation’ tab, and are applicable when an object is supposed to stay on the scene for some time.

The processes of applying these two effects are given below:


Step 1: Get to the Rotate animation Box

Use the method explained earlier to select an item on the Canvas and go to the Animation tab. Next, click to select the Rotate option under the Stay effect section to open the Rotate animation box.


Step 2: Customize Rotation Preferences

While keeping the Rotate animation box open, click on the Canvas to set a location for the rotation anchor point (the red target icon). Because the item will rotate around this anchor point, it is imperative to position it carefully and correctly. Now, choose the Clockwise or Anti-clockwise radio button from the Rotation direct section to define whether the selected object will rotate in the clockwise or anti-clockwise direction. Next, drag the Rotation speed triangle to the left or right to decrease or increase the speed of the rotation respectively.


Step 3: Preview the Animation

Click the Preview button from the lower section of the Rotate animation box to see if the object can rotate correctly.



Step 1: Get to the Shake animation Box

As explained earlier, select the object on the Canvas, go to the Animation tab from the top of the right pane, and click the Shake option from the Stay effect section to open the Shake animation box.


Step 2: Customize the Shake Preferences

On the Shake animation box, use the Direction arrow under the Shaking direction section to define the direction the object must shake to and fro. Next, drag the Shaking range and Shaking speed triangles to define the range of the movement of the item, and the speed it will move in respectively.


Step 3: Preview the Dither Effect

Click Preview from the bottom of the Shake animation box to preview the effect. Feel free to make any changes if need be.


Transition Between Scene Pages

When your Doratoon project has multiple scenes, adding a transition effect between them makes the switching from one scene to another smoother and natural. The process of adding transition effect between two scene pages is given below:

Step 1: Add a Scene Page

Select Scene from the toolbox present on the left, and click Blank Page from the top of the center pane that appears to add a new scene page to the project. Populate the new scene with your preferred elements.


Step 2: Add a Transition

While keeping Scene selected from the left toolbox, click the Add animation option present between the two scene pages in the center pane. When the Transition animation box opens up, click to choose your preferred transition effect from any of the available sections as needed. Note: You can preview the transition by hovering the mouse over the thumbnail of an effect. This will make it easier for you to choose the correct transition effect for your video.


Step 3: Preview the Transition Effect in Video

Click anywhere on the Canvas to close the Transition animation box, and click Preview from the top-right corner of the page to preview all the scene pages in the video along with the applied transition effect(s).

Scroll to Top