Doratoon User guide

How to use Doratoon? Check below step by step.

Basic Function of Animation Templates and Tools

Doratoons is populated with a plethora of templates, icons, stock photos and sounds, characters, and much more. Although the web interface that this online solution offers is intuitive and easy to understand, it would be good if you are aware of the basic functions of the tools and templates, and know where they can be accessed or obtained from. You can find all these details below:

Getting Started

To understand things better, it is recommended that you start with a blank project. To do so:

  1. Launch your favorite web browser
  2. Go to
  3. Sign in to your Doratoon account
  4. Click Create new work from the navigation pane in the left

5. Choose your preferred layout from the drop-down list present under the Blank draft column on the box that pops up


6. Click New draft to create a new blank project


Add New Text Content

Step 1: Add Placeholder Text

On the Unnamed-01 project window, click Text from the toolbox at the left, and from the pane that expands, click the text style that you want to add.b


Step 2: Replace the Text

Double-click the placeholder text on the Canvas, and press Backspace on the keyboard to get rid of it. Next, type a new text that you want to have in the animation video.

Step 3: Format the Text

Use the buttons on the floating toolbox present above the text to make the required adjustments. You can also use the tools on the right to decorate the content as needed.


Replace and Upload Image Content

Step 1: Add an Image

Click Prop from the toolbox, and click your preferred image from the gallery to add it to the Canvas. You can adjust the time of appearance of the image by dragging its icon in the Timeline at the bottom.


Step 2: Replace the Image

Click to select the image on the Canvas, click Replace from the floating toolbox that appears above the image, and click a different image from the gallery to replace the current photo with the new one.


Step 3: Upload Your Custom Image

Keeping Prop selected, click Upload from the top of the gallery, click Image from the menu that appears, and select and upload a custom picture from your local hard disk.


Add and Replace Scene Pages

Step 1: Add a Blank Scene Page

Go to Scene on the toolbox, and click Blank Page from the top of the expanded pane to add a blank scene page. Notice how a new scene is automatically added to the list.


Step 2: Replace a Scene Page

Click to select the blank scene page that you added in the previous step. Next, click Scene Store from the top of the expanded pane, click your preferred scene category from the Scene Store pane, and click a scene theme from the available list to automatically replace the blank scene with the selected one.


Add Background

Step 1: Add a New Scene Page

Use the method explained earlier to add a blank scene page to the project.

Step 2: Add Background

Choose a color from the Page tab on the right pane to add color to the background. Alternatively, you can also click Upload from under the preview box, and upload a custom background image from your computer.


Add a Character and Replace Character Movements

Step 1: Add a Character

While having a scene selected, go to Character from the toolbox, expand your preferred category from the Character pane that is revealed, and click a character to automatically add it to the Canvas.


Step 2: Replace Character Movements

Select the character on the Canvas, click the Action icon from the floating toolbox present above the character, and choose your preferred action from the Actions gallery that appears next.


Add Voice and Background Music

Step 1: Add Your Voice

Select Sound from the toolbox, click Record from the top of the Sound pane that expands, and use a microphone to start recording your voice for the animation.


Step 2: Add Background Music

Click the Play button present on the left of each of the stock tracks in the list to preview the music. Next, click Apply from the right of the sound you like the most to add it to the animation project.


Step 3: Customize Sound Preferences

Use the options present in the Sound management box that comes up next to adjust the volume of the music, define whether the audio should be played in a loop, add a recording, etc.


Add Scene Transitions

Step 1: Reveal the Transition animation Pane

Go to Scene from the toolbox, and click the Add animation option present under a scene page to reveal the Transition animation pane.

Step 2: Add a Transition

Click an animation template from your preferred category to add it as a transition effect between the selected page and one next to it. Repeat this process to add transitions between all the scenes in the project.

Pro Tip: Try using the same transition effect throughout the animation to make it look consistent and professional.


Adjust Footage Time

Step 1: Adjust Object Appearance

Go to Scene from the toolbox, and select the first slide. As explained earlier, select the object on the Canvas you want to adjust the appearance for. Click the object’s icon in the Timeline at the bottom, and drag it to the left or right to define when it should appear on the scene.

Step 2: Set Scene Duration

Use the + or  button present at the right end of the Timeline to increase and decrease the overall duration of the scene in the animation respectively. Repeat this process for all the scenes that your project has.


Step 3: Preview the Animation

Click Preview from the top-right corner of the web page to preview the complete animation. Feel free to make any changes that you want if the project looks a bit inconsistent.


Step 4: Export the Project

Click Export from the top-right corner. On the next page, define the export preferences as needed, and OK to export the animation.

Scroll to Top