The Advanced Outline effect creates high-quality outlines around objects that precisely follow their contours, with customizable thickness and appearance.
How it works
Advanced Outline uses a distance field technique to generate outlines that accurately match the shape of objects. Unlike the Simple Outline effect which uses a more basic and naive edge detection, Advanced Outline calculates the exact distance from each pixel to the nearest edge of visible content, allowing for more precise outline rendering. It is also much more efficient in terms of processing power.
This approach creates outlines that properly wrap around complex shapes and maintain consistent quality at any thickness.
Use cases
- Creating professional-quality outlines for text and logos
- Highlighting objects with precise contour outlines
Controllers
| Name | Type | Description | Range |
|---|---|---|---|
| Outline Color | Color | Color of the outline | - |
| Inner Threshold | Number | Controls where the inner edge begins | 0-100 |
| Outer Threshold | Number | Controls where the outer edge ends | 1-500 |
| Opacity | Number | Controls the transparency of the outline | 0-1 |
| Outline Only | Boolean | Shows only the outline without the original | - |
Tip
For a clean, sharp outline, set make sure the difference between the inner and outer threshold is more than 1 pixel