AE怎么制作手机加载列表的动画效果?
番茄系统家园 · 2022-09-02 01:34:40
手机页面的动画效果很多，想要制作一个手机加载列表动画的教程，下面我们就来看看AE制作手机加载列表动画的教程。
- 软件名称：
- Adobe After Effects CC 2014 v13.0.2.3 中文精简绿色版
- 软件大小：
- 417.9MB
- 更新时间：
- 2017-08-04
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手机加载列表动画效果的制作方法，希望大家喜欢，请继续关注。
相关推荐：
免责声明： 凡标注转载/编译字样内容并非本站原创，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好，欢迎推荐给朋友阅读；本文链接： https://m.nndssk.com/rjwt/152102iqNKxz.html。
