下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

创建引导层动画实例

作者:课课家教育     来源: http://www.kokojia.com点击数:2105发布时间: 2016-11-25 16:00:33

标签: 网页制作web开发创建动画

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软件的工具,大家都可以熟悉地运用,那么就可以很简单地制作网页了,如果大家还有什么不明白的地方,欢迎咨询小编哦。感谢大家的支持。

赞(20)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程