欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

AE怎么制作手机加载列表的动画效果?

程序员文章站 2022-03-03 14:59:54
AE怎么制作手机加载列表的动画效果?...

手机页面的动画效果很多,想要制作一个手机加载列表动画的教程,下面我们就来看看ae制作手机加载列表动画的教程。

AE怎么制作手机加载列表的动画效果?

1、打开ae,新建合成,命名列表加载小动效,设置相关参数。

AE怎么制作手机加载列表的动画效果?

2、关于素材可以直接在ae当中绘制,也可以在外部软件比如ps等做好之后导入源文件也行,这边我导入提前准备的好的psd素材,双击素材库,导入素材。

AE怎么制作手机加载列表的动画效果?

AE怎么制作手机加载列表的动画效果?

3、ctrl+t输入文本内容,然后ctrl+d复制多个文本图层,铺满整个列表界面,选中所有文字图层,按下p键,打开位置属性在1s位置打下关键帧,时间回到0s处,修改位置的x轴数值,将所有文字移动到手机界面外部,移动的同时按住shift键这样就可以横向水平移动。

AE怎么制作手机加载列表的动画效果?

AE怎么制作手机加载列表的动画效果?

4、继续选中所有的文字图层,按下t键打开不透明度属性,把时间线拉到文字将要进入手机界面的那个时间点,然后k下关键帧,设置数值为0,然后把时间线拉到文字完全显示的时间点,再次k下关键帧,并设置数值为100.

AE怎么制作手机加载列表的动画效果?

5、按下空格键预览效果,这个时候显示的效果是所有文字慢慢进入入手机界面,慢慢显示的效果,这样比较普通,接下来我们通过系列图层的设置来给文字图层来点层次感,至上而下有序的选中文字图层,右击关键帧辅助,选择系列图层,设置间隔时间,这样文字图层就错开时间显示,画面比较有层次感了。

AE怎么制作手机加载列表的动画效果?

AE怎么制作手机加载列表的动画效果?

6、接下来要做一些遮蔽动作了,把手机界面以外的东西遮挡住,只显示手机界面以内的内容,先选中所有文字然后ctrl+shift+c预合成,选择矩形工具,把手机界面区域绘制出来,然后将文字图层的遮罩选择alpha,这样的话只会显示手机界面范围的动画内容了。

AE怎么制作手机加载列表的动画效果?

AE怎么制作手机加载列表的动画效果?

以上就是ae手机加载列表动画效果的制作方法,希望大家喜欢,请继续关注。

相关标签: AE 动画