首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |动画 |经验详情

用AE制作网页动画

更新时间:2023-10-04

深情没火车

动画

2002

你知道AE可以做网页动画吗?在AE的官方简介中,应用范围包含影片、电影、广告、多媒体以及网页等。可能网页动画做得比较少,所以很多人不太清楚是怎么做的,下面就来分享一下用AE制作网页动画的方法。

步骤如下:

1.打开【AE】,导入【PSD】源文件。

用AE制作网页动画

2.这是两个素材循环滚动,我们先隐藏掉其中一个,然后双击打开合成2。

用AE制作网页动画

3.【Ctrl+C】复制文字图层,【Ctrl+V】复制到别的地方,然后删除文字图层。

用AE制作网页动画

4.【Ctrl+A】全选图层内容,然后按【P】,调整时间轴,增加起始帧,移动图层形状,增加结束帧。

用AE制作网页动画

5.选中部分图层的关键帧进行左右微调,达到一个错开的效果。

用AE制作网页动画

6.选中所有关键帧,点击【右键】,选择【关键帧辅助】,【缓动】。

用AE制作网页动画

7.点击【图表编辑器】按钮,从右往左调整运动曲线,每一条都需要调整。

用AE制作网页动画

8.选中全部图层,向上移动,添加关键帧。

用AE制作网页动画

9.把所有图层再复制一个帧,让它在中间有一个停留效果。

用AE制作网页动画

10.【矩形工具】,画一个矩形覆盖住动画区域,多余的地方就自动减掉了。

用AE制作网页动画

11.现在来做另一个素材,用和上一个同样的方法。

用AE制作网页动画

12.现在找到刚才复制的文字图层,选中,调整时间轴在右边形状停止移动的时候,调整不透明度为100%。

用AE制作网页动画

13.调整时间轴至动画开始的时间,调整不透明度为0。

用AE制作网页动画

14.在刚才调整的不透明度为100的地方,按【P】,然后调整时间轴至开始位置,拖动文字图层。

用AE制作网页动画

15.复制文字停留地方的关键帧,然后粘贴在后面的位置,调整不透明度和文字位置。

用AE制作网页动画

16.选择小文字图层,用同样的方法调整不透明度和位置。

用AE制作网页动画

17.【右击】小文字图层,选择【预合成】。

用AE制作网页动画

18.【矩形工具】画矩形,给文字增加一个蒙版,选择反向。

用AE制作网页动画

19.直接复制前面文字的关键帧,然后粘贴在剩下的文字图层当中。

用AE制作网页动画

20.【G】钢笔工具,在文字下方画一条线,点击路径,调整时间轴,把线拉回去,再调整时间轴把线拉出来。

用AE制作网页动画

21.这个动画效果就制作完成了。

用AE制作网页动画

以上就是用AE软件制作网页动画的整个操作过程了,小伙伴们可以对着教程自己动手做一个哦。

上一篇 下一篇

相关课程

ONLINE COURSES
  • MG动画用什么做的

    MG动画用什么做的

    讲师:眉目做山河

  • MG动画和CG动画区别

    MG动画和CG动画区别

    讲师:眉目做山河

  • MG动画制作是什么

    MG动画制作是什么

    讲师:眉目做山河

  • 想做动画得学什么软件

    想做动画得学什么软件

    讲师:倩影

免费好课

FREE GOOD COURSES
MORE
  • AutoCAD施工图基础课

    AutoCAD施工图基础课

    3小时16分钟32秒

  • AutoCAD施工图深化课

    AutoCAD施工图深化课

    3小时35分钟15秒

  • C4D模型制作技术

    C4D模型制作技术

    3小时15分钟47秒

  • 零基础学剪辑

    零基础学剪辑

    4小时6分钟16秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 高分动画电影《落凡尘》主创分享

    高分动画电影《落凡尘》主创分享

    29分钟2秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答