# 下划线绘制（Underline Draw-On）

镜语 · 特效与转场 / 标注与数据

- 别名：画下划线、手绘下划线、划线强调
- 口语：「在关键词下面像笔一样画一条线」「标题出来后下面划一道黄线」
- 一句话：一条手绘感下划线从左往右画在重点词下方
- 是什么：下划线绘制是在标题或关键词出现后，用描边生长的方式画出一条下划线，像现场用笔划出重点。线条常带手绘弧度，结束后可以反向收回
- 缺了就不像：线条沿方向逐渐变长；位于关键词下方；画完后保持
- 加了更像：手绘弧度；关键词同步变色；退场时收回
- 适合用在：知识视频封面标题与章节标题；口播中强调结论词；教程片头说明本期主题
- 看哪里：线条有明确的起点和行进方向，从左端开始逐渐变长；同时关键词变成和线一样的黄色
- 注意：直线画得太快会像普通分割线，看不出强调；一页里多处划线时，注意先后顺序与口播一致；线压到下一行文字会影响阅读
- 描述示例：标题出现后，在关键词「构图技巧」下方用黄色手绘线从左往右画出一条略带波浪的下划线，约 0.7 秒画完，关键词同时变成黄色；退场时线从左往右收回
- 易混：
  - [描边生长](https://idea.ameng.dev/terms/trim-path.md)：描边生长是技术手法的总称；下划线绘制是它在标题强调上的具体用法
  - [马克笔划线](https://idea.ameng.dev/terms/highlighter-mark.md)：马克笔铺在文字背后形成色块，下划线只在文字下方画一条线
  - [圈出重点](https://idea.ameng.dev/terms/circle-annotation.md)：圈出重点围绕目标画闭合圈，常用于画面中的物体

## 来源与延伸阅读

- [GSAP · DrawSVG 路径显现](https://gsap.com/docs/v3/Plugins/DrawSVGPlugin/)
- [Adobe After Effects · 修剪路径（Trim Paths）](https://helpx.adobe.com/after-effects/using/shape-attributes-paint-operations-path.html)

网页版（含演示）：https://idea.ameng.dev/terms/underline-draw