当前位置:首页 >> 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、时间轴特效有几种类型,它们又可以应用于哪些对象上 ? 、时间轴特效有几种类型,


赞助商链接
相关文章:
探究Flash CS6之“创建补间动画”
(Introduction) Flash 是目前非常流行的一个二维动画制作软件,可以实现多种动画...老版本的 Flash 制作动作补间动画是指,在 Flash 的时间轴面板上,有两个或两个...
flash8(动作补间动画)
动作补间动画的知识讲解 学习制作动作补间动画 制作动作补间动画的要点 讲练结合 课件教学内容及过程 课型 新课 【导入新课】形状补间动画既可以实现同一个形状的...
第6课秋游去——设置动作补间动画教学设计
通过比较形状补间、动作补间这两种基础动画,初步理解 Flash 动画制作的原理,能...本课主要的学习内容是制作动作补间动画。在学习的过程中使学生理解动作补间动 画...
元件绘制及动作补间动画
元件绘制动作补间动画逐帧动画 Flash 补间动画 动作补间动画 形状补间动画 学习...文档贡献者 没办法357 贡献于2013-06-12 专题推荐 2014教师资格材料分析辅......
Flash动作补间动画教案
Flash动作补间动画教案_计算机软件及应用_IT/计算机_专业资料。公开课参考 ...运动教师把制作的简单步骤投影出来 操作步骤: 1、将小球拖动到场景左侧(动画开始...
Flash“动作补间动画”教学心得
1.上机实践一:做一个简单的动作补间动画 引领学生利用 Flash 绘图工具绘制一个小球,制作“小球运动”的动作补间动画,在动画制 作过程中,强调“三个步骤”“两个...
flash动作补间动画操作步骤
flash动作补间动画操作步骤_IT/计算机_专业资料。[实例 1]小球运动。 步骤 1:打开 flash 软件,创建 flash 文档。 步骤 2:插入——新建元件(图形),用椭圆工具画...
动作补间动画说课稿
本节是在学生已经了解了动画的原理、Flash 的窗口及基本概念、制作 简单逐帧动画的基础上进一步学习制作动作补间动画, 也要为后面的形状补间动画以及遮罩 动画的学习...
动作补间动画
06 制作动作补间动画 63页 2财富值 第二章 补间动画---动作补... 7页 1...色,透明度等,Flash 根据二者之间的帧创建的动画称为动作补间动画。 创建方法: ...
12动作补间动画
2页 5财富值 06 制作动作补间动画 63页 2财富值喜欢此文档的还喜欢 小学语文...《信息技术》 第二册第一单元动画制作——Flash 第二课: 创建动作补间动画。 ...
更多相关标签: