当前位置:首页 >> 其它课程 >> 项目一2006世界杯

项目一2006世界杯


课时授课计划
动漫教研室 吴 鹃
课时分配: 8 节 课 题 编写日期:2010 年 02 月 20 日

项目一:介绍一个比较简单的 Flash 网络动画,以 2006 世界杯为主题

目 的 和 要 求 重 难 点 点 ( 包 括 教 学 环 节 , 内 容 提 出 , 时 间 分 配 , 教 具 等 )


1. 了解制作标准 Flash 动画的一个基本流程 2. 认识和掌握制作最为典型的补间动画

重点:Flash 动画制作中的一些基本概念和术语 难点:制作最为典型的补间动画并编写简单的 AS 代码 教学环节: 1. 复习旧课,引入新课(20 分钟) 2. 讲授新课(140 分钟) 3. 上机操作(180 分钟) 4. 小结并布臵下节课任务(20 分钟) 内容提纲: ? 创建元件、实例 ? 创建关键帧动画 ? 使用绘图工具绘制简单矢量图形 ? 使用文本工具创建文字对象 ? 使用 AS 代码添加链接 ? Flash 动画的发布 教学方法: 1. 启发式教学法 2. 案例式教学法 3. 讲授与提问相结合 4. 比较教学法

组 织 教 学

课 外 作 业

创建一段以 2006 世界杯为主题的 Flash 宣传动画

西安职业技术学院教案稿纸 讲 授 内 容
作业与补充

项目一: 介绍一个比较简单的 Flash 网络动画,以 2006 世界杯为主题 本次课的要点: 本节将简单介绍: 以 2006 世界杯为主题, 通过对本实例的学习, 了解制作标准 Flash 动画的一个基本流程, 以及 Flash 动画制作中的一些基本概念和术 语,包括舞台、帧、时间轴、图层、库、元件、实例等。另外还将 制作最为典型的补间动画并编写简单的 AS 代码,用以添加跳转到 指定网站页面的功能, 最终还将发布文件, 并在浏览器中进行测试。 本节主要内容: ? 创建新的 Flash 动画文件 ? 创建元件、实例 ? 创建关键帧动画 ? 使用绘图工具绘制简单矢量图形 ? 使用文本工具创建文字对象 ? 使用 AS 代码添加链接 ? Flash 动画的发布 2.1 实例说明与学习目标
实例说明

本章实例中,将要创建一段以 2006 世界杯为主题的 Flash 宣 传动画, 其中将突出表现本届足球世界杯的标志, 大力神杯以及夺 冠热门球队的国旗等内容。

学习目标

西安职业技术学院教案稿纸

通过本章实例的学习, 将首先对制作标准 Flash 动画基本流程 有一个充分的了解, 并且熟悉制作最为典型的补间动画方法。 补间 动画是 Flash 动画动画的最常见形式,在实际工作中将会大量应 用。另外,在动画中还会添加简单的 AS 代码,用以添加跳转到指 定网站页面的功能。 使用代码控制动画播放, 是 Flash 动画的一大 特色。

2.2 实例的实现过程与操作步骤
操作步骤

2.2.1 准备文件 本节首先创建一个新的 Flash 动画文件, 并设臵好舞台尺寸, 动画 帧频等参数。 (1)新建一个空白文档 (2)尺寸对应的【宽】和【高】分别输入 400 和 250,重新设臵舞 台尺寸 (3)单击【背景颜色】按钮,在打开的颜色选取器中选择黑色 (4)帧频设为 12fps 帧频是动画播放的速度, 以每秒播放的帧数为单位。 帧频 过慢会使动画看起来停顿效果特别明显, 而帧频过快会使 动画的细节变得模糊, 无法看清出动画内容。 在 Web 网络 中,每秒 12 帧(fps)帧频通常会得到最佳效果。 (5)选择【文件】|【保存】保存为:2006 世界杯。扩展名为默认 的‘.fla’ (6)单击保存 (7)接下来要将动画需要使用的图片文件全部导入 Flash 的【库】 面板中。选择【文件】|【导入】|【导入到库】命令

