Delete Drawing Drawing Details Insert Frames Remove Frames Add Layer Delete Layer Layer to Top Layer Up Layer Down Layer to Bottom Layer Details
Select all to Left Select all to Right Select Layer Select All Clear Selection
Colour Picker
×
new
current
Save Animation
×
Because you are not logged in, you can only publish your work. If you had an account and were logged in, you'd be able to save a draft copy to work on later.
Jump to Frame
×
Frame:
Time Index:
Drawing Details
×
Opacity:
%
Start Frame:
End Frame:
frames
Layer Details
×
Opacity:
%
Masked By:
Choose Interpolation
×
Gallery:
This animation
This animationDrawn DefaultsCreated by meCreated by others
Create New Copy to New
Name:
Description:
Change Animation FPS
×
Important! The higher the FPS the bigger the risk of lag or dropped frames on some devices.
Frames per Second
Valid FPS values are between 1 and 60, inclusive.
Generate Gradient Swatches
×
Start Colour
End Colour
# of Steps
Grid Settings
×
Colour
You should probably leave colour alone. Blank it out to reset it to the default if you screw it up.
Onion Skin Settings
×
Buffer
The number of previous frames to show onion skin for (Allowed values: 2 - 10)
Colour
If a colour is provided it will override the source colour
Text Field Settings
×
Font
Align
px
Colour Replace
×
This dialog lets you replace all strokes in the selected drawing (frame) of one colour with another.
Note: This cannot be undone.
Colour to Replace
New Colour
Brush Width Replace
×
This dialog lets you change the stroke widths in the selected drawing (frame).
Note: This cannot be undone.
Target WidthsExactly
ExactlyGreater ThanLess Than
Change To
Change ToAdjust By
Translate Drawing
×
This dialog lets you translate (move) the selected drawing a specific number of pixels from its current location.
Note: This cannot be undone.
ShiftRight
LeftRight
ShiftDown
UpDown
Rotate Drawing
×
This dialog lets you rotate the drawing about its center. It has no effect on text objects.
Note: This cannot be undone.
Rotation
°
Scale Drawing
×
This dialog lets you scale the selected drawing about its center. It has no effect on text objects.
Note: This cannot be undone.
X Scale
%
Y Scale
%
Repeat & Transform
×
This dialog lets you take the current drawing (frame) and copy it several times over, transforming each copy relative to the previous.
Remember to factor in the size of your drawing/stroke widths when determine translation distances.
Note: Copies are appended to the target drawing as new strokes. You cannot bulk-undo this operation, but you can undo each stroke.
Make
copies into this drawing
copies into this drawingcopies as new drawings after this one
Translation
Shift Each CopyRight
LeftRight
Shift Each CopyDown
UpDown
Rotation
Rotate Each Copy
°
Scaling
X Scale Each Copy
%
Y Scale Each Copy
%
Colouring
Stroke Colour
leave alone
leave alonefollow gradient palette, stopping at endfollow gradient palette, looping if end reachedfollow gradient palette, accordion mode
Brush Size
Adjust brush size of each copy by
Paste Warning!
×
You are pasting into one or more drawings that already have content. This cannot be undone.
You can either replace the existing drawing(s) with what you're pasting in, or add what you're pasting in to the existing drawing(s) (i.e. merge the two drawings).
Enable Audio
×
If you would like to enable audio for this animation, it will cost 1000 Koin.
Your current Koin balance is 0 Koin.
Audio Settings
×
Currently Drawn only supports MP3 files. While there is presently no limit to the file size, to help everyone out, we request that
you trim your audio files down to just the parts you need. After all, why upload an 8MB, 8-minute song if your animation is only 2 seconds long?
A good, free, open-source audio editor is Audacity.
Do not violate any copyright laws.
Upload MP3 File
If left unchecked, audio will loop independently of the animation (i.e. whenever the audio ends that's when it'll loop)
Insert Frames
×
This dialog lets you insert an arbitrary number of frames at the current position in the timeline.
Existing drawings are shifted to the right. Drawings that overlap the selected position are either stretched, or split and shifted depending on your selection.
Number of frames
Overlapping drawings
stretch
stretchsplit
Remove Frames
×
This dialog lets you delete an arbitrary number of frames at the current position in the timeline.
Drawings to the right of this frame are shifted to the left or removed.
Drawings that overlap the selected position are shrunk.