先让我们看一下最终效果预览图

使用AE制作一个科技感的动态图标效果-艺魁网

以下为图文教程

首先我们使用的是AE的2020版本(2018版本插件有问题所以这里选用了2020版)

第一步:创建新项目,此案例很短,所以2-5秒即可

创建新项目后,创建以下内容,形状图层、摄像机、空图层,并且将摄像机的父子关系绑定给空图层。

形状图层需要将图层颜色去掉,给个描边效果,颜色你看着来哈哈。

使用AE制作一个科技感的动态图标效果-艺魁网

第二步:因为我们做的三维动态效果,所以把这些图层的三维属性打开。

使用AE制作一个科技感的动态图标效果-艺魁网

第三步:修改图层的旋转方向,让它看起来和我们的效果类似。

使用AE制作一个科技感的动态图标效果-艺魁网

第四步:复制多个形状图层,调节大小与位置,也是与我们想要的效果类似即可。

使用AE制作一个科技感的动态图标效果-艺魁网

第五步:选择第一个形状图层,给一个梯度渐变的预设,然后修改预设中的起始点和颜色。

使用AE制作一个科技感的动态图标效果-艺魁网

第六步:给形状图层增加辉光效果,这里我们使用的是 Deep Glow插件,然后调整辉光大小与范围参数。

使用AE制作一个科技感的动态图标效果-艺魁网

第七步:将我们做好的图层效果,可以通过ctrl+V   +C的方式 复制粘贴给其他形状图层,已达到效果一致,不过要修改一下起始点的位置。根据实际情况来。

使用AE制作一个科技感的动态图标效果-艺魁网

第八步:复制一个顶部的形状图层,将填充图层设置为颜色,颜色随便,主要是需要这个图层来创建一个遮罩效果。

使用AE制作一个科技感的动态图标效果-艺魁网

第九步:隐藏掉最上面这个形状图层的效果控件。

使用AE制作一个科技感的动态图标效果-艺魁网

第十步:这一步首先隐藏最上面的形状图层,然后给其他的形状图层增加遮罩效果,这里选择图层5 勾选翻转遮罩,设置好一个后,可以复制给其他图层。

使用AE制作一个科技感的动态图标效果-艺魁网

第十一步:添加角度控制器,给空图层一个角度控制器,然后我们锁住这个位置,因为后面要不断用到它,暂时锁住效果。

使用AE制作一个科技感的动态图标效果-艺魁网

第十二步:给其他形状图层调价表达式,按住alt点击秒表位置会弹出表达式,然后输入value+然后点击链接给角度控制器

重复此操作,给每一个形状图层包括隐藏的那个遮罩。

使用AE制作一个科技感的动态图标效果-艺魁网

第十三步:给角度控制的旋转打关键帧,这里就是2秒或者你设置的5秒都行转一圈,根据你的需要。

使用AE制作一个科技感的动态图标效果-艺魁网

此时,我们播放动画,就是我们要的效果了。