西安职业技术学院教案稿纸 (8)在打开【导入到库】对话框中选择第二章的文件夹中图片文件 (9)单击打开按钮,将所选择图片文件导入【库】面板中。 2.2.2 创建 Logo 标识动画 本节将制作整个 Flash 动画的第一部分, 即标识动画。 这是一个简 单而且非常典型的关键帧缩放动画, 其中会用到创建元件、 缩放实 例大小、在时间轴上创建补间动画等技术。 (1)接下来将使用导入的 Logo 图形文件制作整个动画的第一部分。 首先双击当前默认的图层名称,修改为‘Logo’ 。 (2)在 【库】 面板中选择名为 Logo.png 的位图, 将之拖动到舞台上。 (3)Flash 提供了元件功能,将动画中需要使用的图形元素转化为 元件后,可重复使用,选择【修改】|【转换为元件】命令,打 开【转换为元件】对话框 (4)在【名称】文档中输入元件的名称‘Logo’类型设臵为【影片 剪辑】 (5)单击【确定】按钮关闭对话框,转换为元件后,舞台上的图形 对象显示蓝色边框。 (6)确认当前舞台中的 Logo 实例进出于选择状态,选择【修改】| 【转换为元件】 命令, 再次创建一个【影片剪辑】名称为‘Logo 动画’ (7)双击舞台的‘Logo 动画’实例,进入‘Logo 动画’实例的编辑 模式 (8)选择舞台上的实例,打开【属性】面板,单击左下角锁定实际 的宽高比 (9)宽:183,高自动变化,以保持原来的宽高比例,缩小的实例 (10) 将实例移动到舞台中央,可通过【属性】面板指定该实力

的坐标。在 X 和 Y 文本框中分别输入 70、65.

西安职业技术学院教案稿纸 (11) 在时间轴中单击第 7 帧,选择【插入】|【时间轴】|【关

键帧】命令 (12) 选择时间轴中的第 1 帧, 然后在舞台中选择实例, 此时 【属

性】面板中显示与该实例相关的参数设臵 (13) 单击 【颜色】 下拉列表框, 在弹出的下拉列表中选择 Alpha

选项,Flash 默认将 Alpha 参数设臵为 0,及透明度为 0 (14) 选择时间轴中的第 7 帧,会发现实例仍然会完全显示,即

透明度为 100, 这样就可以创建一个图像逐渐淡入的动画效果, 而中间的过渡效果可以由 Flash 的补间动画功能自动完成 (15) 选择第 1—7 之间的任意一帧,在属性面板中单击【补间】

下拉列表框,选择其中的【动画】选项,创建补间动画 (16) 选择第 16 帧, 创建关键帧。 在这一帧中部修改当前实例的

任何属性,它将继承前一关键帧(即第 7 帧)的属性。这样动 画在第 7-16 帧之间不发生变化 (17) 在第 23 帧上创建关键帧,选择舞台上的实例,在【属性】

面板中将实例宽度设臵为 85,实例人保持原来的宽高比 (18) 将缩小后的实例移动到舞台左下方,也可在【属性】面板

的 X、Y 文本框中分别输入宽高的值-23,180 (19) 单击 【颜色】 下拉列表框, 在弹出的下拉列表中选择 Alpha

选项,将实例透明度设臵为 0 (20) 在时间轴上选择第 16-23 帧之间的任意一帧,在【属性】

面板中单击【补间】下拉列表框,选择其中的【动画】选项, 创建补间动画 (21) 这样就创建了一个 Logo 图标逐渐显示在舞台中央, 停留一

段时间后,又向舞台左下方运动并逐渐缩小而且淡出的动画 (22) 单击时间轴上方的【场景 1】按钮,返回到整个动画的主

西安职业技术学院教案稿纸 时间轴。由于前面的动画都是在 Logo 动画影片剪辑中制作的, 因此当前主时间轴中仍然只是在第一帧上有个关键帧,其他未 空白。 2.2.3 创建地图动画 本节将创建整个 Flash 动画的第二部分, 及地图动画, 在这一节将 使用 Flash 的绘图工具绘制直线等简单图形, 并设臵相应的关键帧 动画 (1)接下来真被创建整个 Flash 动画的第 2 部分----地图动画。首 先将【库】面板中名为‘地图.png’的图形拖动到舞台上 (2)这个地图图形尺寸与舞台相同,因此需要将它与舞台对齐,可 在舞台中选择该实例后在【属性】面板的 XY 文本框中均输入 0 (3)在选择图形对象的情况下,将图形对象转换为【影片剪辑】元 件,元件名称为‘地图’ (4)选择舞台上的‘地图’实例,再次转换为【影片剪辑】类型的 元件,元件名为‘地图动画 (5)双击舞台上‘地图动画’实例,进入‘地图动画’元件的编辑 模式 (6)双击当前的【图层 1】图层,将命令该图层重新命名为‘地图 背景’ (7)选择该层的第 20 帧,选择【插入】|【时间轴】|【帧】命令, 在第 20 帧位臵上插入一个普通帧,由于目前阶段地图背景并不产 生动画,因此只要插入普通帧即可 (8)单击时间轴左下角的插入图层按钮,新建一个图层,并将该图 层命名为‘水平线’ (9)单击时间轴左侧工具箱中的线条工具按钮,将工具箱底部【笔 触颜色】设臵为白色。

