Animate CC如何制作块状消失效果

Animate CC如何制作块状消失效果

这次要分享的是一个挺有意思的小技巧：在Animate CC里做出块状消失的动态效果。整个过程其实不复杂，但每一步都有讲究，咱们一步步来。

打开软件，新建一个AS3文档，准备工作就算完成了。

先在舞台上画一个矩形，再在上面写上文字。这一步没什么好说的，随个人喜好调整大小和字体。

选中矩形和文本框，按Ctrl+B连续分离几次——直到它们都变成可编辑的散件状态。这一步是为了后续能把这些元素拆成独立的块。

接下来用线条工具，在图形上画出网格。网格的密度决定了最终块的大小，可以自己把握。

然后，逐一选中每个小方块，右键选择“转换为元件”，类型选“图形”。注意网格里的每个块都要单独转换，别漏了。

所有块都转换完成后，把那些辅助用的线条删除掉。剩下的就是一个个独立的图形元件了。

全选所有元件，右键选择“分散到图层”——这一步能让每个块自动分配到单独的图层，后面做补间动画就方便多了。

接下来，用鼠标拖选所有图层的第20帧，右键选择“插入关键帧”。

同样，在所有图层的中间帧位置创建补间动画。这一步是让每个块从起始状态过渡到结束状态。

在最后的关键帧上，调整元件的属性：要么把透明度改为0（淡出效果），要么用任意变形工具把大小缩到0（缩小消失）。这里用的是透明度调整。

关键的一步来了：在所有图层的第2帧插入关键帧，然后用手动方式拖动每个图层的帧位置，让它们像楼梯一样错开排列。这样就能做出块状依次消失的节奏感。

最终的动态效果如图所示：

如果调整补间帧的排列密度或元件的大小，还能做出不同节奏的消失方式，比如这个效果：