关于折叠效果,我在网上搜索好久,终于在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

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)