西安职业技术学院教案稿纸 (10) 直线 (11) 选择该水平直线图形对象,将其转换为【图形】类型的元 按住 shift 键,同时用鼠标在舞台上绘制一段白色的水平

件,名称为‘水平直线’ (12) 在【属性】面板中将该实例的 Y 轴坐标设臵为 25,使之位

于舞台上半部分 (13) (14) 选择‘水平直线’图层的第 5 帧,插入关键帧 选择舞台上的‘水平直线’实例,在【属性】面板中将该

实例的 Y 轴坐标设臵为 230,使之位于舞台下半部分 (15) (16) 选择‘水平直线’图层的第 10 帧,插入关键帧 选择舞台上的‘水平直线’实例,在【属性】面板中将该

实例的 Y 轴坐标设臵为 25,使之重新回到与第 1 帧相同的初始位 臵 (17) 当前图层默认长度为与底部图层相同, 即 20 帧。 而根据动

画设计方案,这里的水平直线动画只有 10 帧的长度,因此需要将 第 11-20 帧删除。按住 shift 键,依次单击第 11 帧和第 20 帧,同 时选择第 11-20 帧 (18) (19) 删除帧 在第 5 帧右击创建补间动画, 在第 10 帧右击创建补间动画,

或者方法二: 分别选择第 1-5 和第 5-10 帧之间的任意一帧, 在 【属 性】面板中单击【补间】下拉列表框,选择【动画】选项创建补间 动画。 (20) (21) (22) 新建一个图层,并重新命名为‘垂直直线’ 按住 shift 键,同时用鼠标在舞台上绘制一段垂直直线 选择该水平直线图形对象,将其转换为【图形】类型的元

件,名称为‘垂直直线’

西安职业技术学院教案稿纸 (23) (24) (25) 性 (26) 在第 15 帧的位臵插入关键帧, 然后选择 ‘垂直直线’ 实例, 在【属性】面板中将该实例的 X 轴坐标设臵为 30 选择第 1 帧,然后将该帧拖动到第 10 帧的位臵上。 选择第 20 帧,插入关键帧,该帧会继承前面第 10 帧的属

在【属性】面板中该实例 X 轴坐标设为 375 (27) 分别选择第 10-15 和第 15-20 帧之间的任意一帧,在【属

性】面板中单击【补间】下拉列表框,选择【动画】选项创建补间 动画。 (28) 分别在‘地图背景’图层的第 21 帧和第 28 位臵插入关键

帧,选择第 21 帧 (29) 在舞台中选择‘地图’实例,在属性面板中,单击【颜色】

下拉列表,选择 alpha 选项设为 0 (30) 选择第 21-28 帧之间的任意一帧,在【属性】面板中单击

【补间】下拉列表框,选择【动画】选项创建补间动画。得到动画 由黑屏到淡入地图背景的动画效果 (31) 选择‘地图背景’图层第 80 帧,插入普通帧,这是整个地

图动画部分的总长度 (32) (33) 新建一个图层,并命名为‘水平直线 1’ 右击‘水平直线’图层的第 10 帧,在弹出的快捷菜单中选

择【复制帧】命令 (34) 右击‘水平直线 1’图层的第 21 帧,在弹出的快捷菜单中

选择【粘贴帧】命令 (35) 帧 (36) 选择第 35 帧,然后选择舞台上的‘水平直线’实例,将它 分别在水平直线 1’图层的第 35 帧和第 50 帧上插入关键

西安职业技术学院教案稿纸 Y 坐标设为 220 (37) (38) 选择第 50 帧,将‘水平直线’实例的 Y 轴坐标设臵为 92。 分别选择第 21-35 和第 35-50 帧之间的任意一帧,在【属

性】面板中单击【补间】下拉列表框,选择【动画】选项创建补间 动画。 (39) (40) 再创建一个新的图层,重新命名为‘垂直直线 1’ 将‘垂直直线’图层的第 20 帧复制到‘垂直直线’图层的

第 21 帧上 (41) 分别在第 35 帧和第 50 帧上创建关键帧,然后调整这两个

关键帧中‘垂直直线’实例在 X 轴坐标,分别为 360 和 243 (42) 分别选择第 21-35 和第 35-50 帧之间的任意一帧,在【属

性】面板中单击【补间】下拉列表框,选择【动画】选项创建补间 动画。 (43) 创建一个新的图层,命名为‘圆环’ 。在第 55 帧的位臵上

插入关键帧 (44) 选择工具箱中的椭圆工具按钮,在属性面板中将笔触颜色

设臵为黄色,将填充颜色设臵为没有颜色,将笔触高度设为 4 (45) 按住 shift 键,同时用鼠标在舞台上绘制一个图形,图形

的圆心应位于当前舞台中两条直线的交点上 (46) (47) (48) 单击工具箱中的选择工具按钮,选择舞台上的圆形 将图形转换为【图形】类型的元件,并命名为‘基本圆环’ 选择舞台中的这个实例,转换为【图形】类型的元件,并

命名为‘圆环’ (49) (50) (51) 双击‘圆环’实例,进入‘圆环’元件的编辑模式 将【库】面板中名称为‘基本圆环’的元件拖动到舞台上 选择新添加的实例,在【属性】面板中锁定宽高比,并在

西安职业技术学院教案稿纸 【宽】文本框中输入 20,将修改后的实例移动到与舞台上原来的 实例同心的位臵 (52) 单击时间轴上方的‘地图动画’按钮,或者单击其左侧的

按钮,返回到‘地图动画’影片剪辑元件的编辑模式 (53) 同时选择第 56-61 帧,选择【修改】|【时间轴】|【转换

为关键帧】命令,将所选帧全部转换为关键帧 (54) 按住 ctrl,单击第 56、58、60 帧,清除帧,这样就会得

到圆环闪烁的效果,这也是一种逐帧动画 (55) (56) 在第 65 帧上插入关键帧,准备制作大小变化的补间动画 选择舞台上的‘圆环’实例,在【属性】面板中锁定宽高

比,然后将该实例高度设臵为 10 (57) (58) 选择第 61-65 帧之间的任意一帧,创建补间动画 同时选择第 61-65 帧并右击, 在弹出的快捷菜单中选择 【复

制帧】命令 (59) 右击第 66 帧,在弹出的快捷菜单中选择【粘贴帧】命令,

此时原来的动画帧向右侧平移,所以【粘贴帧】命令相当于将复制 的帧插入进来 (60) (61) 帧 (62) 时间轴 2.2.4 创建国旗动画 本节将创建整个 flash 动画的第三部分, 即国旗动画, 在这一节中 除了创建关键帧动画之外, 还要用到重要的对齐工具, 以便在舞台 上快速对齐实例对象 单击时间轴上方的【场景 1】按钮,返回到整个动画的主 右击第 71 帧,在弹出的快捷菜单中选择【粘贴帧】 选择由于复制帧而多出来长度第 81-88 帧,清楚所选择的

西安职业技术学院教案稿纸 (1)将【库】面板中的‘大力神杯.png’图形添加到舞台上,选择 该图形对象,转换为【影片剪辑】类型的元件,并命名为‘大力神 杯’ (2)在【属性】面板中锁定宽高比,在【宽】文本框中输入 86,调 整后的‘大力神杯’实例 (3)选择当前编辑的实例,转换为【影片剪辑】类型的元件,并命 名为‘国旗动画’ (4)双击‘国旗动画’实例,进入元件编辑模式 (5)将当前默认的?图层 1?图层重新命名为‘大力神杯’ (6)在第 5 帧插入关键帧,然后选择第 1 帧 (7)选择舞台上的‘大力神杯’实例,在【属性】面板中锁定宽高 比,并在【宽】文本框中输入 10 (8)将该实例移动到地图动画中两直线的交点位臵,调整后的‘大 力神杯’实例 (9)选择第 1-5 帧的任意一帧,在【属性】面板设臵补间动画 (10) (11) 在第 20 和第 30 帧插入关键帧,然后选择第 30 帧 选择舞台上的实例, 在 【属性】 面板中锁定宽高比, 在 【宽】

文本框中输入 50,将该实例的 XY 坐标设臵为(-135,5) (12) 画 (13) (14) 新建一个图层,并重新命名为‘体育场背景’ 默认状态下新建图层位于当前图层的上方,而‘体育场背 选择第 20-30 帧的任意一帧,在【属性】面板设臵补间动

景’图层应该位于‘大力神杯’图层下方,因此将‘体育场背景’ 图层拖动到下方 (15) 确认当前选择的是‘体育场背景’图层,将【库】面板中

的‘体育场.jpg’图像拖到舞台上,将图像对象的左下角与舞台左

西安职业技术学院教案稿纸 下角对齐 (16) 选择舞台上的体育场图形,将之转换为【图形】类型的元

件,并命名为‘体育场’ (17) 选择‘体育场背景’图层的第 1 帧,并将之移动到第 5 帧,

使前 4 帧为空白 (18) (19) 在第 15 帧的位臵插入关键帧,然后选择第 5 帧 选择舞台上的‘体育场’实例,在属性面板上单击【颜色】

下拉列表框,选择 alpha 设为 0 (20) (21) 选择第 5-15 帧的任意一帧,在【属性】面板设臵补间动画 向后移动时间轴,在第 100 帧的位臵插入关键帧。选择第

100 帧,然后选择舞台上的‘体育场’实例 (22) 在属性面板中将实例的 X 轴坐标设臵为-250,使之产生由

舞台右侧向左侧移动的动画效果 (23) 动画 (24) 选择第 115 帧,插入普通帧,这是当前‘国旗动画’影片 选择 15-100 帧之间的任意一帧,在【属性】面板设臵补间

剪辑的总长度 (25) 选择‘大力神杯’图层,在 115 帧上同样插入普通帧,是

该实力在动画期间一直显示 (26) 创建一个新图层,并重新命名为‘标识’将【库】面板中

的‘标识.jpg’拖动到舞台中的右侧 (27) 选择该位图实例,将之转换为【图形】类型的元件,并命

名为‘标识’ (28) 选择‘标识’的实例,在【属性】面板中锁定宽高比,并

将宽度设臵为 84 (29) 选择标识图层第 1 帧,并将之移动到第 30 帧

西安职业技术学院教案稿纸 (30) 在第 35 帧的位臵插入关键帧, 选择舞台上的 ‘标识’ 实例,

将之水平移动到舞台的中央位臵 (31) 动画 (32) 创建一个新图层,并重新名为‘足球’ ,将【库】面板中的 选择 30-35 帧之间的任意一帧,在【属性】面板设臵补间

‘足球.png’拖动到舞台的左侧 (33) 选择该位图实例,将之转换为【图形】类型的元件,并命

名为‘足球’ (34) 选择‘足球’的实例,在【属性】面板中锁定宽高比,并

将宽度设臵为 100 (35) (36) 选择标识图层第 1 帧,并将之移动到第 35 帧 在第 40 帧的位臵插入关键帧, 选择舞台上的 ‘足球’ 实例,

将之水平移动到舞台的中偏右的位臵 (37) 动画 (38) 创建一个新图层,并重新名为‘国旗’ ,将【库】面板中的 选择 35-40 帧之间的任意一帧,在【属性】面板设臵补间

所有国旗图片拖动到舞台底部空白位臵 (39) 在【属性】面板中锁定宽高比,依次将 12 个国旗位图实例

的大小均设为 106*65 (40) 将当前这些位图实例大致水平排列,此时不必精确定位,

下面将使用对齐工具进行快速对齐设臵 (41) 选择【窗口】|【对齐】命令,打开【对齐】面板。取消(相

对于舞台)按钮的按下状态 (42) 选择舞台上所有国旗的位图实例,单击垂直中齐按钮,使

实力在垂直方向上全部居中对齐 (43) 单击水平居中按钮,使实例在水平方向上平均居中分布,

西安职业技术学院教案稿纸 这样就得到比较均匀整齐的排列效果 (44) 选择舞台上所有国旗的位图实例,转换为【图形】类型元

件,并命名为‘全部国旗’ (45) (46) (47) 选择‘国旗’图层的第 1 帧,将之移动到第 40 帧 将‘全部国旗’实例移动到舞台右侧靠下方的位臵 在第 115 帧上插入关键帧,然后选择舞台上的实例,将之

水平向左移动 (48) 动画 (49) (50) (51) 为 50% (52) 在第 105 帧位臵插入关键帧,然后选择第 115 帧,使用相 选择第 50 帧,插入关键帧 选择第 40 帧,然后选择舞台上的‘全部国旗’实例 在在属性面板上单击【颜色】下拉列表框,选择 alpha 设 选择 40-115 帧之间的任意一帧,在【属性】面板设臵补间

同的方法将该帧的实例透明度设臵为 50% (53) (54) 时间轴 (55) 选择【文件】|【保存】命令,保存当前编辑的文档 拖动播放头,可以在舞台中查看当前影片剪辑的动画效果 单击时间轴上方的【场景 1】按钮,返回到整个动画的主

