第一课 Flash与Flash动画
教学目标:
知识与技能：
1.使学生初步认识Flash操作界面
2.培养学生学会启动Flash
3.培养学生学习Flash动画的兴趣，提高对动画的审美能力
4.初步了解制作Flash动画的基本操作
过程与方法：
通过多教学方法相结合，使学生掌握Flash的基本操作，以及制作Flash动画的基本步骤
情感态度与价值观：
通过观看Flash小动画引起学生的好奇心，培养良好的学习情趣教学重点:
1、掌握Flash的启动与退出
2、了解制作Flash动画的基本操作
教学难点:
制作Flash动画的基本操作
课型、课时：
讲解法教学课，2课时
教学手段:
极域电子教室，Flash
教学方法:
情景导入，激发兴趣，实例演示法，指导法，启发法，鼓励法，Flash动画欣赏
教学过程:
第一课时
导入新课
【展示一张Flash电子贺卡，引导出动画的意义和Flash】
动画的基础是人类的视觉暂留特性
Flash是美国Macromedia公司出品的一个矢量图形和交互式动画制作软件、主要应用于网页设计和多媒体动画创作领域、它可以将文字、图画、声音和视频融于一体，最终构成有声有色，品位独特的具有交互功能的动画效果。使用Flash可以作出梦幻般的动画效果、
推进新课
一、启动Flash
（1）：选择【开始】→【程序】→【MacromediaFlash】菜单命令。
（2）:双击桌面上的Flash 快捷方式图标。
机房使用的是绿色破解版，因此启动方法只能使用（2）
【练习】启动Flash ，观察Flash 窗口组成
二、Flash 的工作环境
1、菜单栏
菜单栏位于主界面的顶部，它由9组菜单命令组成。掌握了菜单栏中命令的使用，就掌握了FLASH 的基本操作。
2、工具箱
工具箱位于主界面的左侧。工具箱中提供了选择、绘画、文字及修改的常用工具。以后我们在学习中不断对工具箱中的工具做介绍。
对于不同的按钮，其内容也不同（我们会在以后的课程中详细介绍）。下面我们逐一介绍每个按钮的功能。
选择工具，用来选择对象。
套索工具，和Photoshop 类似。
画线工具，画直线。
写字工具，用来写上各种矢量字体。
画圆工具，画圆和椭圆。
矩形工具，画各种矩形。
“时间轴”面板
图层控制区
画笔工具，画曲线和折线。
画刷工具，和Photoshop的brush类似。
墨水瓶，为实心图形的边界上色。
填充工具，用当前色填充实心图形。
吸管，不用多说，选择当前颜色。
橡皮擦，擦除画错的图形。
移动工具，用来移动工作区。
放大镜，放大缩小画面。
3、时间轴
时间轴位于菜单栏的下面，它由两部分组成，左边的不凡用来对图层进行操作；右边的部分对帧进行操作。在时间轴中可以很方便地对层或帧进行选择、编辑、控制以及设置。
4、舞台
舞台是进行动画创作的工作区域，它位于主界面的中央，占据了比较大的空间。在舞台中可以对当前帧的内容进行编辑。
5、面板
面板位于主界面的底部和右侧，每一个面板都提供某一方面的功能。其中，位于主界面底部的是属性面板，是我们经常用到的面板，它可以根据当前对象的不一样，显示不同的属性面板。
【练一练】练习教材P5“练一练”
三、退出Flash
（1）：选择【文件】→【退出】
（2）:单击Flash主窗口右上角的按钮。
练习：
1.观察FLASH菜单与photoshop菜单的区别与联系。
2.熟悉FLASH的工作环境
3.完成教材P10，第一题
课堂小结：
本节主要介绍了Flash的工作界面、启动和关闭Flash的方法。这些内容的介绍可为以后的学习打下一定的基础。
第二课时
复习导入
提问：1、Flash是用来做什么的？
2、Flash时一款动画制作软件，那么我们该如何启动呢？（学
生讲解并演示）
3、师生共同完成教材P4的空白处
导入：
Flash是用来制作动画的，那么制作动画的一般过程是什么呢？
下面我们就来学习动画的制作步骤和一些动画术语。
推进新课：
一、编辑颜色
单击颜色按钮，调出调色板，单击蓝色框框住的调节器色板按钮，打开颜色对话框。
二、制作简单的动画
【实例演示】★制作一个能运动的圆
操作步骤:
1.选择工具。
2.选定笔触颜色框，将线条颜色设无无色
3.单击填充色框中的按钮，在弹出的颜色列表框中
单击“红色”色标，把绘图时的填充色设为红色。
4.按住shift在舞台中央拖出一个圆。
5.选择工具，选择圆的内部。执行“插入→转换为元件”命令，打开的对话框中选择“图形”单选框。
6.选择第50帧，执行“插入→关键帧”，之后把圆拖到舞台的下角。
7.选择第1帧，单击右键，选择“创建补间动画”，就看到第1帧和第50帧之间出现的浅蓝色的指针线。
【拓展】第7步也可以换成一下操作：选择第1帧，执行“插入→时间轴→创建补间动画”；或者是打开“属性”面板，将补间类型设为“动画”
8.执行“控制→播放”命令
9.执行“文件→保存”命令
【术语解释】
1、元件可以在不同的帧里使用，及元件可重复多次使
用，除了上面讲的图形元件外，还有影片剪辑元件和按钮元件。绘制的图形要转换成元件，才能成为动作补间动画的运动对象。
2、关键帧是指在制作的过程中用手工确定画面的那些
帧。由计算机在两个关键帧之间生成的帧叫做过渡帧
3、在Flash里先确定一段动画中首尾两帧画面中对象
的位置，然后由计算机自动生成这两帧之间画面的动画，叫做动作补间动画。
4、帧频用来决定每秒播放的画面数，默认为12fps。
由于计算机屏幕刷新频率的关系，每秒播放12个画面就可以显示出非常连贯的图像，因此Flash的默认帧频是12帧每秒
练习
1、按照教师讲的制作一个运动的圆
2、教材P10，第3题
课堂小结：
本节主要介绍了Flash画图工具栏和制作简单的动画，这些内容的介绍可为以后的学习打下一定的基础。这个动画能够激发学生的积极性，但由于动手不熟练，作出的动画没有作到尽善尽美。
作业：
1、复习所学的内容
2、网上查找有关FLASH作品，分析其制作方法
板书设计：
第一课Flash和Flash动画
一、Flash启动
二、Flash的工作环境
三、Flash的退出
四、制作简单的动画
教学反思：
第二课动作补间动画
教学目标:
知识与技能：
1、了解元件和实例的概念；
2、会在Flash动画中导入图片；
3、掌握动作补间动画的基本制作方法；
4、掌握位图到矢量图的方法；
5、掌握对象缩放、旋转、倾斜等变形手段；
过程与方法：
通过实际操作体验总结元件和实例的区别；通过反复操作练习掌握Flash动作补间动画的制作方法。
情感态度与价值观：
通过触类旁通，培养学生的创新精神和动手能力。
教学重点:
动作补间动画的制作方法
教学难点:
1、体会关键帧，一般帧的区别
2、能制作一个简单的关键帧动画
课型、课时：
新授课，2课时
教学手段:
极域电子教室，Flash
教学方法:
情景导入，激发兴趣，提问，实例演示法，指导法，启发法，鼓励法，自主学习法等。
教学过程:
第一课时
复习导入
在上课里，大家初步了解了Flash的基本知识，利用绘制的图形元件制作了一个简单的动作补间动画，运动的对象都是我们自己绘制的，Flash制作的动画，运动对象除了自己绘制外，也可以利用现有的对象来制作。这节课我们进一步学习制作动作补间动画的有关知识
和操作方法。
推进新课：
一、帧(frames)与关键帧（keyframe）
1、帧(frames)就是将连续动画均匀地划分为一系列各个时刻的静态画面、在flash默认的情况下,每秒的动画被划分为12份,每一帧在播放的时候显示为1/12秒、人眼很难觉察如此短暂的时间间隔,因此所看到的动画就是连续的画面、
2、帧的分类：
帧（frame）、关键帧（keyframe）、空白关键帧（blankkeyframe）
3、关键帧:是指动画制作时的关键画面、在Flash动画制作中,为了提高效率,有些画面必须由作者制作,而有些画面由计算机自动
生成、前者----自己制作的画面称为关键帧、后者----计算机自动生成的画面称为中间帧、
插入帧
1、选中一个帧，然后从菜单中选择Insert—frame命令
2、选中一个帧，然后按F5键
3、选中一个帧，然后单击鼠标右键，从弹出菜单中选择Insertframe命令，即可在该帧位置建立一个帧。
说明：如果插入关键帧，键盘为F6键；或者相应选择keyframe
相关快捷方式：
插入关键帧：F6删除关键帧：Shift+F6
出入帧：F5删除帧：Shift+F5
4、关键帧动画原理
关键帧动画就是将一个动画分解为多个步骤，然后将每个步骤中的内容在各个关键帧中制作出来，在连续播放这些关键帧形成的动画。
二、实例演示
1、用导入的图片制作动画
★导入图片
1、启动flash。
2、执行“插入→新建元件”命令，输入元件名。
3、执行“文件→导入→导入到库”命令，选择保存的图片
4、单击打开按纽，会出现图片。
★制作动画
1、选择场景1
2、执行“窗口→库”命令，选择图片，拖入场景。把图片拖到舞台左上角。
3、单击第30帧，执行“插入→关键帧”命令，然后把图片拖到舞台右下角。
4、单击第1帧，执行“插入→创建补间动画”命令。
5、执行“控制→播放”命令
用“小女孩”的名保存这个文件
上面导入的“小女孩”图片是一个图形元件。在前面我们已经讲过，元件是指可以重复使用的对象。元件在舞台中的实际应用称为实例。创建了一个元件后，它就保存在文档的库中。把元件从“库”面板里拖到舞台上时，就创建了该元件的一个实例。
三、练习
模仿老师所讲，制作关键帧动画、
四、课堂小结：
本节主要介绍了帧、关键帧和空白关键帧的概念。
第二课时
复习导入
复习：创建Flash文档，导入一张图片
（学生自己完成）
初一下学期，我们学习了Photoshop的使用，其中学到了一个改变图像大小和形状的方法，下面我们一起来回顾一下图形的变形（打开Photoshop，演示图形变形）。
上节课我们做的动画的运动对象是一张图片，那我们在Flash中能不能也像在Photoshop中一样让图片自身也发生改变呢？下面我
们就来尝试一下，看能否完成这种效果。
推进新课
创建一个新文档，并导入一张图片，在第1帧至20帧之间创建动作补间动画。（这部分由老师演示快速完成，为后面的内容做准备）
一、制作动画，使图片在运动的过程中逐渐变大
1、单击“时间轴”面板的第45帧，敲F6插入关键帧，然后拖动右下角的图片到舞台底部的中间位置
2、单击工具箱中的任意变形工具，选定图片后的指针移到右上角的操作点上，按住Shift键拖动鼠标，调大图片
3、在舞台外单击，取消图片的选定状态
4、在“时间轴”的面板中的第20帧单击右键，创建动作补间动画
5、敲回车键播放动画。
6、保存文件。
【练习】
结合教材P15—17，尝试制作改变对象的不透明度、旋转对象的动画
二、发布动画
Flash的三种文件格式：
*、fla源文件，可在flash中打开修改。
*、swf发布文件，不包括原始的冗余的信息，只包含与动画播放有的必要信息。所以，swf文件不可用flash在重新打开修改、
*、exe文件中包含了flash播放器和swf内容的程序，它不需要播放器就可直接浏览。
★实践和观察
（1）执行“文件→发布设置”命令，打开的对话框。
（2）取消原来的选择状态，重新选“windows放映文件(、exe)”
(3)单击发布，可以发布扩展名为“*、swf”和“*、exe”的执行文件。
（4）发布完毕后，单击“确定”按钮。
课堂小结：
本节主要讲了调整对象大小，调整对象透明度，对象旋转，发布动画
作业：
复习所学的内容
板书设计：
第二课动作补间动画
一、帧(frames)与关键帧（keyframe）
二、用导入的图片制作动画
三、制作动画，使图片在运动的过程中逐渐变大
四、发布动画
教学反思：
第三课形状补间动画
教学目标:
知识与技能：
1.学会制作简单的形状补间动画
2. 制作简单的三形互变动画
3. 自由变形工具
4、了解形状补间动画原理
过程与方法：
1.根据形变类型分析，能完成典型形变小动画制作
2.根据技能掌握程度，能力争完成综合应用实例
3.能在实践过程中学会思考并归纳小结
情感态度与价值观：
1.增加学生对课程的专业情感，为后面的技能学习作铺垫
2.在技能实践中，增强同学间的互助意识，培养合作精神教学重点：
形状补间动画的制作过程
教学难点:
形状补间动画制作的原理
课型、课时：
2课时
教学手段
极域电子教室，Flash
教学方法:
演示比较法、自主探究法、总结归纳法
教学过程:
第一课时
复习导入
在前面几节课中，我们学习了动作补间动画的制作，请大家回想一下制作动作补间动画的基本方法步骤？（学生思考、回答）
动作补间动画改变的是对象的大小、位置、透明度、角度等属性而形成的动画，除此之外，我们还可以让运动对象自身也产生形变，这节课我们就来学习这种新的动画——形状补间动画。
推进新课
一、形状补间动画原理
形状渐变是动画制作的常用手法，它只能应用于打散的图形。其计算方法是在相近的特征处平滑变换。作者可以充分发挥想象力，创作出构思巧妙的动画作品。
原理：Flash 自动变形技术可以将一种形状自动变形为另一种形状、制作者只需要指定起始的图形和结束的图形,中间的过渡部分就可由Flash 自动完成、
二、自由变形工具(FreeTransformTool)
自由变形工具用来对选中的对象进行各种变形,包括缩放、旋转、歪斜及扭曲，等等。该工具有5种变形模式，分别是：
自由变形模式、环绕变形
扭曲变形 旋转和歪斜 缩放变形（scale ）
旋转和歪斜变形模式、缩放变形模式、扭曲模式和环绕变形模式。
三、操作步骤：
新建一个Flash文件，
1、第1帧，然后选择椭圆工具，在舞台中央绘制一圆，填充颜色为橘黄色。
2、第20帧，插入空白关键帧，然后选择正方形工具，在舞台中央绘制一正方形，填充颜色为橘黄色。
3、第40帧，插入空白关键帧，然后选择多角星形工具，打开“属性”面板
单击“选项”出现“工具设置”对话框，将
样式设为“星形”，边数设为5，在舞台中央绘
制一五角星，填充颜色为橘黄色。
4、选中第1帧，在“属性”面板中设置如下：
选择第20帧，在“属性”面板中将补间类型设为“形状”
5、住Ctrl+Enter，预览动画。
【练习】
1. 做一个三形互变动画。
2. 练习使用自由变形工具，将图形做缩放，扭曲变形。
四、课堂小结
本节课学习了形状补间动画的制作，在起始帧确定要变形的对象，在结束帧确定要变成的对象，在将“属性”面板中的补间类型设为“形状”就可以创建形状补间动画了。
第二课时
复习导入
提问：制作形状补间动画的步骤？
利用形状补间动画功能，不仅可以制作图形的变形动画，还可以制作字符和文字的变形动画，这节课我们就来学习文字之间的变形。
推进新课
字符与一般的图形不同，不能直接制作变形动画，而需要先将字符“分离”成图形才能制作形状补间动画。例如字符串“新年快乐”，必须先将字符串分离成单个的字符，即“新”、“年”、“快”、“乐”，然后在将单个字符再次分离，分离正图形。下面我们就来具体的操作一下：
【实例演示】
制作字母A先转变B，然后转变C的动画
1、新建一个Flash文档
2、执行“修改→文档”调整场景的大小，改变背景颜色。
3、选择文本工具，文本框中输入字母“A”
4、单击“选择”工具，在控制面板中，字体大小定为96，颜色为黄。
5．第10帧，插入关键帧，然后擦出字母“A”，重新输入“B”
6、第20帧，插入关键帧，然后擦出字母“B”，重新输入“C”
7、选择第1帧，执行“修改→分离”，选择第10帧，执行“修改→分散”，用同样的方法，把字母“C”也分散为形状。
8、选择第1帧，属性面板上的补间类型改为“形状”。
9、执行“控制→播放”
【练一练】
制作“新年快乐”→→→“阖家欢乐”
课堂小结
通过大家的自己动手制作，大多数同学都已经掌握了图形变形的基本制作方法。
作业设计：
复习所学的内容