android 红包ui,UI-红包动效设计 - UI设计教程_PS（CC2017）、AE（CC2017） - 虎课网

1. 打开【PS】，制作红包动效素材；【框选】“盖子”“A面”“B面”图层按【Ctrl+T】自由变换缩小，调整图层顺序；【关闭】PS。

2. 将红包动效素材【拖拽】到AE中打开；【右键】打开【合成设置】，将【合成名称】改为“L10课堂”、【帧速率】30、【持续时间】4秒20；【双击】打开“L10课堂”，再按【Ctrl+S】保存；把“触摸反馈”素材【拖入】到AE中，将“手指滑动”合成【拖拽】到“L10课堂”中，放到最顶层，调整到合适的位置。

3. 将“盖子”“B面”层的【父子级】链接到“A面”上，打开“A面”的【位置】向下调整Y轴到合适位置；【选择】“手指滑动”按【S】缩放为80,80%并【添加关键帧】，向后移动【时间线】调整【缩放】为60,60%，再向后移动【时间线】调整【缩放】为80,80%，再调整【关键帧】之间的间距；按【T】不透明度并【添加关键帧】，向后移动【时间线】调整【不透明度】为0%，调整【关键帧】的位置。

4. 在第14帧处按【*】标记时间轴，【选择】“A面”按【S】缩放并【添加关键帧】，移动【时间线】到第19帧调整【缩放】11,11%，回到第14帧，按【P】打开位置并【添加关键帧】，在第19帧处向上移动位置调整到画面的中心；【选择】“输入界面”层使用同样操作制作效果；将“输入界面”“盖子”图层顺序移动到“A面”下层；【选择】“A面”按【U】显示关键帧，将后面的两个关键帧向前移动，按【F9】添加缓动，打开【图表编辑器】查看速度曲线。

5. 【选择】“输入界面”按【U】显示关键帧，将后面的两个关键帧移动调整，按【F9】添加缓动，打开【图表编辑器】查看速度曲线；【选择】“黑色蒙版”层按【T】不透明度并【添加关键帧】，向前移动【时间线】调整【不透明度】为0%；在第21帧处按【*】标记时间轴；在第1秒10帧处【选择】“输入界面”将【位置】沿Y轴向下移动。

6. 【选择】“A面”按【U】显示关键帧，移动【时间线】到第1秒13帧，将【位置】沿Y轴向下移动，在第22帧处将前面的关键帧按【Ctrl+C】复制【Ctrl+V】粘贴过来；在“输入界面”层【右键】选择【蒙版】-【新建蒙版】，点击【蒙版路径】计时器【添加关键帧】，在第1秒13帧处使用【钢笔工具】按【Ctrl】在空白区域点击一下，按【Shift】同时选择下面两个锚点，向上移动锚点。

7. 【选择】“盖子”层按【Ctrl+D】复制一层，将“盖子2”的【父子级】链接到“A面”；【选择】“盖子”在第1秒06帧按【Alt+]】断开时间轴，【选择】“盖子2”按【Alt+[】断开时间轴；【选择】“盖子2”按【S】缩放在起点【添加关键帧】，使用【Motion v2】插件调整中心点到下方，在第