2.2.5 创建文字动画 本节创建整个 flash 动画的第三部分, 即文字动画, 在这一节中将 使用 flash 的文字工具来创建文字内容, 并使用这些文字对象制作 文字动画 (1)下面将制作最后一段文字动画,单击工具箱中的文字工具按钮 (2)在【属性】面板中单击最左侧下拉列表框,选择【静态文本】 选项

西安职业技术学院教案稿纸 (3)单击【字体】下拉列表框,将文字字体设臵为‘黑体’ (4)将字体大小设臵为 28,字体颜色设为黄色,并单击切换为粗体 按钮 (5)单击【字体呈现方法】下拉列表,选择其中的【可读性消除锯 齿】选项 (6)在舞台上适当位臵单击,输入文字‘2006 德国 柏林鏖战在即’ (7)单击工具箱中选择工具按钮,单击舞台上的文字实例 (8)将当前文字实例转换为 【影片剪辑】 类型的元件, 并命名为 ‘文 字动画’ (9)双击‘文字动画’实例,进入原件的编辑模式 (10) (11) 选择【修改】|【分离】命令,将文字实例分离 分别在时间轴的第 43、52、54、56、58、60、62、115 帧

插入关键帧 (12) (13) 同时选择第 52-53 帧,按 DEL 将之删除为空白帧 使用相同方法将第 56-57 帧和第 60-62 帧删除为空白帧。

这样将得到文字交替出现的闪动动画效果 (14) 分别在第 4、7、10、16、19、25、28、34、37、40 帧插入

关键帧,准备制作文字逐个出现的打字机动画效果 (15) 选择第一帧,将舞台上除了第 1 个文字‘2’以外的所有文

字删除掉, 由于前面进行了分离操作, 因此这里可以单独删除指定 的文字 (16) (17) 选择第 4 帧,将舞台上除了 ‘20’以外的所有文字删除掉 使用相同的方法依次设臵后面的关键帧内容。第 7 帧内容

为‘200’ ;第 10 帧内容为‘2006’ ;第 16 帧内容为‘2006 德’ ; 第 19 帧内容为‘2006 德国’ ;第 25 帧内容为‘2006 德国 柏’ ; 第 28 帧内容为 ‘2006 德国 柏林’ ; 第 34 帧内容为 ‘2006 德国 柏

西安职业技术学院教案稿纸 林 鏖’ ;第 37 帧内容为‘2006 德国 柏林 鏖战’ ;第 40 帧内容为 ‘2006 德国 柏林 鏖战在’ ;第 43 帧内容不做任何修改,因此应 该是完整的内容。 (18) 为了能够清楚地观察文字动画效果,可以直接双击【库】

面板中的 ‘文字动画’ 元件, 这样就会直接显示舞台背景颜色黑色, 而不会显示舞台中其他图层内容。拖动播放头看效果 (19) 时间轴 2.2.6 整合主时间轴 在完成前段动画制作之后, 这届将这些动画片段进行整合, 以组成 一段完整的 flash 动画 (1)前面的动画都是在【影片剪辑】类型的元件中制作的,当前主 时间轴上还只有一个关键帧, 当然这些元件都已经摆放在了舞台上 (2)下面需要移动各个影片剪辑动画出现的次序对主时间轴进行排 列整合。由于‘logo 动画’影片剪辑的长度为 23 帧,因此选择当 前图层的第 23 帧,插入普通帧 (3)新建一个图层,并重命名为‘文字动画’ (4)选择舞台上的‘文字动画’实例,选择【编辑】|【剪切】命令 (5)选择‘文字动画’图层的第 1 帧,由于其中还没有内容,因此 仍为空白帧 (6)选择【编辑】|【粘贴到当前位臵】命令,将所选择实例由原来 的 logo 图层移动到‘文字动画’图层,并且文字不会发生改变 (7)选择当前图层的最后一帧, 将之移动到第 220 帧。 选择第 1 帧, 将之移动到第 128 帧 (8)新建一个图层,并重新名为‘国旗动画’将‘国旗动画’图层 移动到?文字动画?图层下方,以避免将文字动画内容遮住 单击时间轴上方的【场景 1】按钮,返回到整个动画的主

西安职业技术学院教案稿纸 (9)选择舞台上的?国旗动画?实例,选择【编辑】|【剪切】命令 (10) 选择‘国旗动画’图层的第 1 帧,选择【编辑】|【粘贴到

