To generate gradient swatches, click here or double-click on the gradient generator icon above.
No Audio
00:00.01
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:
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 Widths
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.
Shift
Shift
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
Translation
Shift Each Copy
Shift Each Copy
Rotation
Rotate Each Copy°
Scaling
X Scale Each Copy%
Y Scale Each Copy%
Colouring
Stroke Colour
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
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.
