UI-网页书本翻页动效制作

1. 【打开】AE，选择【合成】-【新建合成】，调整【宽度】1600px【1200】px，【帧速率】25，点击【确定】。

2. 将素材【导入】AE中，【双击】打开素材1，【选择】图层再按【Cmd+C】复制；【打开】合成1按【Cmd+V】粘贴；【隐藏】第2和7图层，使用【椭圆工具】按【Shift】绘制一个圆，打开属性【内容】-【椭圆1】删除【描边1】，调整【大小】80,80；在图层【右键】-【图层样式】-【投影】，调整【颜色】为灰色，【不透明度】50%，【角度】90°，【距离】10，【大小】24。

3. 将形状图层【重命名】“触摸点”，使用【锚点工具】调整到中心点；按【P】打开位置和按【T】打开不透明度，在第10帧为【位置】和【不透明度】添加【关键帧】；移动【时间轴】到第1秒，调整【位置】为319.2,694.3，【时间轴】向后移动6帧为【位置】添加【关键帧】，移动【时间轴】到第1秒20帧，调整【位置】为805.2,694.3；在2秒为【位置】添加【关键帧】，移动【时间轴】到第2秒15帧，调整【位置】为1288.2,966.3。

4. 【框选】所有关键帧按【F9】缓动，【选择】“浮层”按【Cmd+D】复制，再【复制】一个；调整它们的【位置】放到对应的书上；【选择】“浮层”按【T】调整【不透明度】为0%并【添加关键帧】，向后移动【时间轴】调整【不透明度】为100%；【选择】“触摸点”在开始调整【不透明度】为0%，向后移动【时间轴】调整【不透明度】为100%；【选择】“浮层”的【关键帧】按【F9】缓动。

5. 【选择】“浮层”的【关键帧】按【Cmd+C】复制，移动【时间轴】到第1秒13帧按【Cmd+V】粘贴，选择【关键帧】按【右键】选择【关键帧辅助】-【时间反向关键帧】；【选择】“浮层2”按【T】调整【不透明度】为0%并【添加关键帧】，向后移动【时间轴】调整【不透明度】为100%；选择【关键帧】按【F9】缓动；移动【时间轴】到第2秒08帧，选择【关键帧】按【Cmd+C】复制，按【Cmd+V】粘贴，按【右键】选择【关键帧辅助】-【时间反向关键帧】。

6. 【选择】“浮层3”按【T】调整【不透明度】为0%并【添加关键帧】，向后移动【时间轴】调整【不透明度】为100%；选择【关键帧】按【F9】缓动；移动【时间轴】到第2秒11帧，【选择】序列“3”层按【T】调整【不透明度】为0%并【添加关键帧】，向后移动【时间轴】调整【不透明度】为100%。

7. 移动【时间轴】到第2秒20帧，为“触摸点”的【位置】添加【关键帧】；移动【时间轴】到第3秒09帧，向上移动【位置】；使用【圆角矩形工具】在画布绘制，打开属性【内容】-【矩形1】删除【描边】，调整【大小】为236,309，【圆度】1，将图层【重命名】“书本底板”，【右键】选择【图层样式】-【投影】设置参数如图。

8. 将“书本底板”调整到“书皮”的下面，调整【位置】，按【Y】打开锚点工具调整到左边；【选择】“书皮”【右键】选择【图层样式】-【投影】调整【颜色】为灰色，【不透明度】50%，【角度】90°，【距离】4，【大小】16；【打开】“书本底板”属性，【投影】为【不透明度】、【距离】、【大小】添加【关键帧】，向后移动【时间轴】调整【不透明度】85%、【距离】16、【大小】42，【选择】所有关键帧按【F9】缓动。