AE 新手推荐:如何在 After Effects 中完美绘制六边形?

在 After Effects(简称 AE)中,几何图形的绘制是动态图形设计(Motion Graphics)。虽然 AE 原生工具栏中只有矩形和椭圆工具,但通过简单的组合与技巧,我们可以轻松绘制出标准的正六边形。
这篇文章将为你详细解析三种在 AE 中绘制六边形的方法,从最基础的形状图层组合,到使用插件的高效操作,并附带参数优化建议,助你提升工作效率。
方法一:基础形状图层组合(推荐新手)
这是最常用且无需安装额外插件的方法。核心思路是利用三个矩形旋转叠加,或者使用路径数据手动绘制。这里我们介绍更直观的“矩形旋转法”。
步骤详解:
1. 创建形状图层:
点击菜单栏 `图层 (Layer)` > `新建 (New)` > `形状图层 (Shape Layer)`。
2. 添加矩形形状:
在形状图层下,点击 `添加 (Add)` 按钮,选择 `矩形 (Rectangle)`。
3. 调整矩形比例:
在“矩形路径 (Rectangle Path)”中,将 `圆角 (Rounded Corners)` 设置为 `0`。
调整 `大小 (Size)`,设置为 `宽度: 200, 高度: 115`(具体比例可根据需要微调,六边形的高度约为宽度的 0.577 倍,即 )。
4. 复制并旋转:
按住 `Alt` 键拖动“矩形”属性,复制出两个新的矩形。
分别选中个和个矩形,在“变换 (Transform)”中调整 `旋转 (Rotation)`:
个矩形:旋转 `60°`
个矩形:旋转 `120°`
5. 合并路径(可选):
如果必须将六边形作为一个单一路径进行描边或填充,可以使用“合并路径 (Merge Paths)”或“联合 (Union)”布尔运算,但直接保留三个矩形叠加视觉效果更佳,便于单独控制。
注意:此方法生成的六边形是由三个矩形叠加而成的,并非真正的单一多边形路径。若需进行复杂的布尔运算或精确描边,建议使用方法二或三。
方法二:利用“钢笔工具”手动绘制路径(高精度)
如果你需要精确控制每个顶点,或运用“钢笔工具 (Pen Tool)”绘制自定义路径,这是最佳选择。
步骤详解:
1. 选择工具栏中的 钢笔工具 (G)。
2. 在合成窗口中,按住 `Shift` 键(确保角度为 30° 的倍数,AE 会自动吸附),依次点击六个点。
3. 关键技巧:
六边形的每个内角为 120°,外角为 60°。
建议先画一个正三角形,再复制并旋转,用钢笔工具连接顶点,或使用“路径操作”合并。
4. 更简单的方式:
创建形状图层后,使用钢笔工具直接绘制六边形路径。
在“路径 (Path)”属性中,点击“添加 (Add)” > “路径操作 (Path Operation)” > “联合 (Union)”,确保路径闭合。
方法三:使用插件或脚本(高效批量处理)
对于经常需制作六边形网格或复杂几何图形的用户,采用插件如 Duik Bassel、Motion Bro 或 Saber 等可以极大提升效率。部分插件提供直接生成六边形的功能。
推荐插件:
- Motion Bro:内置多种几何形状生成器,包括六边形。
- Duik Bassel:虽主要用于绑定,但其形状工具也支持多边形生成。
- 自定义脚本 (Script):AE 支持 JavaScript 脚本,可编写简单脚本一键生成指定数量的六边形网格。

数据说明:六边形参数参考表
为了帮助你快速调整六边形的比例,下表提供了不同宽度下的推荐高度值(基于正六边形几何原理:,但注意这是指外接圆直径与边长的关系。在 AE 矩形旋转法中,高度约为宽度的 0.577 倍,因为矩形是水平放置的)。
| 六边形宽度 (Width) | 推荐矩形高度 (Height) | 旋转角度 (°) | 适用场景 |
|---|---|---|---|
| 100 px | 57.7 px | 0, 60, 120 | 小图标、按钮背景 |
| 200 px | 115.5 px | 0, 60, 120 | 常规图形元素 |
| 400 px | 231 px | 0, 60, 120 | 大型背景、遮罩 |
| 800 px | 462 px | 0, 60, 120 | 全屏动态图形 |
注:上面这些高度值为近似值,实际采用时可根据视觉微调。若使用钢笔工具直接绘制,则无需考虑此比例,直接闭合路径即可。
优化技巧:让六边形更专业
1. 使用“预合成”管理:
将绘制好的六边形放入预合成中,方便后续添加动画(如缩放、旋转、不透明度改变)。
- 在形状图层的“内容 (Contents)”中,添加“描边 (Stroke)”和“填充 (Fill)”。
- 调整描边样式为“圆头端点”或“斜接”,使六边形边缘更平滑。
3. 使用“表达式”实现动态变化:
若希望六边形大小随时间转变,可在“缩放 (Scale)”属性上添加表达式:
```javascript
wiggle(2, 50); // 每2秒随机波动50像素
```
4. 创建六边形网格:
使用“复制”功能,结合“偏移”和“旋转”,可以快速创建蜂窝状网格。推荐使用插件 Hexagon Grid 或手动复制形状图层并调整位置。
常见问题解答 (FAQ)
Q: 为什么我的六边形看起来不是正六边形?
A: 检查矩形的高度与宽度比例是否正确。正六边形由三个矩形叠加而成时,高度应为宽度的约 0.577 倍。若使用钢笔工具,确保每个顶点之间的角度相等(60°)。
Q: 如何给六边形添加渐变填充?
A: 在形状图层的“填充 (Fill)”属性中,选择“渐变填充 (Gradient Fill)”,然后调整渐变角度和颜色。
Q: 能否将六边形导出为视频?
A: 当然可。通过 `合成 (Composition)` > `添加到渲染队列 (Add to Render Queue)`,选择输出格式(如 MP4、MOV)即可导出。
在 AE 中绘制六边形虽然看似简单,但掌握正确的技巧可以大幅提升设计效率和质量。无论是采用基础的形状图层组合,还是借助插件和脚本,理解几何原理并灵活运用 AE 的功能。希望这篇文章能帮助你轻松驾驭六边形设计,创作出更精彩的动态图形作品!
如需进一步学习,建议查阅 Adobe 官方文档或观看相关视频教程,实践是掌握 AE 的最佳途径。