Hello~小伙伴们
这次我们来做一个翻页的动画
用到的工具是PS和AE
效果预览
- 教程步骤
01. 双击左侧空白区域导入psd文件
02. 双击导入的文件,使psd的内容呈现在下方面板
03. 在「图1」下方拉一个距离12px(标尺上有刻度可参照)的参考线(Ctrl+R调出参考线)
04. 「图2」缩小至90%,不透明度改为30,放置于此参考线处
05. 同理,「图3」放于「图2」下方,缩小至80%,不透明度为20
06. 先隐藏「图4」,选中「图1」,点击“效果”-“扭曲”-“CC Page Turn(翻页效果)”
07. “Controls”是控制翻页方向,选择“Bottom Right Corner(右下角)”,并把控制锚点放在右下角
08. 时间线放在初始处,点击“Fold Position”的码表,打上一个关键帧(按快捷键U,可看到打在图1图层上的关键帧)
09. 在第15帧处(按键盘+、—可以看到具体的帧数),拖着控制锚点,至画面外侧,打上第二个关键帧
10. “Fold Radius(折叠半径)”控制纸张折叠的弧度,改大一些,让纸张更柔和自然
11. “Light Direction(光源方向)”控制光的方向,可以根据需要调成高光或者阴影(这里我们用阴影)
12. “Render(渲染)”是展示纸张的“正面”、“反面”或“正面和反面”,这里选择“Front & Back Page(正面和反面)”
13. “Back Page(反面)”控制纸张反面的图像,选择哪个图层,就是把哪个图层的画面叠加到纸张的反面,也可以选择无图像。当然也可以自己做一个别的图像
14. “Back Opacity(反面不透明度)”控制反面的不透明度
15. “Paper Color(纸张颜色)”控制反面颜色,当“Back Page”选择“无”,可以给反面添加任何颜色
16. 选择「图2」,时间线放在初始位置,把“不透明度”打上关键帧
17. 在15帧处,把“不透明度”改为100,打上第二个关键帧
18. 在初始处,“缩放”打上关键帧;在15帧处,“缩放”为100
19. 在初始处,“位置”打上关键帧;15帧处,改变“位置”Y轴数值,把「图2」放在原「图1」位置
20. 同理,「图3」在初始处,“不透明度”“缩放”“位置”打上关键帧;在15帧处,“不透明度”为30,“缩放”为90,“位置”位于原「图2」的位置
21. 「图4」在初始位置,“不透明度”改为0,点击码表打上一关键帧,“缩放”为80;在第15帧处,“不透明度”改为20;放置在原「图3」的位置
22. 选中所有关键帧,右击关键帧-关键帧辅助-缓动(让运动更自然)
到这里就结束了
这是翻一次页的动画
如果要做翻好多次页,也是同样的步骤
素材和源文件可在下方“原文链接”里获取
原文链接
Powered by Froala Editor