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手机加载列表动画效果的制作方法,希望大家喜欢,请继续关注IT百科。