如何制作网页动画?AE制作网页动画的教程

作者&投稿:夙符 2024-07-02

AE是一款专业的特效制作软件,使用AE可以制作出很多不一样的动画效果,下面就来用AE演示一些网页动画的制作教程吧。有很多特效的制作教程,想学特效制作的,就来学习吧。

AE制作网页动画的教程:

1.打开AE软件,将第一页素材拖入,导入种类选择合成,素材尺寸为图层大小。

2.打开第一页合成,首先制作左下角小球的立体形状,【新建固态层快捷键:Ctrl+Y】,颜色为紫色,然后【复制层】,调整颜色为淡紫色。

3.添加【效果和预设-波形变形】,调整参数,做出下图的效果,具体参数

4.将这两层纯色图层【预合成】名称为小球1,为小球1层添加【CCSphere】效果,使波形图案变为立体球形,调整参数来调整其上的光泽,做出原来左下角小球的效果,具体参数

5.打上【RotationY】关键帧,调整角度做出球体从左向右旋转的效果。

6.将球体缩小,【缩放】调整星环的大小,使它们大小相合,然后【复制】小球1合成,调整颜色为红色和淡红色,相同方法制作右上角旋转的红色小球。

7.在宇航员层使用【人偶位置控点工具】在宇航员的关节部位打上控点,例如脖子、肩膀、腰、脚部等,具体

8.展开宇航员层的【属性】,将时间指针略微后移,略微移动宇航员的手部、脚部,做出宇航员的手和脚浮动的效果。

9.继续使用相同方法略微移动宇航员的手部和脚部,然后将第0秒的所有关键帧【复制】并【粘贴】至第1秒。

10.继续【复制】并【粘贴】后三列关键帧至后方,使宇航员不断浮动,然后拉长关键帧的间距,使宇航员浮动速度减缓。

11.接下来制作标题部分,为三个标题层打上【位置】关键帧,调整它们的位置,做出它们从画面外移入的效果。

12.缩短关键帧的间距,使文字移入得快些,然后选择【窗口-Easeandwizz.jsx】插件,框选两个【位置】关键帧,选择【Easing-Back】回弹效果,选择【Type-Out】使其在末尾部分弹起。

13.选中其他的四个【位置】关键帧,为它们制作相同的回弹效果,然后为书本层和树打上【缩放】关键帧,调整树层的锚点至底部,然后调整参数,做出其从底部开始长大的效果。

14.为云朵层打上【不透明度】关键帧,调整参数做出逐渐出现的效果。

15.相同方法为其他元素打上【位置】或【不透明度】关键帧,做出它们移入或逐渐出现的效果,使画面元素出现方式不单一,具体可参考视频内老师的操作。

16.为宇航员层打上【位置】关键帧,使其从画面上方移入,然后为所有【位置】和【缩放】关键帧添加【Easing-Back】【Type-Out】回弹效果。

17.略微后移各层的出现时间,使它们的出场时间不同,【按住Alt键点击】火箭层【位置】左侧的秒表,输入表达式“wiggle(5,10)”,使火箭不停晃动。

18.为火箭层打上【位置】关键帧,做出抖动时缓慢移出画面的效果,然后将火箭火焰层【连接】至火箭层,使它与火箭一起移动,即可完成制作。

19.最后对本节课使用的工具进行讲解,其中有【CCSphere】效果调整小球光泽、【人偶位置控点工具】的使用方法、【Easeandwizz.jsx】插件的使用方法、wiggle表达式的应用等,具体可参考视频内老师的讲解。

以上就是用AE制作网页动画的教程步骤了,可以根据这个步骤尝试自己去做一下!




你是否需要了解?

如何制作网页动画?AE制作网页动画的教程
答:AE制作网页动画的教程:1.打开AE软件,将第一页素材拖入,导入种类选择合成,素材尺寸为图层大小。2.打开第一页合成,首先制作左下角小球的立体形状,【新建固态层快捷键:Ctrl+Y】,颜色为紫色,然后【复制层】,调整颜色为淡紫色。3.添加【效果和预设-波形变形】,调整参数,做出下图的效果,具体参数...

