简单的矢量位移动画——AE教程

发布时间:2019-03-05

设计分享、设计灵感、AE教程

简单的矢量位移动画——AE教程1

上周,我发表了一篇题为“ 用线条表现平面设计的简约颂歌 ”的文章,其中包括一系列令人难以置信的艺术作品和平面设计效果。使用简单的形状,如线条,圆圈。这些例子有一个非常酷的共同点,它们是简单的图案,如圆形网格,但具有巧妙的变化。

因此,在本教程中,我将展示如何仅使用滤镜和效果在After Effects中创建简单的变形效果。整个过程不会超过20分钟,但渲染可能需要很久。

步骤1
首先要做的是创建一个简单的模式并将其应用到画布上。为此,我使用了Illustrator。可能没有比这更简单的方法了。所以打开Illustrator并创建一个新文档。我在After Effects中使用了我的合成尺寸,1080x1440像素。

之后,只需选择椭圆工具(L) 并创建一个圆。然后转到对象>模式>制作。您将看到Pattern Options的面板。选择尺寸平铺到艺术并使用艺术移动平铺。然后根据您的喜好调整H Spacing和V Spacing。

简单的矢量位移动画——AE教程2

第2步
在Illustrator中导出图稿。您可以导入Illustrator文件或只导入PNG。我做了后者只是因为它创建了一个小文件大小。在After Effects中添加一个新合成并将其命名为Dots。我使用的是1080x1440px。在那里导入文件。

简单的矢量位移动画——AE教程3

第3步 创建另一个合成并将其命名为Main。将圆点合成拖动到时间轴。我们这样做的原因是我们可以稍后替换图像,例如从点到线,主效果不会改变。之后,只需选择Dots comp并转到效果>扭曲>湍流位移。选择湍流平滑器或凸出平滑器。将大小更改为400-500左右,将数量更改为40-50。确保“ 固定”为“无”并选择“调整大小图层”。
简单的矢量位移动画——AE教程4

第4步
现在只是演化动画。第一帧你可以保持0x00然后最后一帧只需加3x00。它将进行3次演变。

简单的矢量位移动画——AE教程5

结论
现在你可以简单地为它制作动画。您还可以探索不同的图案类型甚至其他方式来创建变形。我玩Wrap和Displace Map,结果非常有趣。下面你可以看到一些例子。

简单的矢量位移动画——AE教程6

简单的矢量位移动画——AE教程7

相关动态

相关项目研究