Manual — Toonio

🎉 Welcome to the party!

Hi, !

To complete the registration, you need to come up with a username:

Up to 15 characters. Only Latin and numbers are allowed.

🎉 Welcome to the party!

Up to 15 characters. Only Latin and numbers are allowed.

Make sure your password is hard enough...

...and remember it!

We will send a confirmation email to this address.


LMB — click/move with the left mouse button held down.

RMB — click/move with the right mouse button pressed.

MW — scroll with the mouse wheel.

LEFT, RIGHT, UP, DOWN, SHIFT, CTRL — the corresponding keys on the keyboard.

MC — the main colour, indicated on the palette by a pencil icon.

AC — the additional colour, indicated on the palette by the bucket icon.

Drawing tools

The editor offers a choice of 3 drawing tools: Pencil, Filled shape and Eraser. You can customize the tools in the panels on the right by changing their colours, width, and stabilization settings.

  1. B — Pencil. The main tool for drawing.
    1. LMB — draw with MC.
    2. RMB — draw with AC.
  2. F — Filled shape. Draws the same line as a pencil, but the shape is painted over from the inside. Since it is quite difficult to implement a traditional filling tool, we use this alternative.
    1. LMB — contour — MC, fill — AC.
    2. RMB — contour — AC, fill — MC.
  3. E — Eraser. Draws a transparent line, beyond which the contents of the layer are not visible. Be careful when combining frames with an eraser: it overlaps just like any other tool.
  4. Pause/Break — Debug mode. Allows to view all curve points and delete individual line points by clicking on them.
  5. +/- — change the width of the brush.

Other helpful tools

You can't draw with these tools, but they can be useful to facilitate the creation of animation: undo, transform, copy and paste, and so on.

All the functions only affect the frame on the current layer.

Please note that these functions CANNOT be undone, so proceed carefully.
  1. Z — Undo. Deletes the last created line. Acts within the frame on the current layer.
  2. Y — Redo. Returns deleted lines. Acts within the frame on the current layer.
  3. Q — Move.
    1. LMB/RMB — Drag the drawing on the current layer.
    2. SHIFT + LMB/RMB — Move only horizontally or vertically.
  4. W — Rotate.
    1. LMB/RMB — Rotate the drawing relative to the center of the canvas.
    2. SHIFT + LMB/RMB — Set the center of rotation.
  5. H — Mirror horizontally.
    1. SHIFT + H — Mirror vertically.
  6. ~ — Distort. Each point of the line on the layer moves by a random distance.
    1. LMB/RMB — The further you move the cursor, the stronger the distortion.
  7. S — Resize.
    1. LMB/RMB — Scale.
    2. SHIFT + LMB/RMB — Change the size while maintaining the original proportions.
  8. C — Copy the current frame.
  9. V — Paste the frame, while the original contents are erased. You will be warned!
  10. M — Paste the frame over the original content. Once again, I draw your attention to the fact that the eraser will also overlap!

Auxiliary tools

These tools do not affect the drawing in any way, but they can be quite useful in the drawing process.

  1. O — Zoom.
    1. LMB — Zoom in.
    2. RMB — Zoom out.
    3. MW — The same thing.
  2. D — Drag. This tool is only available if the canvas is zoomed in.
  3. P — Colour picker.
    1. LMB — Pick the MC.
    2. RMB — Pick the AC.


Managing frames, layers, and all that.

  1. A — Create a new frame after the current one.
    1. CTRL + A — Create a new frame before the current one.
  2. SHIFT + A — Create a new layer after the current one.
    1. CTRL + SHIFT + A — Create a new layer before the current one.
  3. Del — Delete the current frame.
    1. SHIFT + Del — Delete the current layer.
  4. Space — Play the animation from the beginning. Please note: during the first playback, the animation may slow down, from the second time it is played at real speed.
    1. SHIFT + Space — Play the animation from the current frame.
  5. Tab — Hide/show the onion skin.
  6. LEFT — Move to the previous frame.
  7. RIGHT — Move to the next frame.
  8. J — Move to the first frame.
  9. L — Move to the last frame.
  10. UP — Move to the previous layer.
  11. DOWN — Move to the next frame.
  12. MW — Vertical scrolling on the timeline.
    1. SHIFT + MW — Horizontal scrolling on the timeline.