Ae 效果详解:描边

Ae菜单:效果/生成/描边

Generate/Stroke

描边 Stroke效果可沿一个或多个蒙版路径创建描边。通过动画起始/结束属性,可逐步绘制或擦除路径,从而实现手写文字、路径高亮、进度环形图等效果,广泛应用于标题设计和数据可视化等领域。

本效果仅适用于 8-bpc 色深模式。

◆ ◆ ◆

效果属性说明

点击"重置" Reset按钮,恢复所有选项到默认值。

路径

Path

选择用于描边的蒙版路径。开放路径和闭合路径都可以。

默认选项通常是图层里的第 1 个蒙版。

所有蒙版

All Mask

默认不勾选。若勾选,将对全部蒙版路径进行描边。

顺序描边

Stroke Sequentially

仅在"所有蒙版"启用时可用。

勾选后,描边将按照蒙版的顺序逐个绘制。若取消勾选,将并行描边所有路径。

颜色

Color

设置描边的颜色。

默认为白色。

画笔大小

Brush Size

控制画笔的大小。

默认值为 2。值越大,描边线条越粗。

提示:

画笔大小通常基于路径曲率设置,避免拐弯处大笔刷可能盖过细节。

画笔硬度

Brush Hardness

控制描边边缘的硬度。

默认值为 79%。100% 表示硬边笔刷,描边边缘清晰锐利;较低值则产生柔边效果,描边边缘渐渐透明过渡。

不透明度

Opacity

设置描边的透明度。

默认值为 79%。

起始

Start

控制描边沿路径的起始百分比。

默认值为 0%,表示从路径的首端开始描边。提高此值,则会裁去路径开头的部分。

比如,"起始"为 50%、"结束"为 100% 时将只保留后半段描边。

结束

End

控制描边沿路径的结束百分比。

默认值为 100%,表示描边至路径末端。降低此值,则仅绘制路径的一部分。

比如,"起始"为 0%、"结束"为 50% 时将只描边路径的前半段。

间距

Spacing

描边笔触在路径上采样的间隔距离,占笔触直径的百分比。

默认值为 15%。较小的值(比如,0%)使笔触连续覆盖形成实线。较大的值可使得笔触在路径上的间隔拉大,产生断续的虚线效果。

绘画样式

Paint Style

决定描边效果与原图层内容的合成方式。

--在原始图像上

On Original Image

描边直接绘制在原始图像之上。

--在透明上

On Transparent

描边绘制在透明背景上,不再显示原始图像。

--显示原始图像

Reveal Original Image

描边充当遮罩来揭示原始图像。

◆ ◆ ◆

应用举例

1、UI 加载动画

在移动 App 或网页的加载环形进度指示中,常用描边动画。

可创建一个圆形蒙版路径并应用"描边"效果,选择"在透明上"绘制彩色圆环。将"结束"属性绑定表达式使其循环变化。

apache 复制代码
End = (time * 20) % 100

使描边端点随时间在 0 ~ 100%之间往复(每 5 秒转一圈)。这样形成一个不断沿圆环旋转的描边段,模拟加载进度循环的动画效果。

2、手写标题文字动画

先将文字转换为掩膜层(在文本图层上右击选择"创建/从文字新建蒙版"),然后对该掩膜层应用"描边"效果,勾选"所有蒙版"并开启"顺序描边",将绘制样式设为"显示原始图像"。接着将"结束"属性从 0% 关键帧动画到 100%,描边将按顺序勾勒出每个字符的笔画。

3、数据可视化进度环

在数据展示中,用圆环表示百分比等指标非常直观。可以制作一个圆形路径的图表,将"描边"效果应用于表示进度的圆弧上。

可以将外部数据驱动描边长度:添加"滑块控制"效果用于存储数值,并用表达式将结束绑定到该滑块(数值 0 ~ 100)上。这样修改滑块就实时更新圆环描边长度,对应数据变化。

若需动态变化,也可通过编写简单表达式随时间或交互更新滑块值。此应用在仪表盘、环形进度条等数据可视化场景下非常实用,将抽象数据以直观的描边长度呈现给观众。

"点赞有美意,赞赏是鼓励"

相关推荐
新中地GIS开发老师8 小时前
资源与环境(地理信息工程)这个专业怎么样
考研·信息可视化·资源与环境
小咕聊编程2 天前
基于Python的豆瓣电影数据可视化系统构建分析
开发语言·python·信息可视化
总要学点什么2 天前
第81篇:数据可视化-PM2.5分布——让圆点的胖瘦替每座城市报出浓度
前端·信息可视化·echarts·cesium·空间分析
瓶瓶持续学习中3 天前
空间智能与物理AI:国内厂商如何与英伟达协同发展
大数据·人工智能·信息可视化·架构
Elastic 中国社区官方博客3 天前
使用 OpenTelemetry 在 Elastic 中实现 Claude 平台的人工智能 agent 可观测性
大数据·运维·服务器·人工智能·elasticsearch·信息可视化·全文检索
DataGear4 天前
DataGear 6.1.1 发布,数据可视化分析平台
javascript·信息可视化·数据分析·echarts·数据可视化
数字新视界4 天前
模块化机房的设计与实施原理剖析
大数据·物联网·信息可视化·信息与通信·一体化机柜
龙亘川4 天前
适应人工智能发展、构建就业友好型发展方式
大数据·运维·人工智能·信息可视化·智慧城市
2601_954005625 天前
11 种触发 × 18 种行为:ricon 交互编排系统全解
前端·后端·物联网·数学建模·信息可视化·交互
总要学点什么5 天前
第79篇:数据可视化-模拟迁徙效果——把三十条航线画成会飞的弧
3d·信息可视化·数据挖掘·数据分析·gis·webgl·cesium