The Drawn editor lets you create animations frame-by-frame (as in traditional animation). Individual drawings can be stretched to cover more than one frame (by selecting them and clicking and dragging their left or right borders), allowing you to reuse a drawing across multiple frames without having to redraw it. Any edits applied to that drawing are also displayed on every frame that drawing stretches across.
Layers are similar to traditional cel animation, where each piece is transparently overlaid on the last, combining to make a scene. In the Drawn editor, the layers at the bottom of the list are drawn first, and those at the top are drawn last. A good use of layers is to draw the outline of your object/person/whatever on one layer, and colour the object/person/whatever on a lower layer. Since the outline is drawn overtop of the colouring you don't have to worry about perfectly staying in the lines. Layers also support masking.
Layers that are hidden will not be shown in the final published version of the animation.
Grouped drawings is a powerful new features in Drawn that lets you create tiny tweened animations within your animation. To help understand these features there are several tutorial animations.
Below is a cheatsheet of keyboard shortcuts and tricks when using the editor:
Switch to the Pencil tool .
|Switch to the Eraser tool .
|Switch to the Translate (move/tween) tool .
|Switch to the Text tool .
|Toggle between fullscreen editing mode.
|Copy the current drawing that is selected.
|Paste a copy of the drawing that was copied (this only brings over the drawing information, not how many frames the original drawing stretched over).
|Undo the last drawing operation on the currently-selected drawing.
|Redo the last undone drawing operation on the currently-selected drawing.
|Show/Hide the grid.
|Increase the brush size.
|Decrease the brush size.
|Zoom to 100%.
|Move to the previous frame.
|Move to the next frame.
|Move up one layer.
|Move down one layer.
|Play/Pause the animation.
|Return to the start (either the first frame or playback start).
|Set animation playback start (for looping small sections).
|Set animation playback end (for looping small sections).
|Deletes the currently-selected drawing.