http://www.yuyong.net

如何制作网页动画 如何制作网页动画片

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

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

AE制作网页动画的教程:

  

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

如何制作网页动画 如何制作网页动画片

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

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。