Effects / Art
Line Art
The Line Art effect extracts clean edges from images using edge detection, producing results similar to ink drawings, comic outlines, or coloring book pages.
art-lineartProEffect ID: art-lineart
Example Configuration
art-lineart.json
{
"effectId": "art-lineart",
"lineart": {
"threshold": 0.2,
"thickness": 2,
"softness": 0.3,
"fillOpacity": 0,
"invert": false,
"wave": 0,
"waveFreq": 3,
"lineWeight": 0.2,
"lineColor": "#000000",
"fillColor": "#ffffff",
"backgroundColor": "#ffffff"
}
}Settings
| Property | Type | Default | Description |
|---|---|---|---|
threshold | number | 0.1 | Edge detection threshold (0.05-1) |
thickness | number | 2 | Line thickness (1-10) |
softness | number | 0.3 | Edge softness (0-1) |
fillOpacity | number | 0 | Interior fill opacity (0-1) |
invert | boolean | false | Invert lines (white on dark) |
wave | number | 0 | Line wave amount (0-1) |
waveFreq | number | 3 | Wave frequency (1-10) |
lineWeight | number | 0.2 | Line weight randomness (0-1) |
lineColor | string | #000000 | Line color (hex) |
fillColor | string | #ffffff | Fill color (hex) |
backgroundColor | string | #ffffff | Background color (hex) |
Edge Detection
The effect uses Sobel edge detection to find boundaries:
- Detects gradient changes in luminance
- Threshold controls which edges are drawn
- Lower threshold = more detail, more noise
- Higher threshold = cleaner lines, less detail
Best Use Cases
- Coloring books - Printable outlines
- Comic art - Manga/comic style inking
- Technical drawings - Product outlines
- Logo tracing - Vectorizable outlines
Tips
- High-contrast source images work best
- Adjust threshold to control line density
- Use colored lines on dark background for neon effect
- Combine with original image for sketch overlay