“制作闪闪的红星”flash动画教学设计培训资料

“制作闪闪的红星”f l a s h动画教学
设计
信息技术学科教学设计
课题“制作闪闪的红星”flash动画教师李佳其教学模
式
多媒体教学
教学目标
知识与技
能
掌握flash软件中制作红星闪闪的相关应用工具
过程与方
法
能使用flash软件的基本工具,制作红星闪闪遮罩动画
情感态度
与价值观
案例选择具有教育意义，易激发学生的学习兴趣
教学重点闪光的制作中应用遮罩知识点
教学难点元件的组合中应用基础知识点
教学手段演示法、讲授法
授课时
数
1
教法与学法案例教学法、任务驱动、分析、演示、讲解、练习授课班
级
五年级
板书设计一、分析动画
二、教师演示讲解
三、学生练习
四、教师点评学生作品
五、小结
教学过程
教学内容教师活动及
设计意图
学生活动
及设计意
图
清查学生人数
展示“闪闪的红星”动画，引
入本课任务：（如图所示）
制作《闪闪的红星》动
画
一、分析动画
1、动画构成：(引导学生观赏、分析、讨论得出
结果)
背景：蓝绿色
动画元素：红五角星、闪闪光芒
“闪闪的红星”主动画：闪光元件影片剪辑
2、“闪光元件”主动画影片剪辑的构成：
若干条光线 (图形元件)构成，闪光线(动态，流
光溢彩)，又是怎么产生的？(用闪光线遮罩“流光
溢彩”圆，即闪光线是用遮罩方法制作的影片剪
辑)。

“流光溢彩”圆又是怎样来的？(线条转化为
导入新课
激发学生浓
厚的学习兴
趣，提高学
生对作品的
鉴赏能力，
整体感知能
力。

让学生
思考动画是
如何做出来
的？
引导学生欣
赏和分析引
导
学生欣赏
动画作
品。

体验
flash的魅
力，以及
flash技术
的神奇。

形状制作的影片剪辑)
教师总结动画构成（5个组件角色）：
“背景”蓝绿色
“五角红星”主动画图形元件
“闪光线条”影片剪辑
“线条转化为形状”组合成闪光线条组合
“闪光”流光溢彩遮罩影片剪辑
二、讲授新课
动画实现方法：（老师引导学生分析讨论得出）
1、设置舞台大小及背景：
新建一个flash文档，设置舞台大小为“500*500
像素”，背景色为“蓝绿色”（颜色值#006666）。

2新建元件：
（1）新建“红五星”元件：
选择菜单“插入”→“新建元件”命令，从弹出的对
话框中定义名称为“红星”，类型选“图形”，如图
所示，确定后进入图形元件编辑模式。

“红五星”图形元件的编辑过程从左到右，共九
步，如图所示：
第一步，按住shift键，从场景中心向上画出一根
垂直的黄色线条。

第二步，选择“任意变形工具”，单击线条，线条
的中心会出现一个白色小圆圈（即中心点也叫注
册点）。

教师讲授
（条线样式
及大小学生
自己设置）
学生在教
师演示下
进行观
察，体
会，动画
制作的方
法和技
巧。

鼓励学生
用自己的
方法
绘制的图
形，设置
不同的颜
色，熟悉
工具，灵
活使用工
具，展示
个性、自
第三步，将中心点拖到线条的最下端，以便让线条以下端为中心旋转复制。

第四步，单击
菜单栏中“窗
口”→“变形”命
令，打开变形
面板，设置参
数旋转72
度。

按下“复制
并应用变形”四
次，五根线条
就构成五角星的顶点。

如图所示：
第五步，用黄色线条分别连接五根线条的顶端，五角星的模样就出来了。

第六步，用黄色线条分别连接五角星中心和上一步连线的交点。

第七步，选择“橡皮工
具”，在工具箱下方选
项中选择“水笼头”工
具，在多余的线段上点
一下，删除线段。

第八步，用“颜料桶”工
具给五角星上色，选择
“红黑放射状渐变色”，
增加五角星的立体感。

第九步，用“橡皮工
具”，选择“擦除线条”模
式，如图所示，用“橡皮工具”擦去五角星上的线条，一颗漂亮的五角星就做成了。

（2）新建“闪光线条”元件：
选择菜单“插入”→“新建元件”命令，新建一个图形元件，元件取名“闪光线条”，选择“直线工具”，画一条水平的黄线线段，然后用“箭头工具”选中该线段，在属性面板上设置各参数，如图所示。

（条线各参
数学生自己
设置）
主创新的
机会。

学生实践
中，遇到
困难，可
以向老师
提出帮
助，学生
之间可以
相互交
流。

给学
（3）新建“闪光线条组合”元件：
选择菜单“插入”→“新建元件”命令，新建一个图形元件，元件取名“闪光线组合”，从库中将“闪光线条”元件拖到新元件编辑窗口的场景中，在X 轴上的位置设置为“-200”，Y轴设置为“20”。

