AE怎么制作手机加载列表的动画效果?
手机页面的动画效果很多,想要制作一个手机加载列表动画的教程,下面我们就来看看ae制作手机加载列表动画的教程。
1、打开ae,新建合成,命名列表加载小动效,设置相关参数。
2、关于素材可以直接在ae当中绘制,也可以在外部软件比如ps等做好之后导入源文件也行,这边我导入提前准备的好的psd素材,双击素材库,导入素材。
3、ctrl+t输入文本内容,然后ctrl+d复制多个文本图层,铺满整个列表界面,选中所有文字图层,按下p键,打开位置属性在1s位置打下关键帧,时间回到0s处,修改位置的x轴数值,将所有文字移动到手机界面外部,移动的同时按住shift键这样就可以横向水平移动。
4、继续选中所有的文字图层,按下t键打开不透明度属性,把时间线拉到文字将要进入手机界面的那个时间点,然后k下关键帧,设置数值为0,然后把时间线拉到文字完全显示的时间点,再次k下关键帧,并设置数值为100.
5、按下空格键预览效果,这个时候显示的效果是所有文字慢慢进入入手机界面,慢慢显示的效果,这样比较普通,接下来我们通过系列图层的设置来给文字图层来点层次感,至上而下有序的选中文字图层,右击关键帧辅助,选择系列图层,设置间隔时间,这样文字图层就错开时间显示,画面比较有层次感了。
6、接下来要做一些遮蔽动作了,把手机界面以外的东西遮挡住,只显示手机界面以内的内容,先选中所有文字然后ctrl+shift+c预合成,选择矩形工具,把手机界面区域绘制出来,然后将文字图层的遮罩选择alpha,这样的话只会显示手机界面范围的动画内容了。
以上就是ae手机加载列表动画效果的制作方法,希望大家喜欢,请继续关注。
下一篇: php下关于中英数字混排的字符串分割问题