当前位置:首页 >> IT/计算机 >>

Flash动画制作之—制作动作补间动画 06


第6讲

制作动作补间动画
学习目标

掌握动作补间动画的原理和创建方法 。 掌握使用动作补间动画表现蝙蝠飞翔的效果 。 掌握时间轴特效的原理和使用方法 。 掌握使用时间轴特效制作动态影集的方法 。

本章大纲

? 6.1 动作补间动画原理 ? 6.2 ? 5.3 时间轴特效 课后作业

6.1 动作补间动画原理

动作补间是Flash动画应用最多的表现手法,只要有动画产生的 动作补间是 动画应用最多的表现手法, 动画应用最多的表现手法 实例中就会使用动作补间,其重要性不言而喻, 实例中就会使用动作补间,其重要性不言而喻,这里首先来认识其原 理。

6.1.1 知识点讲解

一、动作补间动画原理。 动作补间动画原理。 动作补间动画是指在两个或两个以上的关键帧之间对元件进 行补间的动画,使一个元件随着时间幻化其颜色 使一个元件随着时间幻化其颜色、位置、旋转等 属性,如图6-1所示。

红色花朵 舞台左边 0°

颜色补间 位置补间 旋转补间

蓝色花朵 舞台右边

15°

图6-1 动作补间动画

动作补间动画只能对元件进行补间, 动作补间动画只能对元件进行补间,如果对非元件的对 象进行动作补间动画时,软件将自动将其转化为元件。 象进行动作补间动画时,软件将自动将其转化为元件。 二、创建动作补间动画。 创建动作补间动画。 在存储着同一元件两种不同属性的两关键帧之间任选1帧 然后在【 在存储着同一元件两种不同属性的两关键帧之间任选 帧,然后在【 属性】面板上的【补间】下拉列表中选择【动作】 属性】面板上的【补间】下拉列表中选择【动作】命令或直接在该 帧上单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】 帧上单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】命 如图6-2所示就可创建动作补间动画 所示就可创建动作补间动画。 令,如图 所示就可创建动作补间动画。 如果两关键帧之中的任何一个关键帧的内容为空, 如果两关键帧之中的任何一个关键帧的内容为空,将创建动作补间 动画失败,如图6-3所示 动画失败,如图 所示 。

图6-3 创建失败

三、认识形状补间动画的属性面板 当选中动作补间动画的任一帧时, 属性】面板如图6-4所示 所示。 当选中动作补间动画的任一帧时,其【属性】面板如图 所示。

属性】 图6-4 【属性】面板

其中常用的选项为【缓动】 其中常用的选项为【缓动】和【旋转】选项,在【旋转】选 旋转】选项, 旋转】 项中选择不同的方式,将使元件按不同的方式旋转。 项中选择不同的方式,将使元件按不同的方式旋转。 (1)“顺时针”是指元件播放时以顺时针方向进行旋转,并可在 ) 顺时针”是指元件播放时以顺时针方向进行旋转, 项中设置旋转次数。 【次】项中设置旋转次数。 (2)“逆时针”是指元件播放时以逆时针方向进行旋转,并可在 ) 逆时针”是指元件播放时以逆时针方向进行旋转, 项中设置旋转次数。 【次】项中设置旋转次数。 (3)“自动”是指元件的旋转由用户自己进行设置。 ) 自动”是指元件的旋转由用户自己进行设置。 (4)“无”是指元件不产生旋转 。 )

6.1.2 范例解析(一)──创建动作补间动画练习 创建动作补间动画练习

请同学们在老师的带领下进一步学习动作补间动画的创建方 法,并按要求完成以下操作 。

1、打开教学资源中的“素材\第6讲\创建动作补间动画 创建动作补 、打开教学资源中的“素材 第 讲 创建动作补间动画 创建动作补间动画\创建动作补 间动画.fla”文件,如图 所示。 文件, 所示。 间动画 文件 如图6-5所示 2、在“篮球”图层的第 帧处插入关键帧,然后向下移动篮球到如 篮球”图层的第30帧处插入关键帧 帧处插入关键帧, 、 所示的位置。 图6-6所示的位置。 所示的位置

图6-5 打开制作模板

图6-6 调整篮球位置一

3、在第60帧处插入关键帧,调整篮球的位置如图 、 调整篮球的位置如图6-7所示。 4、分别在“篮球”图层的第1帧和第 帧和第30帧处单击鼠标右键,在弹 出的快捷菜单中选择【创建补间动画 创建补间动画】命令,从而在第1帧~ 第30帧、第30帧~第60帧之间创建动作补间动画 帧之间创建动作补间动画,此时【时 间轴】效果如图6-8所示 。

图6-8 创建动作补间动画 图6-7 调整篮球位置二

5、按Ctrl+Enter快捷键测试播放影片,虽然篮球运动起来了,但 、 快捷键测试播放影片, 快捷键测试播放影片 虽然篮球运动起来了, 是动作显的十分坚硬 。

6、选中第1帧,在【属性】面板中设置【缓动】为“-100”,如 、选中第 帧 属性】面板中设置【缓动】 , 所示, 属性】面板中设置【缓动】 图6-9所示,选中第 帧,在【属性】面板中设置【缓动】为 所示 选中第30帧 “100”,如图 ,如图6-10所示 。 所示

设置缓动为“ 图6-9 设置缓动为“-100”

设置缓动为“ 图6-10 设置缓动为“100”

7、按Ctrl+Enter快捷键测试播放影片,篮球的运动看起来具有一 、 快捷键测试播放影片, 快捷键测试播放影片 定的速率变化了。 定的速率变化了。 8、选中第 帧,在【属性】面板中设置【旋转】为“顺时针”,【 属性】面板中设置【旋转】 顺时针” 、选中第1帧 所示, 属性】 次】为“1”,如图 ,如图6-11所示,选中第 帧,在【属性】面板中做相 所示 选中第30帧 同的旋转设置。 同的旋转设置。

图6-11 设置旋转

9、再次测试播放影片,篮球的运动效果基本达到要求 。 、再次测试播放影片,

6.1.3 范例解析(二)──制作 制作“云海日出”

花是带给人们幸福与浪漫的精灵。 花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制 作一个“浪漫的绽放”动画, 作一个“浪漫的绽放”动画,带领读者来一同体验自己绘制出的浪漫 感觉,其设计思路及效果如图5-8所示 感觉,其设计思路及效果如图 所示 。

图6-12 制作思路及效果

1、制作云层元件。 、制作云层元件。 文档, , (1)新建一个 )新建一个Flash文档,设置文档【背景颜色】为“#666666”, 文档 设置文档【背景颜色】 其他文档属性使用默认参数。 其他文档属性使用默认参数。

