八年级上信息技术Flash教案.docx
《八年级上信息技术Flash教案.docx》由会员分享，可在线阅读，更多相关《八年级上信息技术Flash教案.docx（49页珍藏版）》请在冰豆网上搜索。
八年级上信息技术Flash教案
微机室规章制度
纪律注意事项：
（1）在教室里不要大声喧哗，要爱护设备
（2）在老师没有安排的情况下，不准玩游戏
（3）在任何时候，禁止浏览不良网站
卫生注意事项：
（1）进教室要套鞋套
（2）不要将雨伞等非学习用品带入教室
（3）不准将饮料、袋装食品、口香糖等带入教室
课程表
周节
一
二
三
四
五
1
2
3
6
4
5
5
3
6
1
2
7
4
8
教学进度表
2009．8．18
月
份
周
课题
课时数
8
1-2
第一章遨游海洋第一节走进新天地——认识flash界面
2课时
9
3
第二节我是小画家——绘图工具
1课时
4-5
第三节五彩斑斓的文字世界——文字效果
2课时
6
第三节五彩斑斓的文字世界——文字效果
1课时
10
7-8
第二章小试身手——简单动画
第一节步步为营——逐帧动画
2课时
9-10
第二节形状渐变动画
2课时
11
第三节移形幻影——移动渐变动画
1课时
12
第四节多姿多彩——多图层动画
1课时
11
13
第三章FLASH特效动画
第一节请跟我来——引导层动画
1课时
14
第二节不识庐山真面目——遮罩动画
1课时
15
第四章你来我往、交互动画
第一节一触即发——制作按钮
1课时
16
第二节跟着感觉走—简单Action
1课时
12
17-18
第三节绘声绘色——声音的操作
2课时
19
期末复习
1课时
20
期末复习
1课时
学情分析
八年级学生已经学了一年的电脑，他们求知欲强，思维活跃，视野开阔，富有个性，具备了一定的信息素养，他们渴望学到更多更有趣的信息技术知识。
在教学中为学生留出自由发挥的空间，能有效的提高学生的学习兴趣。
同时又有了一定的自学能力和动手能力。
但多数情况下还比较肤浅和不够成熟，尤其对于一些知识和技能的掌握还处于一知半解的状态，教师点则通，不点则不通。
通过前面课程的学习，学生已基本掌握了指法练习及文字编辑等方面的知识。
本学期要进行学习Flash的基本功能，Flash的基本设计工具的使用和一些基本绘图技巧，动画的制作原理和方法，动画制作的基本技巧与基本流程，在Flash中添加图像，声音和视频文件的知识和技巧.
中小学信息技术课程的主要任务是：
培养学生对信息技术的兴趣和意识，让学生了解、掌握信息技术基本知识和技能，了解信息技术的发展及应用对人类日常生活和科学技术的深刻影响。
目录
第一章遨游Flash海洋………………………………………6
第一节走进新天地——认识flash界面………………………6
第二节我是小画家——绘图工具……………………………8
第三节五彩斑斓的文字世界——文字效果…………………13
第二章小试身手——简单动画………………………………16
第一节步步为营——逐帧动画………………………………16
第二节形状渐变动画…………………………………………19
第三节移形幻影——移动渐变动画…………………………23
第四节多姿多彩——多图层动画……………………………25
第三章FLASH特效动画………………………………………29
第一节请跟我来——引导层动画……………………………29
第二节不识庐山真面目——遮罩动画………………………34
第四章你来我往、交互动画…………………………………39
第一节一触即发——制作按钮…………………………………39
第二节跟着感觉走——简单Action……………………………41
第三节绘声绘色——声音的操作………………………………44
第四节教你做游戏………………………………………………49
第一章遨游Flash海洋
第一节走进新天地——认识flash界面
一、教学目标
知识目标
1、了解Flash的功能特点。
2、掌握Flash启动方法。
能力目标
了解Flash中各面板的组成及各部分主要功能。
情感目标
培养学生对Flash更浓厚的兴趣。
二、教学重点与难点:
1、Flash动画产生原理
2、掌握Flash的工作环境
三、教学方法:
演示法、观察法、自学法
四、教学课时:
1课时
五、教学过程:
导入：
1.什么是FLASH
Flash是美国Macromedia公司出品的一个矢量图形和交互式动画制作软件.主要应用于网页设计和多媒体动画创作领域.它可以将文字、图画、声音和视频融于一体，最终构成有声有色，品位独特的具有交互功能的动画效果。
使用Flash可以作出梦幻般的动画效果.
2、Flash动画的特点：
a.动画文件非常小，适合在网络上传输。
b.易学易用，功能强大。
c.交互功能强大，使用flash制作出的影片可以是观赏者轻松地参与到故事情节中，因此使用flash可开发出许多好玩的游戏。
d.流媒体格式。
可以边下载边观看（无需完全下载完在进行播放）
e.用Flash作出来的动画是矢量动画（当把它放大时,它依然很清晰）,而不象一般的gif格式和jpf格式的图象,放大时,看到的是一个个方形的色块.
3、Flash动画的应用：
a、引领多媒体课件制作的新概念。
b.Flash还可以应用于产品展示，宣传广告方面。
c.制作MTV。
d.开发各种交互式游戏
4、Flash动画产生的原理：
一幅幅静态图象（帧）————形成连续运动的动画。
快速播放
原理：
图象迅速播放使得人眼很难觉察出短暂的时间间隔。
5、FlashMX的三种文件格式：
a.fla源文件，可在flash中打开修改。
b.swf发布文件，不包括原始的冗余的信息，只包含与动画播放有的必要信息。
所以，swf文件不可用flash在重新打开修改.
c.exe文件中包含了flash播放器和swf内容的程序，它不需要播放器就可直接浏览。
第二课时
组织教学
复习提问
上节课所学的内容。
1.菜单栏
菜单栏位于主界面的顶部，它由9组菜单命令组成。
掌握了菜单栏中命令的使用，就掌握了FLASHMX饿基本操作。
2.工具箱
工具箱位于主界面的左侧。
工具箱中提供了选择、绘画、文字及修改的常用工具。
以后我们在学习中不断对工具箱中的工具做介绍。
3.时间轴
时间轴位于菜单栏的下面，它由两部分组成，左边的不凡用来对图层进行操作；右边的部分对帧进行操作。
在时间轴中可以很方便地对层或帧进行选择、编辑、控制以及设置。
4.舞台
舞台是进行动画创作的工作区域，它位于主界面的中央，占据了比较大的空间。
在舞台中可以对当前帧的内容进行编辑。
5.面板
面板位于主界面的底部和右侧，每一个面板都提供某一方面的功能。
其中，位于主界面底部的是属性面板，是我们经常用到的面板，它可以根据当前对象的不一样，显示不同的属性面板。
六、练习
1.观察FLASH菜单与WORD菜单的区别与联系。
2.熟悉FLASHMX的工作环境
七、小结：
教学后记：
第二节我是小画家——绘图工具
一、教学目标:
知识目标：
1.绘图工具的种类
2.绘图工具的使用方法
能力目标
能够熟练使用各种绘图工具
情感目标
培养学生浓厚的学习兴趣，引导学生探索性自主学习，培养学生创新精神及能力。
二、教学重点与难点:
学习使用绘图工具
三、教学方法:
实例演示法
四、教学手段与教学媒体
多媒体网络教室。
五、教学课时:
1课时
五、教学过程:
导入：
Flash基础绘图工具
在计算机绘图领域中，根据成图原理和绘制方法的不同，分为矢量图和位图两种类型。
矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。
因此，矢量图与分辨率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差.
如位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。
基
Flash提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色。
在本节里，我们学习线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具的基本用法。
1．绘制和处理线条
【线条工具】是Flash中最简单的工具。
现在我们就来画一条直线。
鼠标单击【线条工具】，移动鼠标指针到舞台上，在你希望直线开始的地方按住鼠标拖动，到结束点松开鼠标，一条直线就画好了。
【线条工具】能画出许多风格各异的线条来。
打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图2-1-2所示。
在图2-1-2所示的【属性】面板中，单击其中的【笔触颜色】按钮，会出现一个调色板对话框，同时光标变成滴管状。
用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值。
颜色以#开头，如#99FF33。
现在来画出各种不同的直线。
单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图2-1-4所示。
方便观察，我们把粗细定为3象素（pts），选择不同的线型和颜色，来看看我们画出的线条，如图2-1-5所示。
试一试改变它的各项参数，会对你的绘图有很大帮助。
【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。
用【滴管工具】单击上面的直线，看看【属性】面板，它显示的就是该直线的属性，而且工具也自动变成了【墨水瓶工具】，如图2-1-6所示。
使用【墨水瓶工具】单击其它线条，看看什么结果：
所有线条的属性都变成了和滴管工具选中的直线一样了。
如果你需要更改这条直线的方向和长短，Flash也为我们提供了一个很便捷的工具：
【箭头工具】。
【箭头工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。
单击选择【箭头工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变直线的方向和长短，如图2-1-7所示。
如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。
这是一个很有用处的功能，在我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的曲线，如图2-1-8所示。
2．实例演练——画一片树叶
现在我们就来实践一下，练习画一片树叶。
打开FALSH软件，系统会自动建立一个FLASH文档，在这里我们不改变文档的属性，直接使用其默认值。
（1）新建图形元件
执行【插入】|【新建元件】命令，或者按快捷键CTRL+F8，弹出创建新元件对话框，在【名称】文本对话框中输入元件名称“树叶”，【行为】选择“图形”，单击【确定】按钮，如图2-1-9所示。
这时工作区变为“树枝”元件的编辑状态，如图2-1-10所示。
说明：
图形元件是Flash的基本元素，有关它的详细内容请参阅第4章的有关内容。
（2）绘制树叶图形
在“树叶”图形元件编辑场景中，首先用【线条工具】画一条直线，【笔触颜色】设置为深绿色，如图2-1-11所示。
然后用【箭头工具】将它拉成曲线，如图2-1-12所示。
再用【线条工具】绘制一个直线，用这条直线连接曲线的两端点，如图2-1-13所示
用【箭头工具】将这条直线也拉成曲线，如图2-1-14所示。
一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点间画直线，然后拉成曲线，如图2-1-15和图2-1-16所示。
边的细小叶脉，可以全用直线，也可以略加弯曲，这样，一片简单的树叶就画好了，如图2-1-17所示。
（3）编辑和修改树叶
如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行【编辑】|【撤销】命令撤销前面一步的操作，也可以选择下面更简单的方法：
用【箭头工具】单击你想要删除的直线，这条直线变成网点状，说明它已经被选取，你可以对它进行各种修改，如图2-1-18所示。
要移动它，就按住鼠标拖动，要删除它，就直接按DEL键。
按住SHIFT键连续单击线条，可以同时选取多个对象。
如果要选取全部的线条，是否得按住SHIFT键挨个点击呢？
不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全部选中了，如图2-1-19所示。
说明：
在一条直线上双击，也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。
（4）给树叶上色
接下来我们要给这片树叶填上颜色。
在工具箱中看到这个【颜色】选项了吗？
如图2-1-20所示
单击【填充颜色】按钮，会出现一个调色板，同时光标变成吸管状，如图2-1-21所示。
说明：
你除了可以选择调色板中的颜色外，还可以点选屏幕上任何地方吸取你所需要的颜色。
如果你觉得调色板的颜色太少不够选，单击一下调色板右上角的【颜色选择器】按钮，会弹出一个【颜色】对话框，其中有更多的颜色选项，在这里，你能把选到的颜色添加到自定义颜色中，如图2-1-22所示。
在【自定义颜色】选项下单击一个自定义色块，该色块会被虚线包围，在【颜色】对话框右边的【调色板】中单击你喜欢的颜色，上下拖动右边颜色条上的箭头，移到你需要的深浅度上，单击【添加到自定义颜色】按钮，这个色块就被你收藏起来了。
下一次要使用时，打开这个【颜色】面板，在自定义色中可以方便的选取你中意的颜色。
好了，现在我们在调色板里选取绿色，单击工具箱里【颜料桶工具】，在画好的叶子上单击一下，看看什么效果，如图2-1-23所示。
只有一小块颜色？
原来，这个颜料桶只能在一个封闭的空间里填色。
取消刚刚的填色，现在我们用【橡皮工具】将线条擦出一个缺口，再看效果，如图2-1-24所示。
你看，残缺线条的两边都填上了颜色。
好，我们还是一块一块的填上颜色吧。
但是在填充颜色前，你一定要将树叶图形恢复到使用【橡皮工具】擦除操作前的模样哦。
这时，你可能会想，如果我们刚才先填充颜色再画叶脉就省事多了。
是的，你想得一点没错！
没关系，随着操作的增加，我们的经验会越来越丰富的。
最后填充完的效果如图2-1-25所示。
至此，一个树叶图形就绘制好了。
请你执行【窗口】|【库】命令，打开【库】面板，你将发现【库】面板中出现一个“树叶”图形元件，如图2-1-26所示。
说明：
【库】面板是存储Flash元件的场所，我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里，这里的元件可以拖放到场景中重复使用。
有关【库】面板的详细内容请你参阅第4章的相关内容。
（5）【颜料桶工具】选项
单击【颜料桶工具】后，在工具箱下边的【选项】里有四个选项，可以根据自己的需要来确定，读者可以自己试一下，如图2-1-26所示。
说明：
【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充，注意不能作用于线条。
选择【颜料桶工具】后，在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项，如图1-2-11所示。
其中，【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充；【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充；【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充；【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。
但在Flash中，即使中大缺口，值也是很小的，所在要对大的不封闭区域填充颜色，一般用笔刷。
3．【刷子工具】的用法
【刷子工具】可以随意地画色块。
当你单击工具箱中的【刷子工具】后，工具箱下边就会显示它的【选项】，我们先看看它的【选项】，如图2-1-27所示。
在这里，我们可以选定画笔的大小和样式以及它的填色模式。
读者可以自己选取不同的大小和样式练习练习，先找一找感觉。
下面我们利用刚刚画成的树叶来详细讲解它的填色模式。
在图2-1-27所示的【选项】下单击【填充模式】按钮，则弹出填充模式下拉列表，如图2-1-28所示。
（1）标准绘画
选择【刷子工具】，并将【填充颜色】设置为黄色，当然也可以是其它色。
先选择【标准绘画】模式，移动笔刷（当选择了【刷子工具】后，鼠标指针就变为刷子形状）到舞台的树叶图形上，拖动鼠标在叶子上乱抹几下，观察一下效果，如图2-1-29所示。
你能发现，不管是线条还是填色范围，只要是画笔经过的地方，都变成了画笔的颜色。
（2）颜料填充
选择【颜料填充】模式，它只影响了填色的内容，不会遮盖住线条，如图
（3）后面绘画
选择【后面绘画】模式，无论你怎么画，它都在图像的后方，不会影响前景图像，如图2-1-3所示。
（4）颜料选择
选择【颜料选择】模式，你先用画笔抹几下，好象丝毫不起作用。
这是因为我们没有选择范围。
用【箭头工具】选中叶片的一块，再使用画笔，你看，颜色就上去了，如图2-1-32所示。
（5）内部绘画
选择【内部绘画】模式，在绘画时，画笔的起点必须是在轮廓线以内，而且画笔的范围也只作用在轮廓线以内.
小结
教学后记：
第三节五彩斑斓的文字世界——文字效果
一、教学目标:
知识目标：
学习Flash中文本工具和渐变色的使用，掌握文字制作的一些基本技巧。
能力目标
能够学会各种文字制作的方法
情感目标
培养学生浓厚的学习兴趣，引导学生探索性自主学习.
二、教学重点与难点:
掌握文字制作的基本技巧
三、教学方法:
实例演示法
四、教学手段与教学媒体
多媒体网络教室。
五、教学课时:
3课时
六、教学过程:
导入：
彩虹文字
第一步：
打开Flash建立一个新文档，把舞台设为黑色。
建立二个图层，把图层1命名为“彩虹条”，图层2命名为“文字”。
（因为文字不动一定要把它放在一层，我们要条动，通过彩虹条动过把文字秀出来，所以要把它放在下层）。
第二步：
单击“文字”图层第一帧，单击“文本工具”转入文字，我这里转入的是“欢迎来到山里人网站”，然后调整好文字大小和位置，然后在15帧处“插入帧”（不是关键帧啊，因为文字不动又不用建立动画，不必要插入关键帧的）。
第三步：
单击“彩虹条”图层第一帧，单击“矩形工具”在“颜色”栏中“笔触颜色”选无，“填充色”选“五彩色”画出一块彩虹条（画好的彩虹条宽要能复盖住文字，长要长出文字一点），然后打开“混色器”按照你的爱好增加色彩块。
我做的是下面这个样子的，见下图：
第四步：
把制作好的“彩虹条”放在文字上，让它复盖住文字，右边横的一头长出文字一点。
然后在15帧处插入“关键帧”，第5帧、第10帧处同样插入“关键帧”，并分别创建“补间动画”。
单击“第二个关键帧”，把“彩虹条”向左移动一点，单击“第四个关键帧”把“彩虹条”向右移动一点。
（注意：
移动“彩虹条”时不要让“彩虹条”超出文字，最好你用键盘“方向键”来操作。
我这里是加了4个关键帧，你也可以加3个就得了。
你想要文字闪动快点，你就选短点帧数，想要闪慢点你就选长点帧数啰）。
第五步：
导出影片看结果。
是不是很爽？
不像我制作的？
呵呵，差点忘记，请你在“文字”图层上右击，在弹出的菜单中选“庶罩层”，好OK了，（一般制作歌词时，最好在后台里做好MC然后
第2课时
中空文字
组织教学
复习提问
上节课所学的内容。
知识点：
1文字工具的使用：
2墨水瓶的应用。
制作过程：
1.新建一个FLA文档，属性400*150，背景黑色，其他默认，确定。
2.点一下时间轴中图层1的第一贞，然后再点一下工具栏里的文字
工具‘A’，在属性中选‘黑体’字，大小90，颜色红色。
如图：
3.在工作区输入‘缘分天空’四个字。
点窗口———对齐面版，
水平中齐，垂直中齐。
4.选黑尖头工具，到场景中选中这四个字。
点修改——分离——分离
（或CTRL+B2次），打散。
如图：
5.点墨水瓶工具，属性笔触颜色‘绿色’，实线，笔触高度‘2’。
6.在工作区中每一个字的边缘点一下，效果如图
7.选黑尖头工具，将文字中间的填充部分删除，只留下文字边框。
8.保存FLASH文件和SWF文件。
第3课时
组织教学
复习提问
上节课所学的内容。
此实例的实现的是带荧光文字效果，在制作过程中主要使用了渐变填充等工具，通过简简单单几样工具便创造出了漂亮的文字特效。
难点就在于图形、色彩编辑的技巧和填充工具的使用。
通过对文字边框进行柔化处理，产生具有霓虹灯效果的荧光文字。
最终播放效果如图1所示，要实现这一效果，具体制作过程如下：
1.新建一个电影，在属性面板中设置其尺寸为480pxX150px,选择一种颜色（本例为#000099）作为背景色。
2.从工具箱中选取文本工具，在属性面板中设置字体类型设置成VladimirScrD，字体大小设置成100,在舞台上输入“Flashghost”。
选择工具栏中箭头工具，将文字移动到工作区中间。
按键盘的“Ctrl+B”键，将文字打碎。
分离文本
3.选择工具栏中墨水瓶工具，将墨水瓶工具参数栏中线条颜色设置成明黄色，线条宽度设置成1.0,将鼠标移动到工作区中，鼠标光标将变成墨水瓶形状，用鼠标依次点击文字边框，文字周围将出现明黄色边框。
为文本描边
2.按Delete删除填充区域
删除坛区域
4.选择工具栏中的箭头工具，按住键盘上的Shift键，依次双击每个字母外的明黄色边框，将他们全部选中，选择菜单“修改/形状/将线条转换为扩充”菜单命令，黄色边框被转变成可填充区域。
5.选择菜单“修改/形状/柔化填充边缘”，再按照如图所示的参数设“置柔化填充边缘”对话框，进行如图5所示，点击“确定”按钮，关闭对话框。
6.选择工具栏中箭头工具，在工作区的空白处点击鼠标，取消对文字边框的选择。
这时可以看到，明黄色边线两边出现了模糊渐变，保存作品，按“Ctrl+Enter”预览最终效果，就可以看见漂亮的荧光文字效果。
小结
本章通过学习Flash的设计工具，再结合一个个生动有趣的案例来熟悉Flash工具箱中各种工具的使用方法及相关属性的设置，通过对这些案例的学习，使学生在乐趣中学到知识，掌握知识，运用知识，为将后的动画制作打下牢固的基础。
教学后记：
第二章小试身手——简单动画
第一节步步为营——逐帧动画
一、教学目标:
知识目标：
1.创建逐帧动画的几种方法教学
2.简单动画的制作方法
能力目标
学会用绘制的图形来制作“逐帧动画
情感目标
体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。
二、教学重点与难点:
简单动画的制作方法
三、教学方法:
演示教学法
四、教学手段与教学媒体
多媒体网络教室。
五、教学课时:
2课时
六、教学过程:
导入：
从本单元起，我们将逐渐给大家介绍Flash中的五种常见的动画形式：
逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。
本节着重介绍逐帧动画（FrameByFrame），这是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。
由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：
因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。
1．逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
逐帧动
升级会员 