To generate gradient swatches, click here or double-click on the gradient generator icon above.
Toggle Grid
Toggle Onion Skin
Grid Settings
No Audio
00:00.01
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.
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)