(2)新建一个影片剪辑元件并命名为“云块”,单击 )新建一个影片剪辑元件并命名为“云块” 按钮进 入元件内部进行编辑。 入元件内部进行编辑。 (3)选择【椭圆】工具,设置【笔触颜色】为“无”,【填充颜 )选择【椭圆】工具,设置【笔触颜色】 白色” 在编辑区绘制5个椭圆形成一片云的形状 个椭圆形成一片云的形状, 色】为“白色”,在编辑区绘制 个椭圆形成一片云的形状,如 图6-13所示。 所示。 所示 (4)新建一个影片剪辑元件并命名为“云层”,单击 )新建一个影片剪辑元件并命名为“云层” 按钮进 入元件内部进行编辑。 入元件内部进行编辑。 面板中的“云块”元件拖入编辑区,打开【滤镜】 (5)将【库】面板中的“云块”元件拖入编辑区,打开【滤镜】 ) 面板, 按钮,选择“模糊”滤镜, 面板,单击面板左上角的 按钮,选择“模糊”滤镜,设置 ,如图 所示。 参数【模糊X】和【模糊Y】都为“30”,如图6-14所示。 参数【模糊 】 模糊 】都为“ 所示

图6-13 绘制云块

图6-14 滤镜参数

击窗格上方“属性”右侧的“滤镜” 便可转到【滤镜】 击窗格上方 “ 属性 ” 右侧的 “ 滤镜 ” 便可转到 【 滤镜 】 面 也可执行【窗口】 【属性】 【滤镜】 板,也可执行【窗口】/【属性】/【滤镜】菜单命令打开 滤镜】面板。 【滤镜】面板。 键不放, (6)按住 )按住Ctrl键不放,利用【选择】工具拖动“云块”元件,复 键不放 利用【选择】工具拖动“云块”元件, 制元件并摆放成如图6-15所示的云层状。 所示的云层状。 制元件并摆放成如图 所示的云层状

图6-15 复制云块

2、制作天空元件 。 、

元件内部进行编辑。 元件内部进行编辑。 颜色】面板中设置【笔触颜色】 (2)选择【矩形】工具,在【颜色】面板中设置【笔触颜色】为“ )选择【矩形】工具, 填充颜色】 类型】 线性” 从左至右第1个色块 无”,【填充颜色】的【类型】为“线性”,从左至右第 个色块 颜色为“白色” 个色块颜色为“ 颜色为“白色”,第2个色块颜色为“#0099FF”,如图 个色块颜色为 ,如图6-16所示 所示 。 的矩形, (3)在编辑区绘制一个宽高为“550px×400px”的矩形,并居中对 )在编辑区绘制一个宽高为“550px× 的矩形 然后利用【填充变形】工具调整填充方向和位置如图6-17所 齐,然后利用【填充变形】工具调整填充方向和位置如图 所 示。

图6-16 填充颜色

图6-17 调整填充

(1)新建一个影片剪辑元件并命名为 新建一个影片剪辑元件并命名为“太阳”,单击 按钮进入 元件内部进行编辑 。 (2)选择【椭圆】工具,在【颜色 颜色】面板中设置【笔触颜色】为“ 无”,【填充颜色】的【类型】 】为“放射状”,从左至右第1个 色块颜色为“白色”,第2个色块颜色为 个色块颜色为“#FFFF00”,第3个色 块颜色为“#FFFF00”且【Alpha Alpha】参数为“0%”,如图6-18所示 。 (3)按住Shift键不放,在编辑区绘制一个宽高都为 在编辑区绘制一个宽高都为“100px”的圆形 ,并相对于舞台居中对齐,如图 如图6-19所示。

图6-18 填充颜色二

图6-19 绘制太阳

(1)返回主场景,执行【文件】/【导入】/【打开外部库】菜单命 )返回主场景,执行【文件】/【导入】 【打开外部库】 选择教学资源中的“素材\第 讲 云海日出 高山素材.fla”文 云海日出\高山素材 令,选择教学资源中的“素材 第6讲\云海日出 高山素材 文 件并打开,将里面的“高山1”、 高山2”和 高山3”元件拖入 件并打开,将里面的“高山1”、“高山 和“高山 元件拖入 当前文件的【 面板中。 当前文件的【库】面板中。 面板如图6-20所 (2)至此,所需元件制作完成,此时当前【库】面板如图 )至此,所需元件制作完成,此时当前【 所 示。 5、布置动画场景。 、布置动画场景。 所示 (1)新建并重命名图层,直至图层效果如图 )新建并重命名图层,直至图层效果如图6-21所示 。

面板中的“天空” (2)选择“天空”图层,将【库】面板中的“天空”元件拖入舞 )选择“天空”图层, 台并居中对齐,使元件刚好覆盖整个舞台。 台并居中对齐,使元件刚好覆盖整个舞台。 面板中的“太阳” (3)选择“太阳”图层,将【库】面板中的“太阳”元件拖入舞 )选择“太阳”图层, 放置在舞台的右下角,位置坐标x、 分别为 分别为“ 台,放置在舞台的右下角,位置坐标 、y分别为“450”、 、 所示。 “300”,如图 ,如图6-22所示。 所示 图层, 面板中的“云层” (4)选择“云层 图层,将【库】面板中的“云层”元件拖入舞 )选择“云层1”图层 放置到如图6-23所示的位置。 所示的位置。 台,放置到如图 所示的位置

放置“太阳” 图6-22 放置“太阳”元件

放置第1个云层 图6-23 放置第 个云层

图层, 面板中的“高山1”元件拖入舞台 (5)选择“高山 图层,将【库】面板中的“高山 元件拖入舞台 )选择“高山1”图层 设置位置坐标x 分别为“ ,设置位置坐标 、y分别为“260”、“256”,如图 分别为 、 ,如图6-24所示 。 所示 由于不同的读者制作出的云层的大小和形状可能有所 不同,所以确定“高山 高山”元件的坐标可方便读者对照 效果图对“云层”元件的位置进行合理的调整 。 元件的位置进行合理的调整

图层, 面板中的“云层” (6)选择“云层 图层,将【库】面板中的“云层”元件拖入到舞 )选择“云层2”图层 台 放置到如图6-25所示的位置,使云层刚好遮住“高山 的底部。 所示的位置, 的底部。 中,放置到如图 所示的位置 使云层刚好遮住“高山1”的底部

放置第1个高 图6-24 放置第 个高

放置第2个云层 图6-25 放置第 个云层

图层, 面板中的“高山2”元件拖入舞台 (7)选择“高山 图层,将【库】面板中的“高山 元件拖入舞台 )选择“高山2”图层 分别为“ 所示。 ,设置位置坐标x、y分别为“108”、“195”,如图 设置位置坐标 、 分别为 108”、 ,如图6-26所示。 所示

图层, 面板中的“云层” (8)选择“云层 图层,将【库】面板中的“云层”元件拖入舞台 )选择“云层3”图层 ,遮住“高山2”元件的底部,最终 个“云层”元件的位置如图 遮住“高山 元件的底部,最终3个 云层” 元件的底部 6-27所示。 所示。 所示

放置第2个高山 图6-26 放置第 个高山

图6-27 3个云层的位置 个云层的位置

图层, 面板中的“高山3”元件拖入舞台 (9)选择“高山 图层,将【库】面板中的“高山 元件拖入舞台 )选择“高山3”图层 设置位置坐标x、 分别为 分别为“ 所示。 ,设置位置坐标 、y分别为“-2”、“145”,如图 、 ,如图6-28所示。 所示 面板中的“云块” (10)选择“飘云”图层,将【库】面板中的“云块”元件拖入舞台 )选择“飘云”图层, 添加“模糊”滤镜,如图6-29所示 所示。 ,添加“模糊”滤镜,如图 29所示。

放置第3个高山 图6-28 放置第 个高山

