UI-婚恋类APP注册界面动效设计

1.打开软件AE，先新建一个11秒的合成在删除，再将做好的PS的源文件导入到项目面板中，在双击项目里面的合成打开。

2.点击空白处出右键新建一个形状图层，在给图层添加一个【椭圆】和【填充】，将颜色设为白色，再将【不透明度】设为30%，在调整椭圆的【大小】。

3.再给形状图层点击【添加】-【描边】，再将【颜色】设为灰色，【描边宽度】设为4。

4.再给形状图层按【P】调出位置属性，给【位置】打上关键帧，后移几帧再将【位置】下移到点击条的位置再给【位置】打上关键帧。全选所有关键帧按【F9】添加缓动。

5.选择bg-pink图层使用【椭圆工具】按住【Shift】键绘制一个小圆蒙版，再给【蒙版扩展】缩小到看不见打上关键帧，后移几帧再将【蒙版扩展】扩大到填满整个画面在打上关键帧。全选所有关键帧按【F9】添加缓动。

6.在选择红色背景出现之后上面需要显示出来的图层都选上按【P】调出位置属性，在1秒5帧的给【位置】打上出现的关键帧，在前移到10帧是再将【位置】下移出画面在打上关键帧。全选所有关键帧按【F9】添加缓动。

7.再给男图层的【不透明度】先设为60%打上关键帧后移一帧在设为100%在打上关键帧。

8.再给形状图层的【位置】后移几帧再打上当前位置的关键帧，在后移几帧再将【位置】移动男字上再给【位置】打上关键帧。

9.同理红色背景图层，在使用【椭圆工具】在bg-blue图层上按【Shift】绘制一个圆形蒙版，再给【蒙版扩展】缩小到看不见打上关键帧，后移几帧再将【蒙版扩展】扩大到填满整个画面在打上关键帧。

10.在对图层的顺序进行调整，将男女背景块和箭头移动蓝色背景的上面，再给篮框图层的【不透明度】先设为0在设为100分别打上关键帧，给粉框图层的【不透明度】先设为100在设为0分别都打上关键帧。

11.再给男孩图层的【缩放】先设为双10%在设为双100%分别都打上关键帧。在按【Alt】键点击【缩放】前面的秒表添加弹动的表达式复制粘贴进来。