Klecks Logo
Help
About

Video Tutorial

▶️ Kleki - Introduction Tutorial (2022)
This tutorial is for Kleki, but most of it also applies to Klecks.
This video gives you an overview and teaches you how to use the most important features, including: paint bucket, layers, shortcuts, text tool, and more.

Shortcuts

  • Eyedropper
    Right Mouse Button, or Alt + Mouse
  • Hand Tool
    Middle Mouse Button, or Space + Mouse
  • Hand Tool
    Arrow keys
  • Zoom
    Scroll, or hold Z + drag horizontally
  • Zoom
    + in, - out
  • Rotate View
    Hold R and drag (+ Shift for snapping)
  • Rotate View
    Hold R and press ← or →
  • Reset Rotation
    R + Up-Arrow
  • Fit Into View
    Double click while using Hand Tool, or Home
  • Reset View
    End
  • Undo
    Ctrl + Z or ⌘ + Z
  • Redo
    Ctrl + Y or ⌘ + Y
  • HUD Color Picker
    Ctrl + Alt or ⌘ + Alt
  • Line Tool
    Hold Shift while drawing
  • Change Brushsize
    [ decrease, ] increase
  • Swap color
    X
  • Paint Bucket
    G
  • Gradient
    G
  • Text Tool
    T
  • Shape Tool
    U
  • Last Brush
    B
  • Eraser
    E
  • Clear Layer
    Delete or Backspace
  • Fill Layer
    Enter
  • Relative Sliding
    Drag with Right Mouse Button
  • Relative Sliding
    Scroll-Wheel
  • Manual Slider Input
    Double tap/click on slider
  • Finegrained Sliding
    Pull pointer away vertically
Touch
  • Hand Tool
    Drag/pinch/twist with 2 fingers
  • Fit Into View
    Double tap with 1 finger
  • Undo
    Tap with 2 fingers
  • Redo
    Tap with 3 fingers

Pressure Sensitivity

If you use a stylus (Wacom tablet, Apple Pencil, ...) and your browser supports it, then Klecks offers pressure sensitivity. You can toggle it next to the brush sliders. That way your pen pressure can affect brush size and opacity.

Stabilizer

Stabilization makes it easier to control your lines by lagging behind and averaging your drawing motion. This is mostly used to create clean final lineart. It can also help making drawing easier in general when you only have a mouse.

The responsiveness of no stabilization is desirable for fast sketching, or for large brush sizes, where jitter is less visible.

About

Klecks (Klecks.org, Kleki.com)
An open-source, community funded, painting tool for the browser. Donate to support further improvements.
Copyright (c) bitbof

Additional Credits: glfx.js for filters, Harmony inspired the Sketchy-Brush, FileSaver.js for saving files, ag-psd for PSD import/export.