图6-29 滤镜参数

(11)利用【任意变形】工具减小“云块”元件的高,使其变得细长 )利用【任意变形】工具减小“云块”元件的高, 并放置到如图6-30所示的位置,至此场景布置完成 。 所示的位置, ,并放置到如图 所示的位置

6-30 调整“云块”元件 调整“云块” 图6

6、制作“天空”动画。 、制作“天空”动画。 帧插入帧。 (1)在所有图层的第 )在所有图层的第160帧插入帧。 帧插入帧 天空”图层的第70帧和第 帧和第120帧插入关键帧,选择第 帧中 帧插入关键帧, (2)在“天空”图层的第 帧和第 ) 帧插入关键帧 选择第1帧中 天空”元件, 属性】面板中调整【颜色】 的“天空”元件,在【属性】面板中调整【颜色】下拉列表中的 亮度”选项,设置亮度参数为“ “亮度”选项,设置亮度参数为“-100%”,如图 ,如图6-31所示 。 所示

图6-31 设置元件颜色属性一

帧中的“ 属性】面板中调整【 (3)选择第 帧中的“天空”元件,在【属性】面板中调整【颜色 )选择第70帧中的 天空”元件, 选项为“色调” 设置色调参数如图6-32所示 。 】选项为“色调”,设置色调参数如图 所示

图6-32 设置元件颜色属性二

帧和第70帧单击鼠标右键 (4)分别在“天空”图层的第 帧和第 帧单击鼠标右键,在弹出 )分别在“天空”图层的第1帧和第 帧单击鼠标右键, 的快捷菜单中选择【创建补间动画】命令,此时【时间轴】 的快捷菜单中选择【创建补间动画】命令,此时【时间轴】状态 如图6-33所示 。 如图 所示

时间轴】 图6-33 【时间轴】状态

7、制作“太阳”动画。 、制作“太阳”动画。 太阳”图层的第35帧和第 帧和第120帧插入关键帧,删除第 帧中 帧插入关键帧, (1)在“太阳”图层的第 帧和第 ) 帧插入关键帧 删除第1帧中 的太阳元件。 的太阳元件。 帧中的“ 属性】面板中设置其【 (2)选择第 帧中的“太阳”元件,在【属性】面板中设置其【颜 )选择第35帧中的 太阳”元件, 参数如图6-34所示 。 色】参数如图 所示

场景中的元件较多, 场景中的元件较多,为了方便选择正确的元件并防止对其 余元件的误操作,应灵活利用图层的锁定和隐藏功能。 余元件的误操作,应灵活利用图层的锁定和隐藏功能。 帧中的“ (3)选择第 )选择第120帧中的“太阳”元件,调整元件的位置到“云块” 帧中的 太阳”元件,调整元件的位置到“云块” 元件的上方,如图6-35所示 所示。 元件的上方,如图 所示

图6-35 调整太阳位置

太阳” 图层的第35帧单击鼠标右键 选择【 帧单击鼠标右键, ( 4)在 “ 太阳 ” 图层的第 帧单击鼠标右键 , 选择 【 创建补间动 ) 画】命令 。

(1)在“云层1”图层的第 帧、第80帧和第 ) 云层 图层的第25帧 帧和第120帧插入关键帧,选 帧插入关键帧, 图层的第 帧和第 帧插入关键帧 择第1帧中的 云层” 元件, 帧中的“ 属性】 面板中设置其【 颜色】 择第 帧中的 “ 云层 ” 元件 , 在 【 属性 】 面板中设置其 【 颜色 】 属 性 如图6-36所示 。 如图 所示

图6-36 设置元件颜色属性四

这里所说的“云层”元件是指“云层1”图层中的 图层中的“ 这里所说的“云层”元件是指“云层1”图层中的“云层 元件,为了防止选错元件,可将“云层1”图层以外的 ”元件,为了防止选错元件,可将“云层 图层以外的 图层全部锁定。 高山” 云层” 图层全部锁定。在下面制作 “高山”和“云层”动画时 也使用同样的方法。 也使用同样的方法。

帧中的“ 属性】面板中设置其【 (2)选择第 帧中的“云层”元件,在【属性】面板中设置其【 )选择第25帧中的 云层”元件, 颜色】属性如图6-37所示 。 颜色】属性如图 所示

图6-37 设置元件颜色属性五

帧中的“ (3)选择第 帧中的“云层”元件,设置其【颜色】属性如图 )选择第80帧中的 云层”元件,设置其【颜色】属性如图638所示。 所示。 所示

图6-38 设置元件颜色属性六

帧和第80帧处创建补间动画 (4)分别在第 帧和第 帧处创建补间动画。 )分别在第25帧和第 帧处创建补间动画。

9、制作“高山1”动画 。 、制作“高山 动画 高山1”图层的第 图层的第45、120帧插入关键帧 帧插入关键帧, (1)在“高山 图层的第 、120帧插入关键帧,分别选择第 ) 1、45帧中的“高山 元件,设置其【颜色】属性如图 帧中的“ 元件, 、 帧中的 高山1”元件 设置其【颜色】属性如图6-39所示 。 所示

图6-39 设置元件颜色属性七

(2)在第 帧创建补间动画 。 )在第45帧创建补间动画 10、制作“云层 动画。 动画。 、制作“云层2”动画 云层2”图层的第 图层的第35、 、 帧插入关键帧, (1)在“云层 图层的第 、70、120帧插入关键帧,分别选择第 ) 帧插入关键帧 1、35帧中的“云层”元件,设置其【颜色】属性如图 帧中的“ 、 帧中的 云层”元件,设置其【颜色】属性如图6-40所示 所示

图6-40 设置元件颜色属性八

帧中的“ (2)选择第 帧中的“云层”元件,设置其【颜色】属性如图 )选择第70帧中的 云层”元件,设置其【颜色】属性如图6-41 所示 。

图6-41 设置元件颜色属性九

帧和第70帧创建补间动画 (3)设置元件颜色属性九分别在第 帧和第 帧创建补间动画。 )设置元件颜色属性九分别在第35帧和第 帧创建补间动画。 11、制作“高山 动画。 动画。 、制作“高山2”动画 帧插入关键帧, 高山2”图层的第 帧和第120帧插入关键帧 , 分别选择 图层的第55帧和第 ( 1) 在 “ 高山 图层的第 帧和第 ) 帧插入关键帧 第1帧和第 帧中的“高山2”元件,设置其【颜色】属性如图6-42所 帧和第55帧中的“高山 元件,设置其【颜色】属性如图 所 帧和第 帧中的 元件 示。

图6-42 设置元件颜色属性十

(2)在第 帧创建补间动画 。 )在第55帧创建补间动画 12、制作“云层 动画 。 、制作“云层3”动画 云层3”图层的第 图层的第45帧 帧和第120帧插入关键帧,分 帧插入关键帧, (1)在“云层 图层的第 帧、第70帧和第 ) 帧和第 帧插入关键帧 别选择第1帧和第 帧中的“云层”元件,设置其【颜色】 帧和第45帧中的 别选择第 帧和第 帧中的“云层”元件,设置其【颜色】属性 如图6-43所示。 所示。 如图 所示

图6-41 设置元件颜色属性十一

