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