八年级 20xx——20xx 学年第一学期
信息技术教案
15 班
20xx 年 1 月1.1 初识动画软件
一、教学目标
知识与技能:
1.动画的原理和动画类型。
2.Flashcs5.5 工作界面。
过程与方法:
通过学生自主学习和合作探究,了解动画原理和类型,解读工作界面。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:解读工作界面
难点:解读工作界面。
三、教学准备:多媒体网络控制系统
四、教学方法:自学法、讲授法、提问法
五、教学安排:1 课时
六、教学过程:
一、导入:
动画是一种独特的艺术形式,它奇幻的视觉效果深受人们的喜爱,动
画的形式多种多样,制作方法也各不相同,其中 flash 动画是目前比较流
行的一种动画形式。这一单元我们将利用 flashCS5.5 动画制作工具,学
习动画制作方法。二、学生自学
学生带着问题看书(P2.3)
教师提出问题:
什么是视觉暂留现象?
Flash 动画的工作原理。
动画的类型
三、学习工作界面
1、启动 flashCS5.5l 软件。
2、结合课本内容自学,在工作界面上找到以下几项内容。可能遇到的问题:在工作界面上找不到上述一些内容。
解决的办法:单击“菜单栏”——“窗口”查找。
四、练习
同桌互相在电脑上指认各种面板和图标。
五、小练习
运用椭圆工具在舞台上画图,并填充颜色。1.2 简单的图形绘制
一、教学目标
知识与技能:
1.绘图工具(刷子工具、椭圆工具、矩形工具、变形工具)的应用。
2.掌握绘图工具选项的应用,颜色面板的应用。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点: 绘图工具的应用 难点:颜色面板渐变编辑条的编辑
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:
(一)导入
Flashcs5.5 中提供了各种与绘图相关的工具,很多精彩的动画其基础
图形都是由这些工具绘制出来的。在上节课中我们一起绘制简单的图形。(二)讲授新课
1.今节课的任务是 P4 实践,完善“乡间小屋”画面。
在这个任务中我们要用刷子、椭圆、矩形、变形等绘图工具。现在我先
演示一遍。
① 启动 flashcs5.5,打开教材光盘中的文件“乡间小屋.fla”.
② 选择刷子工具,在工具选项区设置刷子形状和刷子大小(如图
1-2-3), 将填充颜色设为
#663300(如图 1-2-4),绘制树干(如图 1-2-5)。
③ 绘制树叶,单击喷涂刷工具,将喷涂颜色设为#009933,效果如图
1-2-6,设置画笔宽度和高度(如图 1-2-7)。在树干周围单击或拖动
鼠标,喷涂树叶,如图 1-2-8。④ 复制小树。单击选择工具,框选小树,按住 ctrl 键拖动复制小树。
单击任意变形工具,将复制的小树缩小并拖放到小树左侧,如图
1-2-9。(用 ctrl+c 和 ctrl+v 也可)
⑤ 绘制太阳。单击椭圆工具,将笔触颜色设为无色。单击颜色面板图标,
“颜色类型”选择:“径向渐变”,设置颜色样本,如图 1-2-10。按
住 shift 键,拖动鼠标画出太阳,如图 1-2-11。⑥ 绘制蓝天绿地。单击矩形工具,将填充颜色设为无色,笔触颜色任选,
绘制一个与舞台大小一样的矩形。单击颜料桶工具,选择空隙大小选
项中的“封闭大空隙”选项,如图 1-2-12。
打开颜色面板,颜色类型选择“线性渐变”,设置颜色样本,如图
1-2-13。在矩形区域从下向上拖动鼠标,填充矩形颜色。如图 1-2-14。
单击选择工具,双击矩形工具线条,按住 delete 键删除矩形线条。
7. 绘制白云。单击椭圆工具,将填充颜色设为白色,笔触颜色设为无色,用多个椭圆堆叠绘制白云,如图 1-2-15。
8.绘制小花。单击椭圆工具,填充颜色任选,将笔触颜色设为无色,用
两个椭圆堆叠彩色小花。
9.单击菜单“文件”|“保存”,保存文件。
(三)学生看书操作,自己动手绘制,完成任务。
(四)小技巧
1、喷涂刷工具和刷子工具在一个图标。
2、颜色面板找不见,可在菜单栏“窗口”中找到“颜色”,并单击。颜色
有无、纯色,线性渐变、径向渐变、位图渐变等;颜色渐变的编辑,在其
渐变色编辑条上单击,将增加颜色样本,将颜色样本拖出颜色面板即可删
除颜色样本,双击颜色样本可以选择更多的颜色。
3、属性面板如不在工作界面上,也可在菜单栏中“窗口”找到。
(五)完成作业,同学互相交流,教师点评。1.3 独特的逐帧动画
一、教学目标
知识与技能:
1.绘图工具(文本工具)的应用,文本属性设置。
2.掌握帧操作的应用(会插入关键帧),动画创建(会创建逐帧动画)。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点: 绘图工具的应用 难点:文本属性设置
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:
(一)导入
逐帧动画是将具有一定差异的动作画面主在连续关键帧内的动画形
式,它的制作过程非常类似于传统的手工绘制动画。
(二)讲授新课
1.今节课的任务是 P8 实践,制作“爱护环境,保护家园”逐帧动画。在这个任务中我们要用文字工具、设置文字属性、插入关键帧等。现在
我先演示一遍。
① 启动 flashcs5.5,打开教材光盘中的文件“爱护环境,保护家
园.fla”
② 单击文本工具,设置字符字体、大小、颜色属性(如图 1-3-2)及段
落 对 齐 属 性 ( 如 图 1-3-3 ),单 击 舞 台 输 入 文 字 “ 爱 ”。
③ 在时间轴第二帧处单击鼠标右键,在弹出的快捷菜单中单出“插入关
键帧”,如图 1-3-4;用文本工具在原文本内容“爱”字后输入 “ 护 ” , 如 图 1-3-5.
④ 在第 3、4、5、6、7、8、9 帧分别插入关键帧,并在各关键帧依次输
入文字“环”、“境”、“,”、“保”、“护”、“家”、“园”,时间轴如图
1-3-6 , 第 9 帧 文 本 内 容 如 图 1-3-7.
⑤ 单击菜单“控制”|“测试影片”|“测试”,播放动画,并保存文
件。
(三)学生看书,自己动手操作,完成任务。
(四)小技巧
也可以在第 1 帧处的文本输入文字“爱护家园,保护环境”,然后
依次复制八个关键帧,从第 8 帧依次向前在每一个关键帧的文本中删除
1、2、3、4、5、6、7 个字符。(五)完成作业,同学互相交流,教师点评。
1.4 形象的运动动画(沿直线运动的动画)
一、教学目标
知识与技能:
1.绘图工具(椭圆工具、铅笔工具、椭圆工具、刷子工具、颜料桶工具、
选择工具、变形工具)的应用。
2.掌握元件的建立和调用元件(图形元件)。
3.动画的创建(创建运动渐变形变动画)
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:掌握一些常用工具的应用,运动渐变形变动画的创建。
难点:运动渐变形变动画的创建及时间轴特征。
三、教学准备:多媒体网络控制系统
四、教学方法:自学法、讲授法、提问法
五、教学安排:2 课时
六、教学过程:
(一)导入运动动画是指通过改变运动对象的位置、大小、颜色等属性,使对象
沿直线或曲线移动的动画形式。
在运动动画中运动对象必须是元件,我们只需要创建对象运动的起始关键
帧画面,系统会自动生成其后普通帧之间的过渡画面。
(二)讲授新课
1.这一节我们制作兔子沿直线运动的动画。
在这个任务中我们要用绘图工具、新建元件、插入普通帧、创建补间动
画等。现在我先演示一遍。
① 启动 flashcs5.5,新建ActionScript3.0 文档。
②单击菜单“插入”|“新建元件”;在弹出的“创建新元件”对话框
中,“名称”设为“小兔”,“类型”设为“图形”,如图 1-4-2;单击
“确定”按钮。
③单击椭圆工具,将填充颜色设为无色,笔触颜色设为黑色,绘制圆形
作为小兔头部。
④绘制椭圆,单击任意变形工具,框选椭圆并旋转(如图 1-4-3),作为
小兔耳朵;用同样的方法绘制小兔身体的其他椭圆形部位(如图1-4-4 ) 。
⑤单击铅笔工具,将笔触颜色设为黑色,选择铅笔模式为平滑选项,绘
制两条曲线,连接小兔头部与身体,如图 1-4-5.
⑥ 单击选择工具,选择图形多余轮廓线,按 Delete 键删除,如图
1-4-6.
⑦ 利用刷子工具绘制小兔的眼睛和嘴,利用颜料桶工具填充颜色,如图1-4-7.
⑧ 单击“场景 1”,打开“库”面板,将“小兔”元件拖动到“场景 1”
舞台左侧,利用任意变形工具调整小兔的大小。
⑨ 在时间轴第 50 帧,单击鼠标右键,在弹出的快捷菜单中单击“插入
帧”。
⑩ 在时间轴第一帧,单击鼠标右键,在弹出的快捷菜单中单击“创建补
间动画”。
⑪单 击 第 50 帧 , 用 选 择 工 具 拖 动 小 兔 到 舞 台 右 侧 , 如 图 1-4-8.
⑫测试影片并保存文件。
(三)学生看书操作,自己动手绘制,完成任务。(四)小技巧
1.场景:就是一段独立的动画。Flash 动画可以由一个场景组成,也可以
由多个场景组成。当动画中有多个场景时,整个动画会按照场景 1、场景
2……顺序依次播放,也可以通过命令对场景的播放次序进行控制。
2.运动渐变标识: 表示补间动画,动画开始的关键帧用黑色的圆
点标识,动画结束帧用黑色菱形标识,过渡帧背景为浅蓝色。
(五)练习:制作篮球沿直线运动的动画。1.4 形象的运动动画(沿路径运动的动画)
一、教学目标
知识与技能:
1.绘图工具(选择工具、颜料筒工具、矩形工具)的应用。
2.创建新图层并调整图层位置。
3.创建沿路径运动的动画。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点: 绘图工具的应用及创建沿路径运动的动画
难点:颜色面板渐变编辑条的编辑
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:
(一)导入
运动动画是指通过改变运动对象的位置、大小、颜色等属性,使对象
沿直线或曲线移动的动画形式。在运动动画中运动对象必须是元件,我们只需要创建对象运动的起始关键
帧画面,系统会自动生成其后普通帧之间的过渡画面。上一节课我们学习
了沿直线运动的动画。
(二)讲授新课
1.今节课的任务是 P15 实践 2,制作兔子沿路径运动的动画。
在这个任务中我们要用选择工具、颜料筒、矩形等绘图工具。现在我先
演示一遍。
① 启动 flashcs5.5,打开教材光盘中的素材文件“欢跳的兔子.fla”.
② 单击第 5 帧,用选择工具将小兔向上移动(如图 1-4-9);单击第 10
帧,将小兔向下移动(如图 1-4-10). ③ 分别在第 15 帧、20 帧、25 帧、30 帧、35 帧、40 帧、45 帧依次对小
兔进行向上、向下移动,如图 1-4-11.
④ 在“时间轴”面板图层区单击新建图层按钮,用矩形工具、颜料桶工
具、选择工具、Delete 键绘制蓝天绿地。
⑤ 单击选择工具,将新建的图层拖动到“图层 1”下方,如图 1-4-12.
⑥ 测试影片并保存文件。
(三)学生看书操作,自己动手绘制,完成任务。
(四)小技巧
1.新建的图层要根据图层内容进行命名,便于以后修改和检查。
2.不进行编辑的图层要锁定,防止误操作。
(五)练习:制作篮球被抛出后沿抛物线运动的动画。1.5 奇妙的形变动画(实践 1 字符形变)
一、教学目标
知识与技能:
1.文本操作(将文本打散变成图形、设置文本属性)。
2.会设置文档背景颜色属性。
3.创建沿形状渐变的补间动画及其时间轴标识。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点: 文本的操作和创建形变动画及其时间轴标识。
难点:文本的操作和创建形变动画及其时间轴标识
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:
(一)导入
形变动画是指改变对象的位置、形状颜色等属性的动画形式,形变对象只
能是图形。在形变动画中,我们只需要创建对象的起始关键帧和结束关键帧画面,系统刚会自动生成两个关键帧之间的形变过渡画面。在形变动画
中,系统视两个关键帧中的对象为不同对象,对象只能沿直线运动,不能
沿曲线运动。
(二)讲授新课
1.今节课的任务是 P18 实践 1,制作将单词“Adobe”变为“Flash”的形
变动画,如图 1-5-1。
在这个任务中我们要用文字工具。现在我先演示一遍。
① 启动 flashcs5.5,新建 ActionScript3.0 文档,单击菜单“修改”|
“文档”,在弹出的“文档设置”对话框中设置文档“背景颜色”为#99
FFFF。
② 单击文本工具,在“属性”面板中设置“字符”属性(如图 1-5-2),
在第 1 帧输入文本“Adobe”.
③ 选中文本,单击菜单“修改”|“分离”两次,将文本打散变成图形,如图 1-5-3.
④ 在时间轴第 30 帧,单击鼠标右键,在弹出的快捷菜单中单击“插入
空白关键帧”,如图 1-5-4.
⑤ 单击舞台,在“属性”面板中设置“字符”属性(如图 1-5-5),输入
文本“Flash”,然后将其分离两次,将文本打散变成图形,如图
1-5-6. ⑥ 在时间轴第 1 帧单击鼠标右键,在弹出的快捷菜单中单击“创建建补
间形状”,时间轴如图 1-5-7.
⑦ 测试并保存文件。
(四)小技巧
1.设置文档属性也可以在“属性面板”中点“舞台”进行修改(如图)或
在舞台单击鼠标右键,在快捷菜单中选“文档属性”|“背景颜色”。2.对文本进行打散也可以使用组合键“Ctrl+B”。
(五)练习:制作把自己的班级编号变为自己姓名的形状渐变动画。
1.5 奇妙的形变动画(实践 2 制作万花筒形变动画)
一、教学目标
知识与技能:
1.椭圆工具、任意变形工具的使用。
2.对图形进行径向渐变填充。
3.创建沿形状渐变的补间动画。
过程与方法:通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:任意变形工具的使用。
难点:任意变形工具的使用。
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:
(一)导入
形变动画是指改变对象的位置、形状颜色等属性的动画形式,形变对象只
能是图形。在形变动画中,我们只需要创建对象的起始关键帧和结束关键
帧画面,系统刚会自动生成两个关键帧之间的形变过渡画面。在形变动画
中,系统视两个关键帧中的对象为不同对象,对象只能沿直线运动,不能
沿曲线运动。
(二)讲授新课
这节课的任务是 P20 实践 2,制作 “万花筒”形变动画,如图 1-5-8。在这个任务中我们要用椭圆工具和任意变形工具。现在我先演示一遍。
① 启动 flashcs5.5,新建 ActionScript3.0 文档,单击菜单“修改”|
“文档”,在弹出的“文档设置”对话框中设置文档“背景颜色”为
#0000FF。
② 单击椭圆工具,将填充颜色设为红色,笔触颜色设为无色,绘制一个
椭圆。
③ 单击任意变形工具,选中椭圆,打开“变开”面板,设置旋转角度,
如图 1-5-9;单击“重置选区和变形”两次,绘出六瓣花朵(如图
1-5-10)。④ 复制小花两朵,分别填充成绿色和黄色,并调整三朵小花的位置,如
图 1-5-11.
⑤ 在时间轴第 30 帧单击鼠标右键,在弹出的快捷菜单中单击“插入空
白关键帧”。
⑥ 单击椭圆工具,将笔触颜色设为无色,填充颜色设为红色,绘制一个
椭圆。
⑦ 单击任意变形工具,选中椭圆,打开“变形”面板,设置旋转角度为30;单击“重置选区和变形”按钮 5 次,绘出 12 瓣大花朵。
⑧ 单击选择工具,选中花朵;打开颜色面板,颜色类型设为径向渐变,
为花朵填充颜色,如图 1-5-12.
⑨ 复制大花两朵,分别填充为其他径向渐变颜色,并调整三朵大花位置,
如图 1-5-13.
⑩ 在时间轴第 1 帧单击鼠标右键,在弹出的快捷菜单中单击“创建补间
形状”。
⑪测试影片并保存文件。
(四)小技巧
1.在形状渐变动画中加入形状提示点,可以获得较理想的形变效果,分别
用 a~z 这 26 个英文字母表示,所以最多可以用 26 个形状提示点。若提示
点放在图形边角上时,在起始帧用黄色圆圈表示,在结束帧用绿色圆圈表
示;若提示点放在图形内部,在起始帧和结束帧都用红色圆圈表示。
2.形状渐变标识: 表示形状渐变动画,关键帧用黑色的圆点
标识,过渡帧用黑色带箭头的实线表示,背景为淡绿色。1.6 虚幻的淡出动画
一、教学目标
知识与技能:
1. 绘图工具使用(会使用线条工具、任意变形工具、颜料桶工具、选
择工具)。
2. 会使用直接复制、水平翻转命令。
3. 会新建图层并命名图层。
4. 会创建沿路径的运动动画。
5. 会设置元件实例透明度属性。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:创建沿路径的运动动画和设置元件实例透明度属性。
难点:设置元件实例透明度属性。
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:(一)导入
淡出动画是指改变元件实例的亮度、色调、透明度等属性的动画形式。在
动画中对同一元件通过多次调用,并分别设为不同的亮度、色调、透明度,
可以实现淡入淡出的效果。
(二)讲授新课
本节课的任务是 P23 实践,制作 淡出动画“感恩母亲”。
在这个任务中我们要用绘图工具、进行图层编辑、设置元件实例属性、
动画创建和命令操作。现在我先演示一遍。
① 启动 flashcs5.5,打开教材光盘中的文件“感恩母亲.fla”,在“时
间轴”面板图层区单击新建图层按钮,并将新建的图层命名为“感
恩”。
② 创建新元件,将“名称”设为“感恩的心”、“类型”设为“图形”。
③ 单击线条工具,将笔触颜色设为#FF66FF,绘制一垂直线段,并
利用选择工具将线条编辑为半个心形的曲线,如图 1-6-1.
④ 选中心形曲线,单击菜单“编辑”|“直接复制”,单击菜单“修
改”|“变形”|“水平翻转”,将两条心形曲线连接成一个心形图
形;利用颜料桶工具将心形图形填充为径向渐变颜色,如图 1-6-2. ⑤ 单击“场景 1”,打开库面板,将“感恩的心”元件拖动到舞台左下角,
利用任意变形工具调整元件实例大小。
⑥ 选中所有图层的第 30 帧(如图 1-6-3),单击菜单“插入”|“时间
轴”|“帧”;在“感恩”图层时间轴第 1 帧单击鼠标右键,在弹出
的快捷菜单中单击“创建补间动画”。
⑦ 单击“感恩”图层第 15 帧,将元件实例拖到舞台中心附近,缩小元
件实例,并利用选择工具编辑路径标记,如图 1-6-4;在“属性”面
板中设置实例的“色彩效果”,如图 1-6-5.
⑧ 单击“感恩”图层第 30 帧,将元件实例拖到右上角,编辑路径标记,
并设置元件实例 Alpha 值为 30,如图 1-6-6. ⑨ 测试影片并保存文件。
(四)小技巧
多建几具图层并把实例的配色方案改变,可以出现多个“心”的飞舞画面。
(五)练习
通过添加多个图层制作淡出动画“感恩母亲”,如图 1-6-7. 1.7 奇特的遮罩动画
一、教学目标
知识与技能:
1. 绘图工具使用(会使用矩形工具、任意变形工具、选择工具)。
2. 图片导入。
3. 会创建影片剪辑元件。
4. 新建图层并命名图层。
5. 创建遮罩动画。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:创建影片剪辑元件和遮罩动画。
难点:创建影片剪辑元件和遮罩动画。
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:
(一)导入遮罩动画是利用遮罩层制作的动画。遮罩层是一个特殊的图层,就像在一
张不透明的纸上挖一个洞,洞的大小和形状就是遮罩层上图形的大小和形
状,透过洞看到的就是被遮图层上的内容。
(二)讲授新课
本节课的任务是 P26 实践,制作一个模拟百叶窗效果的画画,如图 1-7-1。
现在我先演示一遍。
① 启动 flashcs5.5,新建 ActionScript3.0 文档,设置文档背景颜色为
黑色;双击“图层 1”将图层命名为“绿枫树”。
② 单击菜单“文件”|“导入”|“导入到舞台”,在弹出的“导入”
对话框中,选择教材配套光盘中的图片文件“fs1.jpg”,调整图片的
大小和位置。
③ 新建图层,将图层命名为“红枫树”;导入教材配套光盘中的图片文
件“fs2.jpg”;调整图片的大小和位置,使两个图层的图片大小相等、
位置重合,如图 1-7-2.
④ 单击菜单“插入”|“新建元件”,将“名称”设为“百叶”、“类型”
设为“图形”;单击矩形工具,将填充颜色设为#0000FF,笔触颜色设
为无色,绘制一个矩形,并利用任意变形工具将图形中心与舞台中心
对齐,如图 1-7-3.
⑤ 创建影片剪辑元件。单击菜单“插入”|“新建元件”,将“名称”
设为“旋转百叶”,“类型”设为“影片剪辑”。打开库面板,将“百
叶”元件拖到舞台中心,生成元件实例。在时间轴第 1 帧单击鼠标右
键,在弹出的快捷菜单中单击“创建补间动画”;在时间轴第 50 帧单
击鼠标右键,在弹出的快捷菜单中单击“插入帧”,并利用任意变形
工具缩小“百叶”元件实例的宽度,使其尽量成为一条线,如图1-7-4.
⑥ 单击“场景 1”,在“时间轴”面板图层区单击新建图层按钮,在“红
枫树”图层上方新建图层,并将图层命名为“百叶”;打开库面板,
将“旋转百叶”元件拖放到舞台中心,并利用任意变形工具调整元件
实例大小,使其遮挡枫树图片。
⑦ 选择“百叶”图层,单击鼠标右键,在弹出的快捷菜单中单击“遮罩
层”。
⑧ 测试影片并保存文件。
(四)小技巧
1.在影片剪辑中,可以多复制几个图层,多几个百叶的动画效果,复制的
图层越多,动画效果越逼真。最好多中间开始,复制奇数个图层。
2.利用遮罩动画可以制作音乐 MTV 中的字幕。
(五)练习
通过在影片剪辑中添加多个图层制作“多叶百叶窗”动画,如图 1-7-5. 1.8 灵活的交互动画
一、教学目标
知识与技能:
1. 绘图工具使用(会使用椭圆工具、任意变形工具、颜料桶工具、任
意变形工具)。
2. 创建并调用按钮元件。
3. 对按钮元件实例或帧添加简单动作命令。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:创建按钮元件和对按钮或帧添加简单动作命令。
难点:对按钮或帧添加简单动作命令。
三、教学准备:多媒体网络控制系统四、教学方法:自学法 讲授法 讨论法 练习法
五、教学安排:2 课时
六、教学过程:
(一)导入
交互动画是指通过帧命令、按钮操作等方法产生信息交互的动画形式。
(二)讲授新课
这一节我们学习能进行交互的动画制作方法;本节课的任务是 P29 实践,
制 作 帧 命 令 和 按 钮 控 制 的 小 兔 欢 跳 动 画 , 如 图 1-8-1 。
现在我先演示一遍。
① 启动 flashcs5.5,打开教材光盘中的动画文件“欢跳的兔子。fla”。
② 单击菜单“插入”|“新建元件”,将“名称”设为“欢跳”,“类型”
设为“按钮”。
③ 单击“图层 1”的“弹起”帧(如图 1-8-2),单击椭圆工具,将笔触颜色设为无色,填充颜色设为红白径向渐变色,绘制一个椭圆,并利
用任意变形工具,使椭圆中心与屏幕中心重合,如图 1-8-3.
④ 在时间轴“指针经过”帧,单击鼠标右键,在弹出的快捷菜单中单击
“插入关键帧”,将椭圆填充为黄白径向渐变色,如图 1-8-4.
⑤ 在时间轴“按下”帧,单击鼠标右键,在弹出的快捷菜单中单击“插
入关键帧”,将椭圆填充为蓝白径向渐变色,如图 1-8-5.
⑥ 在时间轴“点击”帧,单击鼠标右键,在弹出的快捷菜单中单击“插
入帧”。
⑦ 新建图层,单击文本工具,设置“字符”属性(如图 1-8-6),输入文
本“欢跳”,并将文本放在椭圆中心,如图 1-8-7. ⑧ 单击“场景 1”的“图层 1”,新建图层,命名为“按钮”;打开“库”
面板,单击“按钮”图层第 1 帧,将“欢跳”按钮元件拖到舞台右下
角,调整按钮大小,设置元件实例名称为“欢跳”,如图 1-8-8.
⑨ 单击“按钮”层第 1 帧,单击菜单“窗口”|“动作”,打开“动作”
面板;在“代码窗口中输入“Stop()”命令”(如图 1-8-9),此时第
1 帧多了一个标记(如图 1-8-10)。
⑩ 单击选择工具,选中第 1 帧的按钮元件实例“欢跳”,打开“动作”面板,单击“代码片断”(如图 1-8-9),在“代码片断”面板中双击
“单击以转到帧并播放”(如图 1-8-11);将脚本中的参数“5”改为
“2”,如图 1-8-12.
⑪测试影片并保存文件。
(四)小技巧
创建按钮实际上是创建一个按钮元件,它包括“弹起”、“指针经过”、“按
下”、“点击”四个关键帧,分别用于定义鼠标不同动作下按钮的状态。
(五)练习
制作电子相册。1.9 精彩的有声动画
一、教学目标
知识与技能:
1. 声音导入。
2. 帧操作(插入帧、复制帧、粘贴帧)。
过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能
力。
情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:插入帧、复制帧、粘贴帧。
难点:插入帧、复制帧、粘贴帧。
三、教学准备:多媒体网络控制系统
四、教学方法:自学法 讲授法 讨论法 练习法五、教学安排:2 课时
六、教学过程:
(一)导入
添加一段符合主题的背景音乐和适当的简短声音素材,可以使动画效果增
光添彩。
(二)讲授新课
这一节我们学习为动画插入声音的操作方法。本节课的任务是 P34 实践,
为“感观恩母亲”动画插入音乐。
现在我先演示一遍。
① 启动 flashcs5.5,打开教材光盘中的动画文件“感恩母亲.fla”,单
击“感恩”图层,新建图层并命名为“声音”。
② 单击菜单“文件”|“导入”|“导入到库”,在弹出的“导入到库”
对话框中选择教材配套光盘中的声音文件“感恩的心.wav”,此时库
中会增加一个新的元件,其名称为“感恩的心.wav”,如图 1-9-1. ③ 单击“声音”图层,打开“库”面板,将库中“感恩的心.wav”拖到
舞台,时间轴面板如图 1-9-2.
④ 在“声音”图层第 360 帧单击鼠标右键,在弹出的快捷菜单中单击
“插入帧”。
⑤ 选中“感恩”图层的第 1 帧到第 30 帧,单击菜单“编辑”|“时间
轴”|“复制帧”;在第 31 帧,单击鼠标右键,在弹出的快捷菜单中
单击“粘贴帧”;用同样的方法,分别在第 61、91、151、181、511、
241、271、301、331 帧完成“粘贴帧”操作。
⑥ 选中其他所有图层第 360 帧,单击菜单“插入”|“时间轴”|
“帧”。
⑦ 测试影片并保存文件。
(四)小技巧
1.帧的延续,是根据声音文件播放的时间XFlash 中的帧频计算出来的。
2.也可在第 2 次粘贴帧后,复制第 1 到 60 帧复制帧,这样可以减少粘贴
帧的次数。
(五)练习
完成“感恩的心”,并发布成 swf 或 flv 格式,发送给自己的亲人。