Effects / Art

Stipple

The Stipple effect creates images using varying densities of dots, similar to pointillism in traditional art. Darker areas have more densely packed dots while lighter areas have fewer, creating tonal gradation through dot distribution.

art-stipplePro

Effect ID: art-stipple

Example Configuration

art-stipple.json

{
  "effectId": "art-stipple",
  "stipple": {
    "dotSize": 3,
    "spacing": 10,
    "contrast": 1,
    "randomness": 0.3,
    "softness": 0.2,
    "densityLayers": 3,
    "paletteId": null,
    "colors": ["#000000"],
    "paperColor": "#ffffff"
  }
}

Settings

Property	Type	Default	Description
`dotSize`	number	3	Base dot size in pixels (1-8)
`spacing`	number	10	Grid spacing in pixels (4-20)
`contrast`	number	1	Luminance contrast (0.5-2)
`randomness`	number	0.3	Position randomness (0-1)
`softness`	number	0.2	Dot edge softness (0-1)
`densityLayers`	number	3	Number of density layers (1-5)
`paletteId`	string \| null	null	Color palette ID (null for custom)
`colors`	string[]	["#000000"]	Dot colors (hex array, 2-6 colors)
`paperColor`	string	#ffffff	Paper/background color (hex)

Stippling Technique

Tone is created through dot concentration:

White areas - No dots or very sparse
Light gray - Few small dots, widely spaced
Mid gray - Medium density, mixed sizes
Dark gray - Dense dots, larger sizes
Black - Dots merge into solid areas

Artistic Heritage

Pointillism - Seurat, Signac
Scientific illustration - Botanical, anatomical
Editorial illustration - Newspaper, magazine art
Tattoo art - Dotwork style

Tips

Higher randomness creates more organic, hand-drawn look
Variable dot sizes add depth and interest
Works especially well with portraits
Try warm sepia tones for vintage illustration look