AE教程!怎样简单实现翻书小动画

时间:2022-07-14
B站视频:av890498767
类别:AE教程
水平:入门
这是一个能让你爱上画画,找回画画成就感,甚至画上瘾的练习方法 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程作者主页:动效空间(授权转载)

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

大家好我是小雪,今天带大家做一个翻书小动画~

教程效果图

AE教程!怎样简单实现翻书小动画

教程步骤

一、导入素材

01. 打开AE → 双击左侧空白区域 → 导入画好的书本psd文件 → 选择“所有可接受的文件” → 导入为“合成-保持图层大小” → 图层选项选“合并图层样式到素材”

AE教程!怎样简单实现翻书小动画

AE教程!怎样简单实现翻书小动画

02. Ctrl+K,打开合成设置 → 持续时间改为4秒

AE教程!怎样简单实现翻书小动画

03. 双击“书”预合成,使psd文件的内容图层出现在左下方区域里

AE教程!怎样简单实现翻书小动画

二、单次翻页效果

01. 选中「右页」图层 → 选中“锚点工具”,拖着锚点放至左中位置

AE教程!怎样简单实现翻书小动画

02. 点击“3d图层”下的小方框,激活3d图层

AE教程!怎样简单实现翻书小动画

03. 展开图层,展开“变换” → 时间线放在初始的地方 → 点击“Y轴旋转”前面的码表,打上第一个关键帧

AE教程!怎样简单实现翻书小动画

04. 时间线放在第20帧处(若看不到具体帧数,拖动下方小圆圈) → “Y轴旋转”改为180(使右页翻到左边)

AE教程!怎样简单实现翻书小动画

05. 展开“几何选项” → 时间线放在初始位置 → 点击“弯度”前的码表,打上一个关键帧(添加翻页时纸张的弧度)

AE教程!怎样简单实现翻书小动画

06. 时间线放在第10帧处 → “弯度”改为-40

AE教程!怎样简单实现翻书小动画

07. 把“段”数值调为最大256(让纸张弧度更加圆润)

AE教程!怎样简单实现翻书小动画

08. 时间线放在第20帧处 → “弯度”恢复为0

AE教程!怎样简单实现翻书小动画

09. 复制「左页」图层(Ctrl+D)→ 修改名字(Enter键)为“右页-背面” → 激活“3d图层”(做一个「右页」的反面)

AE教程!怎样简单实现翻书小动画

10. 选择“锚点工具” → 把锚点拖至右中位置

AE教程!怎样简单实现翻书小动画

11. 展开图层 → 展开“变换” → “Y轴旋转”改为-180(让它转到右侧作纸张的背面)

AE教程!怎样简单实现翻书小动画

12. 把“位置”的z轴数值改为1(使它空间上后移,作右页的反面)

AE教程!怎样简单实现翻书小动画

13. 时间线放在初始位置 → 「右页-背面」后的“父级链接”下的选项 → 选中「右页」(使其链接到右页上,随着右页的运动而运动)

AE教程!怎样简单实现翻书小动画

14. 点击“弯度”的码表,打上一个关键帧(给「背面」纸张增加弧度)

AE教程!怎样简单实现翻书小动画

15. 时间线放在第10帧处,“弯度”改为40 → 时间线放在20帧处,“弯度”改为0 → “段”数值为最大256

AE教程!怎样简单实现翻书小动画

16. 在不选中任何图层的情况下,按快捷键U(调出所有操作过的关键帧) → 框选所有关键帧

AE教程!怎样简单实现翻书小动画

17. 右击关键帧 → 关键帧辅助 → 缓动(使运动更加流畅自然)

AE教程!怎样简单实现翻书小动画

18. 时间线放在第20帧 → 选中「右页」和「右页背面」 → 按 “Alt+]” 键(把它俩截断)

AE教程!怎样简单实现翻书小动画

三、多次翻页效果

01. 按Ctrl+Shift+C打一个预合成

AE教程!怎样简单实现翻书小动画

02. Ctrl+D,再复制9个

AE教程!怎样简单实现翻书小动画

03. 选中前9个预合成 → 拖至第15帧处 → 再选中前8个预合成 → 再往后挪15帧

AE教程!怎样简单实现翻书小动画

04. 剩余预合成,每个之间隔5帧

AE教程!怎样简单实现翻书小动画

05. 选中所有预合成 → 点击小太阳的方格(解决各预合成之间运动时交叉错乱的情况)

AE教程!怎样简单实现翻书小动画

06. 时间线放在结尾处 → 按快捷键N,把工作区从此处截断

AE教程!怎样简单实现翻书小动画

07. 右击工作区,将合成修剪至工作区域(把多余的时间裁剪掉)

AE教程!怎样简单实现翻书小动画

到这里就完成啦~~

最终效果图

AE教程!怎样简单实现翻书小动画

想要来 优优自学团 和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
素材1M7fg7 点此复制 登录下载
9 收藏 31

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 1

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片