APP界面动画_AE制作APP界面动画效果

效果图

1.首先安装完AE后打开，界面默认居中是预览，左边是素材窗口，下方是时间轴和图层。

右键导入素材，或者在AE里面直接用上方的工具进行绘制来制作想要的效果。素材拖动到图层去，上方的预览区就可以看到放进去的素材了。

2.在AE里面绘制一些简单图形，放到图层窗口中，做一个位移的效果。

点击三角符号展开图层的各种效果属性，打开变换，右侧调节时间，从0s开始所以把指针拖到00s，点击位置前面的类似闹钟的图标，开始记录关键的帧数。

然后拖动指针到01s再调节位置后面的坐标参数，做Y轴的变化，调节Y轴坐标数值。

3.新建一个项目组，在素材区点击右键新建合成，调节时长其他默认即可。

用上面的矩形画两个大小为560*210的矩形，填充一些不同的颜色，拖动到画布。

外面对齐，用位置关键帧来调节，沿着Y/X轴坐标参数，从画布外向中间移动就可以了。

4.用不同的变化效果去调节关键帧，就能做到缩放旋转渐变等效果了。另外素材拖入图层是默认占全部时长，可以通过时间轴拖动来调节素材长短来决定显示的时间。点击素材后鼠标放到左右会出现拖动的鼠标指针，这时就能拖动来调节了，在英文输入状态下，IO和[]可以快速对齐拖动的指针，衔接不同的素材。

5.导出GIF图，渲染为图片的序列帧，然后倒入PS储存为WEB格式就可以了。渲染的参数设置为JPEG序列或者png序列都可以，考虑到大小所以选择JPEG格式。

6.确定后点击渲染，渲染后的图片用ps打开，勾选图像序列，然后点文件-导出-存储为WEB，格式选择GIF，再做其他一些参数调节，尽量控制图像质量和文件大小的平衡。