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

1795人学过难度:中级拔高软件:AE（CC2017）

评论(9) 收藏课程下载视频

Leo Wong

关注人数：222

关注

多年UI设计经验，擅长UI设计、网页设计、动效设计等。一直觉得天道酬勤，故而从不敢松懈，坚持学习，同时把自己所学知识分享给大家，教会别人的同时也能发现自己的不足，希望和大家一起学习，一起进步！

UI-Web界面动效制作

2.7万人已学

UI-交互动效设计六大原则

6852人已学

课程综合评分：9.5分

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】粘贴，按【右键】选择【关键帧辅助】-【时间反向关键帧】。