帧中的“ (2)选择第 帧中的“云层”元件,设置其【颜色】属性如图 )选择第70帧中的 云层”元件,设置其【颜色】属性如图6-44 所示 。

图6-41 设置元件颜色属性十二

(3)分别在第45帧和第 帧创建补间动画 )分别在第 帧和第70帧创建补间动画 帧和第

13、制作“高山3”动画 。 、制作“高山 动画 高山3”图层的第 帧和第120帧插入关键帧,分别选择第 图层的第55帧和第 帧插入关键帧, (1)在“高山 图层的第 帧和第 ) 帧插入关键帧 1帧和第 帧中的“高山 元件,设置其【颜色】属性如图 帧和第55帧中的 元件, 帧和第 帧中的“高山3”元件 设置其【颜色】属性如图6-45 所示 。

图6-45 设置元件颜色属性十三

(2)在第 帧创建补间动画 。 )在第55帧创建补间动画 14、制作“飘云”动画。 、制作“飘云”动画。 飘云”图层的第70帧和第 帧和第120帧插入关键帧,删除第 帧 帧插入关键帧, (1)在“飘云”图层的第 帧和第 ) 帧插入关键帧 删除第1帧 中的“云块”元件。 中的“云块”元件。

帧中的“ (2)选择第 帧中的“云块”元件,设置其【颜色】属性如图 )选择第70帧中的 云块”元件,设置其【颜色】属性如图6-46 所示。 所示。

图6-46 设置元件颜色属性十四

云块” 元件的位置向右移动约“ ( 3) 将 “ 云块 ” 元件的位置向右移动约 “ 120px”, 向下移动约 ) , 帧创建补间动画, “30px”,然后在第 帧创建补间动画,以形成逐渐飘出的效果, ,然后在第70帧创建补间动画 以形成逐渐飘出的效果, 至此全部动画制作完成。 至此全部动画制作完成。 (4)保存测试影片,即可欣赏惟妙惟肖的云海日出景观 。 )保存测试影片,

夜空中的蝙蝠” 6.1.4 课堂练习──制作“夜空中的蝙蝠
本例将使用动作补间动画来制作一个月色正浓而又寂静的 夜晚,几只幽灵般的蝙蝠横空出世 几只幽灵般的蝙蝠横空出世,惊起一阵哗然的效果,如图 6-47所示 。

图6-47 效果图

1、绘制夜空。 、绘制夜空。 文档, (1)新建一个 )新建一个Flash文档,文档所有属性使用默认参数 。 文档

所示。 (2)新建并重命名图层,直至图层效果如图 )新建并重命名图层,直至图层效果如图6-48所示。 所示

图6-48 图层效果一

颜色】面板中设置【笔触颜色】 (3)选择【矩形】工具,在【颜色】面板中设置【笔触颜色】为 )选择【矩形】工具, 填充颜色】 类型】 线形” 从左至右第1个 “无”,【填充颜色】的【类型】为“线形”,从左至右第 个 色块颜色为“ 个色块颜色为“ 色块颜色为“#000099”,第2个色块颜色为“黑色”,【颜色 , 个色块颜色为 黑色” 面板设置效果如图6-49所示,在“背景”图层上绘制一个宽 所示, 背景” 】面板设置效果如图 所示 高为“ 的矩形, 高为“550px×400px”的矩形,并居中对齐到舞台,效果如图 × 的矩形 并居中对齐到舞台, 6-50所示 。 所示

2、绘制圆月 。 、 设置【 (1)选择【椭圆】工具,设置【笔触颜色】为“无”,设置【填充 )选择【椭圆】工具,设置【笔触颜色】 颜色】 放射状” 从左至右第1个色块为 个色块为“ 颜色】为“放射状”,从左至右第 个色块为“#FFFF00”,第2 , 个色块为“白色”且其【Alpha】值为“ 月亮” 个色块为“白色”且其【Alpha】值为“0%”,在“月亮”图层 , 上绘制一个宽高均为“ 的圆形, 上绘制一个宽高均为“138px”的圆形,其位置对齐到舞台中央 的圆形 效果如图6-51所示 。 ,效果如图 所示

【颜色】面板 颜色】

圆形

图6-51 绘制月亮

(2)选中舞台上刚刚绘制的月亮,按F8快捷键将其转换影片剪辑 )选中舞台上刚刚绘制的月亮, 快捷键将其转换影片剪辑 元件并命名为“月亮” 元件并命名为“月亮”。

快捷键新建一个影片剪辑元件并命名为“ (1)按Ctrl+F8快捷键新建一个影片剪辑元件并命名为“蝙蝠”, ) 快捷键新建一个影片剪辑元件并命名为 蝙蝠” 按钮进入元件编辑界面。 单击 按钮进入元件编辑界面。 所示。 (2)新建并重命名图层,直至图层效果如图 )新建并重命名图层,直至图层效果如图6-52所示。 所示 属性】面板中设置【笔触颜色】 (3)选择【椭圆】工具,在【属性】面板中设置【笔触颜色】为“ )选择【椭圆】工具, 设置【填充颜色】 黑色” 头部” 无”,设置【填充颜色】为“黑色”,在“头部”图层上绘制一 个宽高为“ 的圆形, 个宽高为“34.5px”的圆形,其位置居中对齐到舞台,效果如图 的圆形 其位置居中对齐到舞台, 6-53所示 。 所示

图6-52 图层效果二

图6-53 绘制头部

属性】面板中设置【笔触颜色】 (4)选择【线条】工具,在【属性】面板中设置【笔触颜色】为 )选择【线条】工具, 黑色” 设置【笔触高度】 左耳朵” “黑色”,设置【笔触高度】为“1”,在“左耳朵”图层上绘 , 制一个三角形,效果如图6-54所示 所示。 制一个三角形,效果如图 54所示。 黑色” (5)选择【颜料桶】工具,设置【填充颜色】为“黑色”,填充 )选择【颜料桶】工具,设置【填充颜色】 三角形。填充完成后删除边界线,并利用【选择】 三角形。填充完成后删除边界线,并利用【选择】工具调整耳 朵的形状,效果如图6-55所示。 所示。 朵的形状,效果如图 所示 左耳朵”图层上的图形复制到“右耳朵”图层上, (6)将“左耳朵”图层上的图形复制到“右耳朵”图层上,执行 ) 修改】 【变形】 【水平翻转】菜单命令将其水平翻转, 【修改】/【变形】/【水平翻转】菜单命令将其水平翻转,并向 右移动一段距离,使左右耳朵相对头部对称效果如图6-56所示 右移动一段距离,使左右耳朵相对头部对称效果如图 所示 。

绘制“左耳朵” 图6-54 绘制“左耳朵”大体形状

编辑“左耳朵” 图6-55 编辑“左耳朵”图形

绘制“右耳朵” 图6-56 绘制“右耳朵”

( 7) 将两只耳朵向舞台下方移动 , 直至蝙蝠的头部 , 效果如图 ) 将两只耳朵向舞台下方移动, 直至蝙蝠的头部, 6-57所示。 所示。 所示 属性】面板中设置【笔触颜色】 (8)选择【线条】工具,在【属性】面板中设置【笔触颜色】为 )选择【线条】工具, 黑色” 设置【笔触高度】 翅膀” “黑色”,设置【笔触高度】为“1”,在“翅膀”图层上绘制 , 一个翅膀的图形,效果如图6-58所示 所示。 一个翅膀的图形,效果如图 58所示。

