AE制作APP加载动效--书籍翻页效果
有同学需要给自己的APP做一个加载动效,问到这种类型的动效该怎么做,在此写一篇文章探讨下。希望大家可以互相进步。
首先,上一张最终效果图。

1、打开AE,新建合成,参数设置如下(该参数可自定义)

2、选择矩形工具,画出圆角矩形,并且调整圆角矩形的颜色,以及圆角的大小。
3、以此类推,画出另外一个图层。
4、画出右侧书页。
5、画出左侧书页。

6、书页翻动的效果,其实和我们平时开门关门的效果类似,书页纸张是沿着垂直方向的一条线,进行旋转的。该垂直方向的线,其实就是我们所说的Y轴方向,想再AE中得到该Y轴,需要把右侧书页转化为3D图层。然后,该Y轴默认在书页的居中位置,需要把该位置调节到该书页的最左边。调节锚点和位置参数,改变该Y轴的位置。
7、选择右侧书页,复制5次,得到6个相关图层,为接下来做翻页效果做准备。

8、选中右侧书页,点击r,调出旋转属性,选中Y轴。并把时间轴中,标尺的时间拉到0帧位置。

9、打开关键帧记录器,对旋转属性属性做关键帧的动画,这里时间为1s,旋转角度180度。(此时旋转速度为匀速,当然在这里可对旋转速度进行调节,比如调成先快后慢。这里忽略速度的调节。)
10、选中右侧书页2,按照上面的方法,对给图层添加旋转操作。注意要和上面一步右侧书页的旋转时间错开。
11、把右侧书页2的旋转属性,分别复制给右侧书页3、4、5、6这些图层、复制的时间间隔为3帧,不过该时间间隔可自定义。
12、到这里基本完成,播放观看。发现最后我们右侧缺失了一页。此时我们选中右侧书页6,复制,得到右侧书页7的新图层。点击r,展开旋转属性,点击关键帧记录器关闭旋转属性,让该页静止不动。如下图:
13、效果完成,总时间为2s加3帧。接下来点击Ctrl M,添加到渲染队列。点击渲染,输出AVI格式动画。
14、打开PS,把刚刚输出的AVI格式动画拖拽到PS里面,选择导出—导出为WEB所用格式。在弹出的面板中,选择GIF格式,注意循环选项选择为永远,存储。到此完成。

以此类推,可做多种效果,比如:




































