App页面还可以这么玩!玩转AE立体...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
2019 0 14 2019-11-08

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

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票