对齐“耳朵” 图6-57 对齐“耳朵”

图6-58 绘制“翅膀”大体形状 绘制“翅膀”

(9)利用【颜料桶】工具将翅膀填充为“黑色”,填充完成 )利用【颜料桶】工具将翅膀填充为“黑色” 后删除边界线,并利用【选择】工具调整翅膀的形状, 后删除边界线,并利用【选择】工具调整翅膀的形状,效 果如图6-59所示。 所示。 果如图 所示 快捷键将其转换为影片剪 (10)选中舞台上的翅膀图形,按F8快捷键将其转换为影片剪 )选中舞台上的翅膀图形, 辑元件并命名为“翅膀” 辑元件并命名为“翅膀”。 (11)双击舞台上的“翅膀”元件进入元件编辑界面,在前 )双击舞台上的“翅膀”元件进入元件编辑界面,在前4 帧都按F6键插入关键帧 效果如图6-60所示。 键插入关键帧, 所示。 帧都按 键插入关键帧,效果如图 所示

编辑“翅膀” 图6-59 编辑“翅膀”图形

时间轴】 图6-60 【时间轴】效果一

帧处, (12)在第 帧处,利用【任意变形】工具将翅膀调整到如图 )在第2帧处 利用【任意变形】 6-61所示的形状。 所示的形状。 所示的形状 帧处, (13)在第 帧处,利用【任意变形】工具将翅膀调整到如图 )在第3帧处 利用【任意变形】 6-62所示的形状,这样就完成了翅膀飞翔状态制作 。 所示的形状, 所示的形状

制作飞翔的“翅膀” 图6-61 制作飞翔的“翅膀”(1) )

制作飞翔的“翅膀” 图6-62 制作飞翔的“翅膀”(2) )

在这里调整“翅膀”形状时,将光标移动到最左边的边 在这里调整“翅膀”形状时, 界处, 形状, 界处,当鼠标光标变为 形状,然后进行移动和翅膀 形状调整 。

编辑界面。将翅膀调整到合适的大小和位置,效果如图 编辑界面。将翅膀调整到合适的大小和位置,效果如图6-63 所示。 所示。 快捷键复制, 快捷键复制 (15)选中舞台上的“翅膀”文件,按Ctrl+C快捷键复制,按 )选中舞台上的“翅膀”文件, Ctrl+Shift+V快捷键粘贴到当前位置,并执行【修改】/【变 快捷键粘贴到当前位置, 快捷键粘贴到当前位置 并执行【修改】 【 形】/【水平翻转】菜单命令将其水平翻转,最后调整其水平 【水平翻转】菜单命令将其水平翻转, 位置,效果如图6-64所示。蝙蝠飞翔效果制作完成。 所示。 位置,效果如图 所示 蝙蝠飞翔效果制作完成。

调整“翅膀” 图6-63 调整“翅膀”的位置

制作另一个“翅膀” 图6-64 制作另一个“翅膀”

4、制作蝙蝠飞向月亮的动画。 、制作蝙蝠飞向月亮的动画。 个图层的第120帧处插入帧,效果如图 帧处插入帧, (1)回到主场景中,在3个图层的第 )回到主场景中, 个图层的第 帧处插入帧 6-65所示 。 所示

帧处按F6快捷键插入关键帧 (2)选择“背景”图层,在第20帧处按 快捷键插入关键帧, )选择“背景”图层,在第20帧处按 快捷键插入关键帧, 并在第1帧 帧之间创建形状补间动画。 并在第 帧~第20帧之间创建形状补间动画。 帧之间创建形状补间动画 帧的图形, (3)选中“背景”图层上第 帧的图形,利用【填充变形】工具 )选中“背景”图层上第1帧的图形 利用【填充变形】 调整填充的颜色,将颜色中心向上移动一段距离, ,调整填充的颜色,将颜色中心向上移动一段距离,效果如 所示。 图6-66所示。 所示 帧处按F6快捷键插入关键帧 (4)选择“月亮”图层,在第20帧处按 快捷键插入关键帧, )选择“月亮”图层,在第20帧处按 快捷键插入关键帧, 并在第1帧 帧之间创建动作补间动画。 并在第 帧~第20帧之间创建动作补间动画。 帧之间创建动作补间动画 帧的月亮, (5)选中“月亮”图层上第 帧的月亮,将其拖放到舞台的右下 )选中“月亮”图层上第1帧的月亮 效果如图6-67所示。 所示。 角,效果如图 所示
颜色中心点

图6-66 调整背景颜色

图6-67 制作“月亮”升起效果 制作“月亮”

帧处按F6快捷键插入关键帧 ( 6)选择 “ 蝙蝠 ” 图层 , 在第 21帧处按 快捷键插入关键帧 , ) 选择“蝙蝠”图层,在第21帧处按 快捷键插入关键帧, 将【库】面板的“蝙蝠”元件拖入舞台中,调整它的宽高为 “108px×18.4px”,并相对于舞台居中对齐,效果如图 × ,并相对于舞台居中对齐,效果如图6-68 所 然后在第35帧 帧和第60帧处插入关键帧, 示。然后在第 帧、第45帧和第60帧处插入关键帧,并在第 帧 帧和第 帧处插入关键帧 并在第21帧 帧之间创建动作补间动画。 ~第35帧,第45帧~第60帧之间创建动作补间动画。 帧 帧 帧之间创建动作补间动画 帧的蝙蝠, (7)选中第 帧的蝙蝠,将其拖放到画布之外,并利用【任意 )选中第21帧的蝙蝠 将其拖放到画布之外,并利用【 变形】工具将蝙蝠放大,效果如图6-69所示,完成蝙蝠飞入 所示, 变形】工具将蝙蝠放大,效果如图 所示 的动画效果。 的动画效果。

蝙蝠” 图6-68 将“蝙蝠”拖入舞台

制作“蝙蝠” 图6-69 制作“蝙蝠”的飞入效果

帧的蝙蝠, (8)选中第 帧的蝙蝠,利用【任意变形】工具将蝙蝠缩小至 )选中第60帧的蝙蝠 利用【任意变形】 看不见,代表蝙蝠越飞越远,效果如图6-70所示。 所示。 看不见,代表蝙蝠越飞越远,效果如图 所示 帧和第100帧处插入关键帧。然后在第 帧处按 帧处插入关键帧。 帧处按F7 (9)在第 帧和第 )在第80帧和第 帧处插入关键帧 然后在第61帧处按 快捷键插入空白关键帧,代表蝙蝠完全消失,最后在第80帧 快捷键插入空白关键帧,代表蝙蝠完全消失,最后在第 帧 和第100帧之间创建动作补间动画。 帧之间创建动作补间动画。 和第 帧之间创建动作补间动画 帧的蝙蝠, (10)选中第 )选中第100帧的蝙蝠,将其拖放到画布之外,利用【任意 帧的蝙蝠 将其拖放到画布之外,利用【 变形】工具将蝙蝠拉大,效果如图6-71所示。完成蝙蝠飞出 所示。 变形】工具将蝙蝠拉大,效果如图 所示 的效果。 的效果。 帧处按F7快捷键插入空白关键帧 (11)最后在第 )最后在第101帧处按 快捷键插入空白关键帧 。 帧处按

