Why an online editor is a good first tool

The main barrier to digital drawing is not talent. It is installing software. A browser editor removes that step: open a link and you are already drawing a line on the canvas.

A graphics tablet and stylus

Nothing to install

The editor does not need administrator rights or disk space. That helps on a school or work computer, where installing programs is not allowed.

Works on a weak laptop and a phone

A 1500 × 2000 pixel canvas only needs 2 GB of RAM. The browser draws the line with no delay, because it is not hauling along a hundred print-production features.

A tour of the interface

Almost every editor is built the same way: canvas in the center, tools on the left, settings across the top, layers and palette on the right. Learn that logic, and the next program will open without a manual.

A laptop on a wooden table

The canvas and its size

Set the size once, before the first stroke. You cannot enlarge a finished drawing without losing sharpness, so leave yourself some room:

Those numbers are unpacked in the guide on resolution and DPI.

The toolbar

On the left live the brush, eraser, fill, eyedropper, and selection. Across the top, the settings for the current tool change: size in pixels, opacity in percent, and edge hardness.

Palette and layers

The palette is easier to keep in HSB slider mode: there you change brightness without knocking the hue off. The layers panel shows a list of sheets, and the order in that list decides what ends up on top.

Five tools that cover everything

A beginner does not need a hundred buttons. Five tools are enough to take a piece from sketch to finish.

A tablet in someone's hands

Brush and pencil

The pencil gives a hard edge with no smoothing. The brush softens the boundary and responds to pressure. For a sketch, set opacity around 40% so the lines stack softly.

Eraser and fill

The eraser is the same brush in reverse, and it has hardness too. Fill paints a closed area in one click, but it leaves a white fringe along a soft outline.

Eyedropper

The eyedropper picks up color straight from the canvas, and you call it by holding Alt. The other shortcuts are collected in the article on artist keyboard shortcuts.

Your first drawing in 15 minutes

Pick a simple object: a mug, an apple, a cactus in a pot. Work in three layers so each stage can be edited on its own.

  1. Create a 1500 × 1500 pixel canvas.
  2. Block in the form with a thin line.
  3. Add a layer under the sketch and fill in the local color.
  4. Put a layer on top with the shadow and the highlight.
  5. Lower the sketch opacity to 20%.
  6. Export the result as PNG.

The sketch layer

Draw freely: the sketch will end up under the color anyway. Keep the brush at 6–10 pixels, and if the line wobbles, turn stabilization on at a medium setting.

The fill layer

Paint the object in one mid-value color: from the middle it is easier to move into both shadow and light. Clean the edges with a hard eraser at 100% zoom.

The light and shadow layer

Decide where the light is coming from, and keep that direction to the end. Put the shadow on the opposite side and the highlight on the most rounded point. The logic is the same as in light and shadow.

Exporting and storing your work

A piece exists only once it is saved. Export the file right after the final stroke.

PNG, JPG, or SVG

PNG fits clean lines and a transparent background. JPG weighs less, but it compresses with loss. SVG is only for vector logos.

How to avoid losing the file

Common mistake

Closing the tab and hoping the browser autosaved. Hit export every 10–15 minutes, and keep versions in one folder with the date in the name.

Keep two copies: a working file with layers, and a finished PNG for showing people. Send the second one to the cloud right away.

Common problems for beginners

Almost every first-day snag comes down to two situations, and both are fixed in a minute.

I draw and nothing shows up

Check in order: the right layer is selected, its visibility is on, and the brush opacity is not set to zero. Another common cause is a white brush on a white background.

The brush smears and lags

Lag means the canvas is too big for your device: shrink it to 1500 pixels on the long side. If the line catches up to the cursor, lower the line stabilization.

Time to draw, not just read

Theory fades in a couple of days if you never use it. Open the editor and spend 15 minutes on what you just read. That is enough for the skill to stick.

Try it now

A free online editor: brushes, layers, a palette, and a shared canvas. No install and no sign-up.

Start drawing

Topics in this guide

Raster and Vector Graphics: How They Differ and What to Choose →