Effects / Art

Crosshatch

The Crosshatch effect simulates traditional engraving and woodcut techniques where overlapping diagonal lines create tonal variation. Darker areas have more crossing lines while lighter areas have fewer or none.

art-crosshatchPro

Effect ID: art-crosshatch

Example Configuration

art-crosshatch.json

{
  "effectId": "art-crosshatch",
  "crosshatch": {
    "spacing": 15,
    "thickness": 2,
    "angle": 45,
    "contrast": 1,
    "edgeStrength": 1,
    "wave": 0,
    "waveFreq": 3,
    "lineWeight": 0.2,
    "inkColor": "#000000",
    "paperColor": "#f5f5dc"
  }
}

Settings

Property	Type	Default	Description
`spacing`	number	4	Distance between hatch lines
`lineWidth`	number	1.0	Width of hatch lines
`angle1`	number	45	First hatch direction (degrees)
`angle2`	number	-45	Second hatch direction (degrees)
`levels`	number	4	Number of tonal levels

Hatching Density Levels

Level 0 - No lines (white/lightest)
Level 1 - Single direction hatching
Level 2 - Cross-hatching (both directions)
Level 3 - Dense cross-hatching
Level 4 - Solid/near-solid (darkest)

Artistic References

Woodcuts - Dürer, Hokusai
Engravings - Gustave Doré
Etchings - Rembrandt
Illustrations - Classic book illustrations

Tips

Works best with high-contrast images
Increase contrast in source for clearer results
Use wider spacing for bolder, graphic look
Classic black on cream/tan for antique prints