缩小的蝙蝠

缩小“蝙蝠” 图6-70 缩小“蝙蝠”

图6-71 制作“蝙蝠”的飞出效果 制作“蝙蝠”

键选中“ (13)然后按住 )然后按住Shift键选中“蝙蝠”图层的第 帧~第101帧, 键选中 蝙蝠”图层的第21帧 帧 单击鼠标右键, 在弹出的菜单中选择【 复制帧】 命令, 单击鼠标右键 , 在弹出的菜单中选择 【 复制帧 】 命令 , 最后 分 别 在 蝙蝠2”图层的第 帧和“蝙蝠3 图层的第 帧单击鼠标右键, 图层的第25帧和 图层的第30帧单击鼠标右键 “蝙蝠 图层的第 帧和“蝙蝠3”图层的第 帧单击鼠标右键, 在弹出的菜单中选择【 粘贴帧】 命令。 在弹出的菜单中选择 【 粘贴帧 】 命令 。 最后删除时间轴上超 出 了 120帧外的多余帧,效果如图 73所示。 帧外的多余帧, 所示。 帧外的多余帧 效果如图6-73所示

图6-72 图层效果三

图6-73 图层效果三四

5、添加音效。 、添加音效。 (1)执行【文件】/【导入】/【导入到库】菜单命令,将教学资 )执行【文件】 【导入】 【导入到库】菜单命令, 源中的“素材\第 讲 夜空中的蝙蝠 翅膀声音1.wav”和“翅膀 夜空中的蝙蝠\翅膀声音 源中的“素材 第6讲\夜空中的蝙蝠 翅膀声音 和 声音2.wav”文件导入到库中 。 声音 文件导入到库中

帧和第109 (2)新建图层并重命名为“声音”,在第 帧、第75帧和第 )新建图层并重命名为“声音” 在第21帧 帧和第 帧处插入关键帧,在第21帧和第 帧处分别插入声音“ 帧和第75帧处分别插入声音 帧处插入关键帧,在第 帧和第 帧处分别插入声音“翅膀 声音1”和 翅膀声音2”,效果如图6-74所示。 所示。 声音 和“翅膀声音 ,效果如图 所示

图6-74 添加声音

(3)保存测试影片,模拟蝙蝠和月亮的影片就制作完成 。 )保存测试影片,

时间轴特效功能经常用于以模板的形式制作一些复杂而重复的 动画,例如模糊、位移等,恰当合理地运用Flash的时间轴特效功能 动画,例如模糊、位移等,恰当合理地运用 的时间轴特效功能 可以为Flash动画添加一些动感 。 ,可以为 动画添加一些动感

6.2.1 知识点讲解

一、添加时间轴特效 。 给一个对象添加时间轴特效时, 会新建一个图层, 给一个对象添加时间轴特效时,Flash会新建一个图层,同时 会新建一个图层 把对象传送到新建的层中。对象被放置在特效图形中, 把对象传送到新建的层中。对象被放置在特效图形中,特效所需的 所有过渡和变形存放在新建层的图形中。 所有过渡和变形存放在新建层的图形中。新建层的名称与特效的名 称相同,并加一个编号,表示特效应用的顺序,如图6-75所示。 所示。 称相同,并加一个编号,表示特效应用的顺序,如图 所示 添加时间轴特效时, 添加时间轴特效时,在库中会添加一个以特效名命名的文件 内含创建该特效所用的元素,如图6-76所示。 所示。 夹,内含创建该特效所用的元素,如图 所示

图6-76 【库】面板

二、时间轴特效设置 。 中包含8种时间轴特效 在Flash中包含 种时间轴特效,每种时间轴特效都以特定的方 中包含 种时间轴特效, 用户可以通过改变特效的各个参数, 式来处理对象 。用户可以通过改变特效的各个参数,以获得理想的 特效。在特效预览窗口中,可以修改特效的参数, 特效。在特效预览窗口中,可以修改特效的参数,快速预览修改参 数后的变化, 数后的变化,以选择满意的效果 。

6.2.2

范例解析(一)── ──时间轴特效练习

同学们在老师的带领下进一步熟悉时间轴特效的创建方法和参数 设置, 设置,并按要求完成以下操作 。

1、新建一个Flash文档,执行【文件】/【导入】/【导入到舞台】菜 、新建一个 文档, 文档 执行【文件】 【导入】 【导入到舞台】 单命令,将教学资源中的“素材\第 讲 时间轴特效练习 时间轴特效练习\图片 单命令,将教学资源中的“素材 第6讲\时间轴特效练习 图片 .jpg”导入舞台 。 导入舞台 2、选中舞台上的“图片 、选中舞台上的“图片.jpg”,然后利用【插入】/【时间轴特效】/ ,然后利用【插入】 【时间轴特效】 效果】 【模糊】命令打开【模糊】窗口,如图6-77所示。 所示。 【效果】/【模糊】命令打开【模糊】窗口,如图 所示 3、观察【模糊】窗口,左边为“参数”设置区域,右边为“动画” 、观察【模糊】窗口,左边为“参数”设置区域,右边为“动画” 阅览区域。请同学们依次设置各种“参数” 阅览区域。请同学们依次设置各种“参数”后,在右边预览窗口 观察动画的变化情况。 观察动画的变化情况。 4、设置完成后,单击 按钮将其动作添加到时间轴上, 、设置完成后, 按钮将其动作添加到时间轴上,效果如图 6-78所示。 所示。 所示

图6-77 模糊特效设置窗口

时间轴】 图6-78 【时间轴】效果三

6.2.3 范例解析(二)──制作 制作“汽车影集”
本例将使用时间轴特效制作一个动感而又漂亮的汽车影集, 本例将使用时间轴特效制作一个动感而又漂亮的汽车影集,其 设计思路及效果如图6-79所示 。 设计思路及效果如图 所示

图6-79 设计思路及效果

1、素材准备。 、素材准备。 文档, (1)新建一个 )新建一个Flash文档,设置文档【尺寸】为“400px×300px” 文档 设置文档【尺寸】 × 文档【帧频】 ,文档【帧频】为“24fps”,文档其他属性使用默认参数 。 ,

(3)执行【文件】/【导入】/【打开外部库】菜单命令,将教学资源 )执行【文件】 【导入】 【打开外部库】菜单命令, 中的“素材\第6讲\汽车影集 汽车影集 中的“素材 第 讲 汽车影集\汽车影集 文件打开, 相框” 汽车影集 汽车影集.fla”文件打开,将“相框” 文件打开 元件直接拖入到“相框”图层上,并与舞台居中对齐,效果如图6元件直接拖入到“相框”图层上,并与舞台居中对齐,效果如图 81所示 。 所示

图6-80 图层效果五

放置“相框” 图6-81 放置“相框”元件