选择“任意变形工具”，单击线条，线条的中心会出现一个白色小圆圈（即中心点也叫注册点）。

用鼠标将它拖到场景中心处松开，单击菜单栏中“窗口”→“变形”命令，打开变形面板，设置参数旋转15度。

按下“复制并应用变形”在场景中复制出一个圆形效果，如图所示。

单击时间轴的第1帧，选中全部图形，单击菜单栏中“修改”→“分离”命令，为的是把线条打散，再单击菜单栏中“修改”→“时间轴”命令→“分散到图层”命令，单栏中“修改”→“形状”命令→“将线条转化为填充”命令，为的是把线条转化为形状。

（4）创建“闪光”元件：（“流光溢彩”圆）选择菜单“插入”→“新建元件”命令，从弹出的对话框中定义名称为“闪光”，类型选“影片剪辑”，确定后进入影片剪辑编辑模式。

打开“库”面板，将库中的“闪光线条组合”元件拖到场景，相对于场景居中。

选中元件将元件复制。

选中“图掌握添加图
层、遮罩效
果的方法，
让学生完成
探究练习。

（教师补充
说明）
生提供了
展示个
性、自主
创新的机
会，促使
他们主动
地学、创
造性地
学。

学生掌握
动作动画
的制作方
法和技
巧，熟悉
其步骤，
为下一环
节的知识
迁移作准
备。

层1”图层的第30帧，按F6键插入关键帧。

选择1~30帧之间的任一帧，创建动作补间动画。

在属性面板中设置“旋转”为“顺时针”1次。

单击时间轴下方的“插入图层”按钮，新建“图层2”，选中第1帧，执行“编辑”→“粘贴到当前位置”命令，使“图层1、2”中的“闪光线条组合”完全重合。

然后选择“修改”→“变形”→“水平翻转”命令，让复制过来的图形与“图层1”的图形方向相反，在场景中形成交叉图形。

选中“图层2”图层的第30帧，按F6键插入关键帧。

选择1~30帧之间的任一帧，创建动作补间动画。

在属性面板中设置“旋转”选“逆时针”1次。

最后将图层2设置成遮罩层，图层1设置成被遮罩。

如图如示。

（5）创建动画：
单击返回到场景。

把“图层1”重命名为“闪光”，单击时间轴的第1帧，打开“库”面板，将其中的名为“闪光”影片剪辑元件拖入到舞台，相对于舞台居中。

单击时间轴下方的“插入图层”按钮，新建“图层2”，将“图层2”重命名为“红星”选中“图层2”的第1帧，打开“库”面板，将其中的名为“红星”元件拖入到舞台。

利用“任意变形工具”适当调整“红星”实例的大小和位置，使之达到最佳动画效果，如图所示。

保存文件，控制测试影片。

鼓励学生发
挥才华，灵
活应用知
识，展示个
性
、自主创新
的机会。

补充说明
在设置任务
时，教师注
意体现分层
次，并给学
生提供了展
示个性、自
主创新的机
会，促使他
们主动地
学、创造性
地学。

（教师总
结）
掌握动画制
作的原理，
学生在归纳
和比较中，
学生在制
作过程中
要
不断开发
自己大
脑，发挥
想像，尽
可能的完
善作品。

（6）拓展知识：
学生如果有兴趣的话，可添加一个图层，输入一段文字，并对文字做一些简单的动态效果。

那整个实例内容就更加丰富。

三、学生练习
学生制作以上各组件角色
教师辅导
学生完成主场景制作
四、教师点评学生作品
请个别学生和大家分享作品自己的创作过程。

介绍自己的作品，评价、鉴赏他人创作的作品。

教师点评一些具典型性的学生作品，指出优缺点
五、小结：总结本课动画涉及的知识点
1、flash软件中制作红星闪闪的相关应用工具。

2、能使用flash软件的基本工具,制作红星闪闪遮罩动画
点评动画制作各环节中的问题，以一些经常犯的错误来引起学生注意，帮助学生理清制作动画的思路提高学生分析能力，再次加深学生对动画原理及其适用范围的理解。

六、作业：
1、完成本次动画制作
2、应用本节课知识，制作一个独特个性的“流
光溢彩”作品应用操作能
力和自主探
究能力得到
提高。

提高学生
的审美能
力、语言
表达和思
维能力，
树立正确
的作品创
作观。

课后反思遮罩是一种很特殊的动画效果，同样的效果，可以用很多种方法去实现，只要想得到就能做得到，好的作品创意很重要。

学生的探究和动手操作时间不够，影响了部分学生的作品完成，从而在课堂上也不能及时地对作品进行评价，只能留待下一节课进行评价。

1、本节课首先利用动画视频，激发学生浓厚的学习兴趣。

通过提出问题，让学生思考，动画效果是如何制作出来的，培养学生提出问题，解决问题
备注：教学过程一般应包括：情境导入、任务驱动、完成任务（自主探究、协作学习）、评价交流、强化练习等。