怎么用AE制作网页动画?
答:1.打开【AE】,导入【PSD】源文件。2.这是两个素材循环滚动,我们先隐藏掉其中一个,然后双击打开合成2。3.【Ctrl+C】复制文字图层,【Ctrl+V】复制到别的地方,然后删除文字图层。4.【Ctrl+A】全选图层内容,然后按【P】,调整时间轴,增加起始帧,移动图层形状,增加结束帧。5.选中部分图层的关...

如何使用AE制作在线动画?
答:AE制作在线动画的教程:1.打开软件AE,将做好的AI的素材导入AE中,在【Ctrl+D】复制两个老鼠素材调整好位置。2.给老鼠2的【位置】打上关键帧,再将【位置】下移打上关键帧,在后移几帧将【位置】上移再打上关键帧。调整【Motionv2】调整关键帧的运动曲线。3.再给第一个老鼠的【位置】下移一点...

AE怎么制作动态网页插画效果?怎么做?
答:AE制作动态网页插画效果步骤:Step01画面元素的运动 新建合成,大小为1920x1080,帧速率30,时长6s左右(根据自己需求灵活变化)。将AI文件分好层后,导入AE,勾选连续栅格化,调整好合成大小画面。接着将所有图层进行单独的预合成,将其命名好,以便我们进行单独的物体动态制作。接着我们进行物体随水流飘...

怎么用ae做动画
答:1. 明确制作目的:在开始使用Adobe After Effects(AE)制作视频前,首先要确定视频的内容和目标,这将帮助你决定所需的视觉元素和特效。2. 安装软件:从Adobe官方网站下载并安装AE,这是创建专业级视频特效的标准工具。3. 准备素材:将所需的视频片段、图像和音频文件导入AE项目。确保所有素材都已正确...

ae怎么做动画
答:首先,明确回答是:在AE(After Effects)中制作动画主要涉及到图层操作、关键帧设置、时间线调整和效果应用等步骤。在AE中制作动画的基础是图层。用户可以导入各种类型的图层,如视频、图像、音频等,每个图层都可以独立进行动画设置。例如,可以导入一张静态的图像作为背景层,然后在其上方添加多个动态图层来...

AE怎么做动画?
答:AE软件制作动画短片的教程:1.打开AE软件,【新建合成】,使用【矩形工具】绘制矩形填满画面,填充为紫色,然后【锁定层】。2.使用【椭圆工具】绘制圆形,将其对齐画面中心,重命名层为黄圆,展开【属性】,隐藏【填充1】,调整【描边1】下的颜色为黄色,然后调出【缩放属性】,放大圆。3.调整【描边1...

ae怎么做动画?
答:要制作顺序动画,可以使用序列图层功能,可以快速建立顺序动画。关键帧位置需要修改,又不能破坏关键帧之间的距离比例关系,可以选中所有关键正,按住ALT/Opt键,再拖动最后一个关键帧。按下“ALT/Opt+r”可以将“当前时间指示器”的前部图层断开,按下“ALT/Opt+]”可以将“当前时间指示器”的后部图层...

AE怎么制作页面等待动画效果?AE页面等待动画效果制作教程
答:AE页面等待动画效果制作教程:1、首先打开我们的AE 2、新建一个合成,1080*660px,持续时间为5秒钟,画布颜色为黑色 3、点击椭圆工具 按住shift在画布上画一个白色的正圆 点击正圆图层,我们让正圆的中心点在画布中,如果不在的可以用向后平移(锚点)工具来进行调整 再按R键,打开旋转属性 我们点击...

如何用AE软件制作动画短片?动画短片的制作教程
答:1. 打开AE软件,创建一个新的合成项目。使用矩形工具绘制一个填满画面的紫色矩形,并将其锁定。2. 创建一个黄色的圆形,并将其对齐到画面中心。调整描边颜色为黄色,并放大圆形。3. 设置描边宽度大约为715,添加修剪路径效果,制作出圆形旋转并消失的动画。4. 制作红色矩形,并将其对齐到画面中心。调整...