菊花”元件直接拖入到“菊花”图层上,其位置坐标x、 (4)将“菊花”元件直接拖入到“菊花”图层上,其位置坐标 、y ) 分别为“ 所示。 分别为“85.5”、“306.2”,效果如图 、 ,效果如图6-82所示。 所示 (5)执行【文件】/【导入】/【导入到库】菜单命令,将教学资源 )执行【文件】 【导入】 【导入到库】菜单命令, 中的“素材\第6讲\汽车影集 A1.jpg、A2.jpg、 中的“素材 第 讲 汽车影集\A1.jpg、 、 汽车影集 A3.jpg……A8.jpg、背景音乐.mp3”导入到当前【库】的面板中 导入到当前【 、背景音乐.mp3”导入到当前 然后整理库中的元件,效果如图6-83所示 。 。然后整理库中的元件,效果如图 所示

图6-83 【库】面板 图6-82 放置“菊花”元件 放置“菊花”

2、设置场景。 、设置场景。 帧处插入帧, 帧处插入帧 效果如图6-84所示 。 所示 (1)在所有图层的第 )在所有图层的第300帧处插入帧,效果如图

图6-84 图层效果六

菊花” 相框”图层锁定, (2)将“菊花”和“相框”图层锁定,将【库】中名为 ) 的图片放置到“ 1”图层上 图层上, “A1.jpg”的图片放置到“图1”图层上,设置图片宽高为 的图片放置到 所示。 “400px×300px”,并相对舞台居中对齐,如图 × ,并相对舞台居中对齐,如图6-85所示。 所示 图层上的第41帧处插入关键帧 (3)在“图1”图层上的第 帧处插入关键帧,在第 帧处插入 ) 图层上的第 帧处插入关键帧,在第70帧处插入 空白关键帧。 空白关键帧。 消失” 帧处插入关键帧, (4)在“图1消失”图层上的第70帧处插入关键帧,在第 ) 消失 图层上的第70帧处插入关键帧 在第100帧 帧 处插入空白关键帧。 处插入空白关键帧。 图层上的图片, 快捷键复制, (5)选中“图1”图层上的图片,按Ctrl+C 快捷键复制,按 )选中“ 图层上的图片 Ctrl+Shift+V 快捷键将其粘贴到“图1消失”图层上的第 帧 快捷键将其粘贴到“ 消失” 消失 图层上的第70帧 效果如图6-86所示。 所示。 处,效果如图 所示

图6-85 图片显示

时间轴】 图6-86 【时间轴】效果四

从插入几个帧来分析, 帧到第40帧为图片进入的时间 从插入几个帧来分析,第1帧到第 帧为图片进入的时间 帧到第 帧到第69帧为图片展览的时间 帧到第99帧 ,第41帧到第 帧为图片展览的时间,第70帧到第 帧 帧到第 帧为图片展览的时间, 帧到第 为图片消失的时间 。 图层上第1帧处的图片选中 (6)利用【选择】工具将“图1”图层上第 帧处的图片选中,单 )利用【选择】工具将“ 1”图层上第 帧处的图片选中, 击鼠标右键,在弹出菜单中选择【时间轴特效】/【变形/转换】/ 击鼠标右键,在弹出菜单中选择【时间轴特效】 【变形 转换】 转换 转换】选项,弹出【变形】对话框,效果如图6-87所示 。 【转换】选项,弹出【变形】对话框,效果如图 所示

动画在时间轴 中持续的长度 设置转换方式, 设置转换方式 包括【入/出】 】的 方向和效果 当数值为负时表示移 动先慢后快,当为正 时,表示先快后慢。 单击 按钮 ,即可在此处进 行预览。

有时,载入时间轴特效会产生载入失败的现象, 有时,载入时间轴特效会产生载入失败的现象,这是程序 出错的原因,解决办法为:单击按钮关闭失败窗口,然后 出错的原因,解决办法为:单击按钮关闭失败窗口, 选中关键帧,再选择关键帧上的图片,然后执行命令。 选中关键帧,再选择关键帧上的图片,然后执行命令。如 果不成功,关闭Flash程序,重新启动软件即可 。 程序, 果不成功,关闭 程序 所示设置完成后, 按钮,回到主场景中。 (7)按照图 )按照图6-87所示设置完成后,单击 所示设置完成后 按钮,回到主场景中。 然后拖动时间轴播放头,可以在舞台上观看制作的动画效果, 然后拖动时间轴播放头,可以在舞台上观看制作的动画效果,如 图 6-88所示。 所示。 所示 中的变化,效果如图6-89所示。 所示。 (8)此时观察【时间轴】和【库】中的变化,效果如图 )此时观察【时间轴】 所示

【时间轴】 时间轴】

图6-88 动画效果

【库】面板 时间轴和【 图6-89 时间轴和【库】的变化

对照分析,在为图片添加了时间轴特效后, 对照分析,在为图片添加了时间轴特效后,原来被命名的 图层会被自动重命名, 图层会被自动重命名,【库】中也会自动生成特效所需要 的元件和文件夹,这就是添加时间轴特效后的变化。 的元件和文件夹,这就是添加时间轴特效后的变化。 3、制作图片消失特效。 、制作图片消失特效。 消失” 帧处的图片, (1)选中“图1消失”图层的 帧处的图片,单击鼠标右键,在 )选中“ 消失 图层的70帧处的图片 单击鼠标右键, 弹出菜单中选择【时间轴特效】 【变形/转换 【变形】命令, 转换】 弹出菜单中选择【时间轴特效】/【变形 转换】/【变形】命令,弹 变形】对话框,设置效果如图6-90所示。 所示。 出【变形】对话框,设置效果如图 所示

(2)设置完成后,回到主场景中。拖动时间轴播放头,效果如图 )设置完成后,回到主场景中。拖动时间轴播放头, 6-91所示。 所示。 所示 图层上的第100帧插入关键帧,将【库】中名为 帧插入关键帧, 帧插入关键帧 (3)在“图2”图层上的第 ) 图层上的第 的图片放置到“ 2”图层上的第 图层上的第100帧,设置图片宽 “A2.jpg”的图片放置到“图2”图层上的第 的图片放置到 帧 高为“ 高为“200px×150px”,并与舞台居中对齐,效果如图 × ,并与舞台居中对齐,效果如图6-92所 所 示。

图6-91 消失效果

图6-92 第二张图片

图层上的第130帧插入关键帧,并设置图片宽高为 帧插入关键帧, (4)在“图2”图层上的第 ) 图层上的第 帧插入关键帧 “400px×300px”,并与舞台居中对齐,然后在第 × ,并与舞台居中对齐,然后在第160帧处插入 帧处插入 空白关键帧。 空白关键帧。 消失” 帧插入关键帧, (5)在“图2消失”图层上的第160帧插入关键帧,在第 ) 消失 图层上的第160帧插入关键帧 在第175帧处插 帧处插 入空白关键帧,并将“ 图层上第130帧处的图形复制粘贴到 入空白关键帧,并将“图2”图层上第 图层上第 帧处的图形复制粘贴到 消失” “图2消失”图层上的第 消失 图层上的第160帧。 帧 图层上的第100帧处的图形,单击鼠标右键,在弹 帧处的图形, (6)选中“图2”图层上的第 )选中“ 图层上的第 帧处的图形 单击鼠标右键, 出菜单中选择【时间轴特效】 【变形/转换 【变形】选项, 转换】 出菜单中选择【时间轴特效】/【变形 转换】/【变形】选项,弹 变形】对话框,设置效果如图6-93所示。 所示。 出【变形】对话框,设置效果如图 所示

