创建引导层动画实例

    作者:课课家教育更新于: 2016-11-23 17:05:27

    Web开发

      网站开发以及网页制作的“三剑客”很多人都会熟知的,由于我们之前有介绍过Dreamweaver软件,那么这次我们稍微地来介绍一下flash软件的使用吧,不是介绍它的功能,而是介绍关于在网页制作中关于Flash软件的运用,小编为大家准备的是:运用Flash创建引导层动画实例,这是网页制作中比较实用的一个,所以大家可要好好学习哦。

      步骤1:打开Flash软件,导入你所需要的相关图像,如下图所示:

    创建引导层动画实例_网页制作_web开发_创建动画_课课家

      步骤2:导入完图像之后,因为要编辑图像,所以要先在时间轴中创建一个图层2(这个是步骤3接下来要添加的车的图层),如下图所示:

    导入完图像之后,因为要编辑图像,所以要先在时间轴中创建一个图层2(这个是步骤3接下来要添加的车的图层)

      步骤3:将一辆车的图像拖到舞台中的面板中去,如下图所示:

    将一辆车的图像拖到舞台中的面板中去

      步骤4:将其转化为元件,点击修改—转换为元件,在弹出来的对话框中,修改类型,可以精确地设置,点击高级,如下图所示:

    将其转化为元件,点击修改—转换为元件,在弹出来的对话框中,修改类型,可以精确地设置,点击高级

    修改适合的类型

      步骤5:关键步骤之一,就是在帧数那里添加相关的元件(图层1与图层2)。先选择第30帧数位置,添加图层1,然后选择第30帧数的位置,添加图层2,那么就形成了一个时间差的动画,这就是引导层动画的开始部分,如下图所示:

    关键步骤之一,就是在帧数那里添加相关的元件(图层1与图层2)。先选择第30帧数位置,添加图层1,然后选择第30帧数的位置,添加图层2,那么就形成了一个时间差的动画,这就是引导层动画的开始部分

      步骤6:在图层2中选择添加运动引导层,在引导层中运用铅笔工具绘制一条车行走的路径,这条路径是作为图层2(车)动画,可以添加很多条,但是小编只添加一条就可以了,如下图所示:

    在图层2中选择添加运动引导层,在引导层中运用铅笔工具绘制一条车行走的路径,这条路径是作为图层2(车)动画,可以添加很多条,但是小编只添加一条就可以了

      步骤7:点击第30帧数的位置,选择图层2(车)的最终位置,把车子拖动到路径的末端,并且使用伸缩工具,调整车子的大小,如下图所示:

    点击第30帧数的位置,选择图层2(车)的最终位置,把车子拖动到路径的末端,并且使用伸缩工具,调整车子的大小

      步骤8:在图层2中创建传统补间,弹出的小对话框就是演示效果了,如下图所示:

    在图层2中创建传统补间,弹出的小对话框就是演示效果了

    演示动画的测试。

      小编结语:其实引导层的动画并不难,而且运用Flash软件,也不算一个很难的软件,其实大家可以多运用Flash软件,那么有助于我们在制作网页中,能够对“三剑客”的运用自如,特别是Flash软件的工具,大家都可以熟悉地运用,那么就可以很简单地制作网页了,如果大家还有什么不明白的地方,欢迎咨询小编哦。感谢大家的支持。

flash 更多推荐

课课家教育

未登录

1