当前位臵】命令,将所选择实例由原来的 logo 图层移动到‘国旗 动画’图层 (11) 会出现 (12) 新建一个图层,并重新命名为?地图动画?将这个图层移 将第 1 帧移动到第 108 帧,即‘国旗动画’在第 108 帧才

动到‘国旗动画’图层的下方。 (13) 命令 (14) 选择‘地图动画’图层的第 1 帧,选择【编辑】|【粘贴到 选择舞台上的‘地图动画’实例,选择【编辑】|【剪切】

当前位臵】命令,所选择实例由原来的 logo 图层移动到‘地图动 画’图层 (15) 出现 (16) 此时就将主时间轴动画组合完毕,不过由于他们都是由影 将第 1 帧移动到第 27 帧,即‘地图动画’在第 27 帧才会

片剪辑组成的, 因此不能通过简单的拖动播放头来查看整体动画效 果 (17) (18) 选择【控制】|【测试影片】命令,对当前影片进行测试。 选择【文件】|【保存】命令,保存当前文档。

2.2.7 添加链接 当前制作的这个动画是要在网页中播放的, 因此需要添加一个链接 功能,使网页浏览者单击该动画时可以打开指定的链接地址的网 页。 这里将添加一个大的不可见按钮, 使其既具有链接功能又不影 响动画播放效果。 (1)在‘文字动画’图层的上方新建一个图层,并重新命名为‘按

西安职业技术学院教案稿纸 钮’ (2)单击工具箱中的矩形按钮,单击面板底部的【笔触颜色】按钮, 在弹出的【颜色选取器】中单击没有颜色按钮,禁用矩形轮廓 (3)在舞台上绘制一个矩形,矩形的大小和颜色都无关紧要,因为 可以在【属性】面板中设臵其大小、位臵、以及完全透明 (4)单击工具箱中的选择工具按钮,选择舞台上绘制的矩形 (5)在【属性】面板中将矩形的宽度设臵为 400,高度设臵为 250, 在 XY 文本框中输入 0,以使矩形与舞台完全对齐 (6)在矩形仍处于选择状态下,将矩形图形转换为元件。在打开的 【转换为元件】对话框中输入元件名称为‘链接按钮’并选中【按 钮】单选按钮。 (7)单击【确定】按钮,关闭对话框,得到一个【按钮】类型的元 件 (8)双击舞台上的实例,进入元件编辑模式 【按钮】元件的时间轴与【影片剪辑】和【图形】元件的 时间轴不同,它默认含有 4 个关键帧,当前矩形位于按钮 的第一个【弹出】帧上,这定义了按钮的‘弹出’状态 (9)由于要创建完全透明的按钮,因此需要将矩形移至【点击】帧 处,该帧是按钮的单击区域。选择【弹出】帧,并拖动到【点击】 帧上, 现在, 整个动画区域都可以单击, 但在动画中看不到该按钮。 (10) 时间轴 (11) 现在, 舞台上有一个深青色矩形, 它表示不可见按钮的 【点 单击时间轴上方的【场景 1】按钮,返回到整个动画的主

击】区域 (12) 下面要在动画的按钮上添加一些简单的 AS 代码, 以使不可

见按钮可以打开指定连接地址的网页

西安职业技术学院教案稿纸 (13) 添加代码之前,需要赋予按钮一个唯一的实例名称。通过

该实例名称,可以借助 AS 代码定位目标按钮。如果不命名按钮实 例,代码将无法从时间轴上定位目标按钮。选择按钮实例,在【属 性】面板的【实例名称】文本框中输入按钮实例的名称 ‘lianjie_btn’ (14) (15) 新建一个图层,并重新命名为‘代码’ 选择【窗口】|【动作】命令,打开【动作】面板,然后选

择该图层的第 1 帧 (16) 在 【动作】 面板右侧的代码输入框中输入 ‘lianjie_btn.’ ,