处的图形,单击鼠标右键,在弹出菜单中选择【时间轴特效】/【效 处的图形,单击鼠标右键,在弹出菜单中选择【时间轴特效】 【 果】/【模糊】选项,弹出【模糊】对话框,设置效果如图 【模糊】选项,弹出【模糊】对话框,设置效果如图6-94所示 所示 。

图6-94 【模糊】对话框 模糊】

的效果, 图层的第175帧 (8)使用同样的方法创建图片 的效果,在“图3”图层的第 )使用同样的方法创建图片3的效果 图层的第 帧 帧为图片进入时间, 215帧 帧为图片展览时间。 ~第214帧为图片进入时间,第215帧~第265帧为图片展览时间。 帧为图片进入时间 帧为图片展览时间 在“图3消失”图层的第265帧~第300帧为图片消失时间 。 消失”图层的第 帧 帧为图片消失时间 消失

图层上的第175帧处的图形,单击鼠标右键,在弹 帧处的图形, (9)选中“图3”图层上的第 )选中“ 图层上的第 帧处的图形 单击鼠标右键, 出菜单中选择【时间轴特效】 【变形/转换 【转换】命令, 转换】 出菜单中选择【时间轴特效】/【变形 转换】/【转换】命令,弹出 变形】对话框,设置效果如图6- 所示 所示。 【变形】对话框,设置效果如图 -95所示。

变形】 图6-95 【变形】对话框

(10)选中“图3消失”图层上的第 消失” 帧处的图形, )选中“ 消失 图层上的第265帧处的图形,单击鼠标右键 帧处的图形 在弹出的快捷菜单中选择【时间轴特效】 【效果】 【分离】 ,在弹出的快捷菜单中选择【时间轴特效】/【效果】/【分离】命令 弹出【分离】对话框,设置效果如图6-96所示。 所示。 ,弹出【分离】对话框,设置效果如图 所示

分离】 图6-96 【分离】对话框

张图片的效果已经制作完成, (11)至此,3张图片的效果已经制作完成,剩下的图片效果请读 )至此, 张图片的效果已经制作完成 者亲自动手制作, 者亲自动手制作,原理和前面的制作原理相同 。 4、添加背景音乐。 、添加背景音乐。 属性】面板中添加声音, (1)选中“声音”图层的第 帧,在【属性】面板中添加声音, )选中“声音”图层的第1帧 效果如图6-97所示 。 效果如图 所示

属性】 图6-97 【属性】面板

(2)保存测试影片,一个动感的汽车影集效果就制作完成了 。 )保存测试影片,

6.2.4

课堂练习──制作“动态相册” 课堂练习──制作“动态相册” ──制作

请同学们使用时间轴特效和图片,制作一个“动态相册”效果, 请同学们使用时间轴特效和图片,制作一个“动态相册”效果, 如图6-98所示 如图 所示

图6-98 效果图

1、新建一个Flash文档,设置文档【尺寸】为 、新建一个 文档, 文档 设置文档【尺寸】 “563px×485px”,设置文档【帧频】为“24”,文档其他属性 × ,设置文档【帧频】 , 使用默认参数 。

2、执行【文件】/【导入】/【导入到库】菜单命令,将教学资源中 、执行【文件】 【导入】 【导入到库】菜单命令, 的“素材\第6讲\动态相册 中的所有素材导入到库面板中。 素材 第 讲 动态相册\”中的所有素材导入到库面板中 动态相册 中的所有素材导入到库面板中。 3、将“相框 相框.png”图片放入舞台,并相对舞台居中对齐,使其刚好 图片放入舞台, 、 图片放入舞台 并相对舞台居中对齐, 覆盖整个舞台,如图6-99所示。 所示。 覆盖整个舞台,如图 所示 4、利用【库】中的图片和【时间轴】特效制作动态相册效果,如图 中的图片和【时间轴】特效制作动态相册效果, 、利用【 6-100所示。 所示。 所示

图6-99 设置相框

图6-100 动态相册效果

5、添加背景音乐。 、添加背景音乐。 6、保存测试影片,一个播放动态相册的动画制作完成 。 、保存测试影片,

6.3

课后作业

一、操作题 1、请读者根据所学知识制作一个水晶文字效果,如图 所示 、请读者根据所学知识制作一个水晶文字效果,如图6-101所示 。

图6-101 水晶文字效果

2、请使用时间轴特效制作一个风景影集,如图6-102所示 。 、请使用时间轴特效制作一个风景影集,如图 所示

图6-102 风景影集

二、思考题 1、动作补间动画可以实现元件哪些方面的变化效果? 、动作补间动画可以实现元件哪些方面的变化效果? 2、属性面板中的【旋转】项中有哪些可选参数,都实现什么 、属性面板中的【旋转】项中有哪些可选参数, 样的效果? 样的效果? 3、时间轴特效有几种类型,它们又可以应用于哪些对象上 ? 、时间轴特效有几种类型,


赞助商链接
相关文章:
第三课 制作动作补间动画
第三课 制作动作补间动画 2010-12-06 08:57:17| 分类: 教案设计 | 标签:...课是八年级《信息技术》第一单元第二课,主要介绍了 flash 动作补间动画制作...
动作补间动画说课稿
本节是在学生已经了解了动画的原理、Flash 的窗口及...工具制作图形元件; 2.让学生学会制作动作补间动画,...文档贡献者 chilijuan01 贡献于2012-06-09 ...
第6课秋游去——设置动作补间动画教学设计
通过比较形状补间、动作补间这两种基础动画,初步理解 Flash 动画制作的原理,能...本课主要的学习内容是制作动作补间动画。在学习的过程中使学生理解动作补间动 画...
《创建动作补间动画》教学设计
姓学时 名: 李 丹 校: 汤原县职业技术学校 间: 2015 年 10 月 22 日 0 《创建动作补间动画》教学设计一、教材分析 1、教材的地位、作用 Flash 动画制作...
flash8(动作补间动画)
动作补间动画的知识讲解 学习制作动作补间动画 制作动作补间动画的要点 讲练结合 课件教学内容及过程 课型 新课 【导入新课】形状补间动画既可以实现同一个形状的...
12动作补间动画
2页 5财富值 06 制作动作补间动画 63页 2财富值喜欢此文档的还喜欢 小学语文...《信息技术》 第二册第一单元动画制作——Flash 第二课: 创建动作补间动画。 ...
动作补间动画
06 制作动作补间动画 63页 2财富值 第二章 补间动画---动作补... 7页 1...色,透明度等,Flash 根据二者之间的帧创建的动画称为动作补间动画。 创建方法: ...
动作补间动画
8页 免费 06 制作动作补间动画 63页 2财富值 第5 章 制作动作补间动画... 66页 免费 flash经典实例 64页 1财富值 Flash动画教案笔记 25页 5财富值如...
第6课秋游去——设置动作补间动画教学设计
学段一、教学内容分析 六年级 单元 1 本课主要的学习内容是制作动作补间动画。...通过比较形状补间、 动作补间这两种基础动画, 初步理解 Flash 动画制作的原理,能...
秋游去——设置动作补间动画教学设计
——设置动作补间动画 一、教学目标 1.知识与技能 (1)学会制作动作补间动画...通过比较形状补间、动作补间这两种基础动画,初步理解 Flash 动画制作的原理,能...
更多相关标签: