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