在输入‘ . ’后,会自动打开代码提示菜单,在其中双击选择 onrelease 函数 (17) (18) 接着输入‘=function(){’并按 enter 键换行 在第 2 行中输入

‘getURL(″http://hangxianmax.bolgcn.com″,″_blank″);’ (19) 按 enter 键换行,最后输入‘}; ’ ,完整代码如下

lianjie_btn.onRelease=function(){ getURL(″http://hangxianmax.bolgcn.com″,″_blank″); }; 代码中的第一行 lianjie_btn 实例作为目标,事件是 onRelease(释放鼠标) ,表示用户在 lianjie_btn 实例 上单击然后释放鼠标的动作,function()是函数,表示 该事件要执行后面的函数内容,函数中的 getURL()方法 指示该按钮在新窗口( _blank)中打开一个特定的网址 (http://hangxianmax.bolgcn.com ) 。如果希望动画在 当前页中打开该网址,应使用_self 替换_blank (20) 选择【文件】|【保存】命令,保存当前文档。

西安职业技术学院教案稿纸 2.2.8 发布动画 (1)通常制作 Flash 动画需要发布位可以在浏览器或 Flash Player 播放器中能够播放的 SWF 文件。因此选择【文件】| 【发布设臵】命令,打开【发布设臵】对话框 (2)在 【格式】 选项卡中确认只选中 Flash (.swf) 和 HTML (.html) 两个复选框,因为这里只需要发布 Flash SWF 文件和 HTML 文 件用于在 web 浏览器中显示 SWF 文件 (3)切换到 HTML 选项卡 (4)单击【模板】下拉列表框,选择其中的【仅限 Flash】选项, 此模板将创建一个简单的 HTML 文件, 在浏览器窗口中显示时 该文件仅包含 SWF 文件 (5)单击【发布】按钮,开始发布文件 (6)在 Windows 资源管理器中找到当前 FLA 文件保存位臵,可以 看到当前文件夹中由于发布而产生的与 FLA 文件同名的 SWF 文件和 HTML 文件 (7)双击其中的 HTML 文件,在 IE 浏览器中播放 SWF 文件 (8)将鼠标移动到动画上,光标变为手的形状 (9)单击鼠标左键,会在新的浏览器窗口中打开前面代码中指定 的网址


更多相关文档:

项目一2006世界杯

项目一2006世界杯_其它课程_初中教育_教育专区。世界杯PPT制作课时授课计划动漫教研室 吴鹃 课时分配: 8 节课题 编写日期:2010 年 02 月 20 日 项目一:介绍一...

2006世界杯期间广告项目(第一批公布)

平均 1 次/场,共计不少于 100 次(含并机频次) ; 1 2006 世界杯期间广告项目 常规广告项目部分 CCTV-1、2、5 的赛事精编及重播节目中插播,平均 1 次/场...

因世界杯而火爆的投资项目

世界杯而火爆的投资项目 四年一届的世界杯是全世界球迷们的期待已久的赛事, 全球范围内一定会挂起一阵世界杯风潮,大街小巷里都是关 于世界杯的新闻,不管你是...

2006年自行车项目竞赛日程表 - 华奥星空

2006年自行车项目竞赛日程表 - 华奥星空_一年级其它课程_其它课程_小学教育_教育...场地世界杯第三站 女子环吉龙多日赛 女子公路世界杯 女子环新西兰 新西兰公路...

2006德国世界杯酒店整合营销策划书

3页 1下载券 酒店开业以及营销策划书 7页 免费 英华酒店连锁项目整合营... ...扬眉吐气的快事,而且球迷们的心情在 2006 德国世界杯期间, 大可以全面升温一番...

2006世界杯轮滑环太湖马拉松赛招商方案

2006世界杯轮滑环太湖马拉松赛招商方案_金融/投资_经管营销_专业资料。第一部分 前 言 轮滑是一项融健身、竞技、艺术、娱乐性于一体的潇洒、时尚、 刺激运动。轮滑...

做好项目管理的10个方法

一、生命周期与方法论 项目的生命周期与方法论,是...Kendrick 2006 年登记版权。艾芮译。Tom Kendrick ...汽车品牌的足球世界杯营销 网络营销部电商运营工作计划...

三一参与巴西世界杯和2016奥运会项目建设

三一参与巴西世界杯和2016奥运会项目建设_城乡/园林规划_工程科技_专业资料 暂无评价|0人阅读|0次下载|举报文档 三一参与巴西世界杯和2016奥运会项目建设_城乡/...

运动项目概论作业

高尔夫球项目迎来了快速健康发展的新的历史阶段 1.3...已经由2006年的30余起,发 展到2009年的近90余起...赛,这对中国高尔夫球的意义好比中国男足冲进世界杯...

体育题库

(2 分) False 22.健美操世界杯赛两年举办一次。(...(2 分)True 30.第九届世锦赛于 2006 年 6 月...TRUE 击剑战术与其他竞技项目一样也具有其本身的特点...
更多相关标签:
2006年世界杯 | 2006世界杯 | 2006年世界杯赛程赛果 | 2006年世界杯决赛 | 2006年世界杯意大利 | 2006德国世界杯主题曲 | 2006世界杯主题曲 | 2006世界杯决赛高清 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com