关于折叠效果,我在网上搜索好久,终于在B站找到一个折叠动效视频。
从”里米先生“那学习来的,我将以我的阐述,自己操作转化为图文教程分享给大家。共同进步!共勉~
教程重点
1. Ae当中父级与子级关系
2. 表达式的链接关系
3. 折叠角度倍数换算
4. 折叠阴影的制作
折叠效果的思路是:每个折叠处,即是一张张均分的部分图片。
教程开始
1.准备工作
将图片素材在Ai或Ps里均分为等比例的5张部分图片,如下图。
2.新建合成
建立合成大小,视不同尺寸图片不同,建立不同大小的合成,我这里以1200*900为例。
3.导入素材
将已经切好的图片导入到Ae当中,并根据原来图片样子组建起来。
4.将各个图层父级与子级确定下来
02链接01、03链接02、04链接03、05链接04。依次下去,如图所示。
5.将各个图层的锚点移动到每个图片的最左边
选中锚点,按住shift键,将每个图层的中心点移到图片左边。01、02、03、04、05依次下去,如图所示。
6.将每个图层转为3D图层
只需要改变图层01的Y轴旋转,建立关键帧,就可以做到以下效果。
7.新建”空对象“
在渲染队列面板,点击鼠标右键,就可出现下图。
8.图层表达式链接”空对象“Y轴
将空对象图层3D化,然后依次按住Alt键点击01、02、、03、04、05的Y轴秒表图标,调出表达式,并都将”小蜗牛“图标链接到”控制“的空对象上,如图下图。
9.折叠角度的换算
这里我设空对象的Y轴旋转”30度“,那么02图层则为-2倍,需要在02图层表达式后面添加”*-2“,如图。
03图层则正好相反,为2倍。需要在03图层表达式后面添加”*2“,依次可知04图层后面添加”*-2“,05图层后面添加”*2“,如图。
只需要改变空对象图层的Y轴旋转,建立关键帧,就可以做到以下效果。
10.折叠阴影的制作
根据效果,我们只需要做图层02和03的阴影就好了。我们分别为02和03添加”渐变叠加“,如下图。
02图层渐变角度设为0度,03图层渐变角度设为180度,如下图。
再将03与04的渐变叠加透明度,按Ait键点秒表图标,调出表达式,然后将”小蜗牛“图标都链接到空对象的Y轴上,如图。
现在只需改变空对象图层的Y轴,在时间轴上,建立关键帧,就完成了,如图。
Powered by Froala Editor