Tools
X: 0
Y: 0
Width: 256px
Height: 144px
Height: 144px
Width: 0, Height: 0
Loading..
Not loading? Try
reloading your browser.
Layers ()
Controls
New Drawings
Header
Copy:
Use CTRL+C to copy selected content.
Use CTRL+C to copy selected content.
Paste:
Use CTRL+V to paste copied content.
Use CTRL+V to paste copied content.
Cut:
Use CTRL+X to copy and delete selected content.
Use CTRL+X to copy and delete selected content.
Download Drawing
You can change the download dimensions of the drawing by moving the slider left and right. You may also download individual layers or all layers and/or frames.
x
Download for:
Width: 100 Height: 100
Export Frames
Export Layers
Language
Theme Options
Icon Set
Switch between icon sets created by drawwithme artists
Canvas Options
Background Pattern
Generate patterns using text. Text codes are consistent. Overwrites
current canvas.
Tool Options
Misc options
Custom Fonts
To use your custom font: Select the font 'Custom' under the dropdown menu within the options panel. You can create a letter by select the region with the select tool.
Brushes
To assign a custom brush - simply use the select tool and select the desired area. Use hashtag #brushes to get your brush added.
Please select which letter to assign
(You can use this font by selecting 'Custom' under the font select dropdown)
Go to image
Getting Drawing..
Drawing pixel art is easier than ever while using drawwithme
Easily create sprites and other retro style images with this drawing application
drawwithme is an online pixel drawing application and social platform for
creative minds who want to venture into the world of art, games, and programming. Pixel art is
fundamental for understanding how digital art, games, and programming work.
Drawing Tips
Want to learn pixel art? Pixel art tutorials
Making a GIF
Making animations are fun, but can be difficult. Here are some quick
tips to get you started.
• You have an unlimited amount of frames - submitting a large gif does take a bit longer to
load.
• Edit frames by selecting the preview image.
• Move frames be using the left and right arrow icons ().
• Delete frames by selecting the trash can icon ().
• You can change each frames time by selecting the ms. 1000ms = 1 second.
• Demostration of making an animation: https://www.youtube.com/watch?v=xsXYPoX7a1o
• Edit frames by selecting the preview image.
• Move frames be using the left and right arrow icons ().
• Delete frames by selecting the trash can icon ().
• You can change each frames time by selecting the ms. 1000ms = 1 second.
• Demostration of making an animation: https://www.youtube.com/watch?v=xsXYPoX7a1o
Information
• You can create stamps and use them for later. Create a stamp by selecting a region on the
canvas and clicking 'Save Stamp' on the top right corner.
• Add more colors by clicking the black and white squres under the 'Tools' panel. • If after drawing for awhile and the drawing application seems 'slow'. Please save your progress and reload the page.
• If the canvas seems laggy or glitchy, try using a smaller canvas size.
• Autosave saves every 1 minute.
• Add more colors by clicking the black and white squres under the 'Tools' panel. • If after drawing for awhile and the drawing application seems 'slow'. Please save your progress and reload the page.
• If the canvas seems laggy or glitchy, try using a smaller canvas size.
• Autosave saves every 1 minute.
Keyboard Shortcuts
Click to change shortcut
Tools
Interface
