当前位置:首页 >教程首页 > After Effects >AE制作简单有趣的动态日历翻页教程

AE制作简单有趣的动态日历翻页教程

发布时间:2021-03-16 10:12:43

Holle,大家好!今天和大家分享AE制作简单有趣的动态日历翻页教程,最终的效果呈现如下:

0.gif

本次使用软件:

1.webp.jpg

在动画制作的前期,我们先使用Adobe illustrator软件,将需要用到的素材设计出来,

这里给大家展示一下设计过程和动画思路:

图层拆分:

在设计稿源文件里,一共有5个图层,这里边分别设计了3个日历页,以及日历背面和日历支架。

2.webp.jpg

设计思路拆解:

在AE里边,通过日历翻转切换页面。当然,小伙伴们想要效果更好,可以多设计几个日历页,动画的效果会更棒!图片图片图片  

同时,还需要日历背面部分的图层,避免动画播放时穿帮。当然还需要有日历的支架作为底托,这样才有日历翻页的氛围感。

3.webp.jpg

设计图解

一切都准备完毕,开始动画吧↓↓↓

1,打开AE,把AI源文件拖入到我们AE项目面板里,紧接着,会弹出提示框,这时候我要要选择对应的选项如下:

4.webp.jpg

导入种类:合成 ; 素材尺寸:图层大小

2,双击项目窗口的合成文件:

5.webp.jpg

这时候你就会看到AE图层窗口里,有5个图层,但是缺少背景图层,所以我们要AE里边制作一个背景层。

3,在顶部菜单栏,找到 图层 -新建 -纯色

6.png

4,在纯色设置面板 选择白色,并将图层拖拽到最底下,做背景。

7-1.webp.jpg7-2.png

5,接下来就是实现效果的重要环节:到图层面板里的选中激活图层 1,在效果和预设面板里 输入:CC page turn。

接着按住 下拉栏弹出的 【16 CC Page Turn 】拖拽到图层 1 身上。

8-1.png8-2.png

这样你就能看到翻页效果了

不过,还没完,我们需要在效果控件面板设置一些参数,小伙伴们只需要关注我标黄划线部分即可。

6,根据黄线部分的参数进行设置,如下:

9.webp.jpg

Controls: Bottom Right Corner(底部右下角,也是默认设置)

Fold Position(控制点):暂时不设置,等下只需要做动画调整位置即可。

Light Direction:(背部阴影的方向):0x+160

Back Page(背部的页面显示): 日历背面

Back Opacity(背部透明度):100

7,剩下的步骤非常简单,只需要在时间线上设置Fold Position两个关键帧,调整Fold Position控制点的位置即可,如下:

将时间线放在第 1 帧的位置,单击Fold Position前边的码表,创建关键帧,将Fold Position  控制点的位置拖动至 (439.8; 252.5);

10.webp.jpg

然后将时间拖动至 24 帧的位置,将控制点移出画布外,至日历页拖出舞台。

11.webp.jpg

这样第一个日历翻页就做好啦,按键盘上的空格键就可以预览了。接下来日历页2和3页,相信看懂的小伙伴们就会做了。

8,将图层1的CC Page Turn 按Command+C复制到 图层2和 图层3,这样图层1的关键帧都能复制到2和3图层的日历页

12.webp.jpg

(windows小伙伴复制是ctrl+c)

9,最后,只需要将每个图层的关键帧向后挪动至如下图所示的样子,就可以形成依次出场的效果了,这样所有的动画就都完成了!

13.webp.jpg

掌握了今天的案例,诸如报纸翻页,手机页面翻页等动效,是不是也可以沿用这种方法做AE动效了。图片

好啦!本期教程就分享到这里了,希望大家会喜欢图片!!!

作者:张永详

来源:视觉半径

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
  • 武汉游戏策划培训哪里好

    很多小伙伴不太理解为什么大家要去培训机构学习游戏策划,其实在专业培训班学习游戏策划是很有必要的,因为游戏策划要掌握的技能不仅包......

  • 游戏插画师就业前景

    随着国内游戏市场的发展,游戏企业的游戏诞生数量和质量都在不断变化,要想在市场中立足,很大程度上是依赖游戏内容以及后期宣发的,而......

  • 3d插画是什么意思

    3d插画是什么意思?说到3D立体画,马上就会让人联想到那种帅炸天际又妙趣横生的街头绘画。也会觉得创作这样的画是很复杂的。然而,......

  • 游戏插画师是做什么的

    很多人因为喜欢游戏对游戏制作行业感到好奇。在一个游戏制作团队中,是有四个部分的,分别是策划、美工、程序开发、运维。而美术设计方......

  • 上海宝山区影视特效培训哪家好

    特效就是影视的真实拍摄过程中无法实现的,要通过后期人工制造出来的假象和幻觉,就是影视后期制作工作的总称,对拍摄完的影片素材或软......

  • 广告公司插画师干嘛的

    插画师是一群以绘画为职业的人,也是很多企业需求的人才。而且随着插画与其他行业的交集越来越多,更多的企业开始打破传统,招收插画师......

×
扫码快速获取
×