Ae 效果详解：网格

Ae菜单：效果/生成/网格

Generate/Grid

网格 Grid效果可用于创建可自定义的网格。网格可以以纯色方式渲染，或者作为源图层 Alpha 通道的蒙版。适用于 UI 设计、遮罩制作和动态背景。

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

◆  ◆  ◆

效果属性说明

点击“重置” Reset按钮，恢复所有选项到默认值。

锚点 

Anchor

定义网格图案的起始点，移动此点可调整网格的位置。

大小依据

Size From

确定矩形网格尺寸的方式。

--边角点

Corner Point

矩形的尺寸由“锚点”和“边角” Corner确定，矩形的对角线由这两个点决定。

--宽度滑块

Width Slider

矩形的宽度和高度相等，等于“宽度” Width值，即所有矩形均为正方形。

--宽度和高度滑块

Width & Height Slider

矩形的高度等于“高度” Height值，宽度等于“宽度” Width值，可创建非正方形的矩形格子。

边界

Border

网格线的厚度。值为 0 时，网格线完全消失。

提示：

网格边缘的抗锯齿处理可能导致可见厚度略有变化。

羽化

Feathering

控制网格边缘的柔和程度，使其产生模糊过渡。

宽度

Width

控制网格水平方向的羽化。

高度

Height

控制网格垂直方向的羽化。

反转网格

Inver Grid

交换网格的透明区域和不透明区域。

颜色 

Color

设置网格的颜色。

不透明度 

Opacity

调整网格的透明度。

混合模式

Blending Mode

指定网格与原始图层的合成方式。工作方式与时间线面板中的混合模式相同，但有两个选项有所不同。

--无

None

默认选项，表示仅渲染网格，不再显示原始图层。

--模板 Alpha

Stencil Alpha

将网格效果作为源图层 Alpha 通道的蒙版。 

◆  ◆  ◆

应用举例

1、UI 设计元素

创建规则的网格，用于科技感界面设计或图形排版

2、基于表达式的动态网格

使用表达式控制“边角”属性以生成动画。

seedRandom(time, true); // 确保随机数随时间变化magnitude = 50; // 运动幅度（可以调整）speed = 1; // 运动频率
// 获取锚点（点1）的位置compCenter = effect("网格")("锚点");
// 获取边角（点2）的原始位置（假设它的初始位置是手动设定的）point2Init = value;
// 计算锚点到边角点的方向向量（单位向量）direction = normalize(point2Init - compCenter);
// 生成一个随机的波动量（在 -magnitude 到 +magnitude 之间）offset = direction * (magnitude * Math.sin(time * speed * 2 *Math.PI));
// 应用随机运动point2Init + offset;

3、结合其他效果

可将“网格”效果与“高级闪电”效果结合使用，以创建沿网格模式延伸的闪电分支。

“点赞有美意，赞赏是鼓励”