初中flash教案.docx
《初中flash教案.docx》由会员分享,可在线阅读,更多相关《初中flash教案.docx(39页珍藏版)》请在冰点文库上搜索。
初中flash教案
1.1初识Flash
教学重点 1、了解Flash软件
2、了解Flash的工作环境
教学难点 Flash工具箱的使用
教学目标 1、初步了解Flash,并对Flash动画产生兴趣
2、掌握Flash软件启动与退出的方法
3、熟悉Flash的工作环境
4、会正确使用Flash工具箱绘制简单的动画对象
计划课时 1课时
教学过程 一、新课导入
展示几个非常有趣的Flash动画,激发学生兴趣
同学们我们本学期要学习的就是Flash动画,刚才这几个有趣的动画就是通过Flash软件制作出来的,那么首先我们就一起先来熟悉一下Flash软件。
二、新授
1、Flash软件简介
Flash是一款矢量动画制作软件,该软件的应用领域相当广泛,它与Macromedia公司的另外两个产品——Dreamweaver和Fireworks并称为“网页设计三剑客”,足见它在网络中的重要地位。
目前,几乎所有网站上都可以看到Flash动画的身影。
作为一种颇受欢迎的新兴行业,其技术发展一日千里,也给许多人带来了实际利益。
目前,一个优秀的商业Flash动画价格可达300元/秒,面对这样的前景,成为一名优秀的“闪客”便成为许多人奋斗的目标。
学会Flash动画的制作后,你可以在以下行业中发挥一技之长。
广告业:
手机广告、化妆品广告、房地产广告、汽车广告
动态网页制作:
企业网站、学校网站、个人网站
MTV制作:
为网上流行歌曲制作动画场景
游戏开发:
益智类游戏、战略类游戏
导航条:
Flash的按钮功能非常强大,是制作菜单的首选
小游戏:
利用Flash开发“迷你”小游戏,在国外一些大公司比较流行,他们把网络广告和网络游戏结合起来,让观众参与其中大大增强了广告效果
产品展示:
由于Flash有强大的交互功能,所以一些大公司,如Dell、三星等,都喜欢利用它来展示产品。
可以通过方向键选择产品,再控制观看产品的功能、外观等,互动的展示比传统的展示方式更胜一筹
2、启动与退出Flash软件
(1)启动
开始菜单选择程序再选择“Flash8.0”,或者双击桌面上的快捷方式图标
(2)退出
选择【文件】→【关闭】命令。
按【Ctrl+W】键。
单击舞台右上方的“关闭”按钮。
3、Flash的工作环境
(1)与其它软件相同的部分
标题栏、菜单栏、工具栏
(2)与其它软件不同的地方
①时间轴面板
左侧:
图层控制区
右侧:
帧控制区
②属性面板
③舞台
④库面板
⑤工具箱
重点工具介绍:
铅笔工具:
勾画图形的轮廓
线条工具:
绘制不同角度的直线
椭圆工具:
绘制正圆和椭圆
矩形工具:
绘制正方形、矩形和圆角矩形
文本工具:
为Flash添加文字
油漆桶工具:
设置对象的填充色
4、示范制作(小蜜蜂)
(1)设置文档属性
属性面板:
大小400*300
背景色蓝色
(2)绘制小蜜蜂
使用工具:
圆形工具、选择工具、油漆桶工具
曲线的绘制:
直线工具+选择工具
任意变形工具和放大镜工具
三、学生练习
(1)运用工具箱绘制书第二页图1.1左边的熊猫图
(2)文档大小:
500*350
(3)正确保存文件至自己的作业文件夹中
四、小结
Flash动画中的对象都要使用工具箱进行绘制请同学们多联系多实践多总结
五、课后反思
本节课引课部分效果非常好,通过几个Flash动画的欣赏极大的调动了学生的兴趣,介绍Flash工具箱时与photoshop的工具箱相联系相对比,让学生在第一次接触Flash软件时有时曾相识的感觉,掌握起来很快,本节课的不足之处在学生练习时还应进一步的加强指导,告诉学生操作的要点和易范的错误,在绘制大熊猫时要让学生多一些耐心,细致的去绘制大熊猫而不能匆匆了事或者比例不对称。
1.2逐帧动画
教学重点 1、逐帧动画概念
2、对关键帧的理解
教学难点 逐帧动画制作过程
教学目标 1、了解Flash中帧的类型
清楚在什么情况下使用什么样的帧
计划课时 1课时
教学过程 一、新课导入
上节课大家制作了可爱的大熊猫,那么有没有同学能够告诉我大熊猫喜欢吃什么呢?
【观看Flash动画】
二、新授
1、逐帧动画概念
逐帧动画是指位于同一图层的多个连续关键帧组成的动画,制作者需要在动画的每一帧中创建不同的内容
2、逐帧动画的制作方法
每个帧都定义为关键帧,然后给每个帧创建不同的图像
3、Flash中的动画类型
分为以下两种:
逐帧动画和补间动画
4、Flash中帧的类型
1、普通帧:
【实例演示】
(1)位置:
往往跟在一个关键帧之后。
(2)作用:
起到延长关键帧的播放时间的效果。
普通帧里的对象是静态的。
(3)插入方法:
点击关键帧之后的帧,在不松开左键的前提下,向后拉。
这一步是想设置想插入普通帧的区域。
松开左键,点击右键,在快捷菜单中点击“插入帧”。
(4)讨论要想让一个画面保持一段时间而不是一闪即逝,就采用普通帧。
插入的普通帧越多,在主时间轴上占用的时间越长,播放的时间也越长。
2、关键帧:
【实例演示】
(1)插入方法:
构思好要希望插入关键帧的位置,右键点击。
在弹出的下拉菜单中点选“插入关键帧”。
(2)作用:
关键帧是制作动画的基本元素。
任何一段动画,都是在两个关键帧之间进行的。
(3)应用:
插入关键帧,目的就是创建动画。
要想在两个关键帧之间创建动画,可以在两个关键帧中间的任意一个帧上,点击右键,在弹出的下拉菜单中,选“创建补间动画”,这时创建的是动作类的动画。
如果想创建“移动补间动画”即“变形动画”,必须在帧属性面板中的“补间”选项中,点向下的箭头,在弹出的类型中选“移动”。
3、空白关键帧 【实例演示】
(1)插入方法:
构思好要希望插入空白关键帧的位置,右键点击。
在弹出的下拉菜单中点选“插入空白关键帧”。
(2)作用:
与“关键帧”刚好相反。
通过空白关键帧,可以结束前面的关键帧,以便重打锣鼓另开张,为创建下一段新的动画打基础。
(3)应用:
空白关键帧是一张白纸,需要画上新的图形或插入新的元件实例,才能发光。
当在它上面创建了一些对象之后,其实它又变成“关键帧”了,又可以创建新的动画了。
5、实例演示(一只吃掉的苹果)
(1)在第一帧绘制一只完整的苹果
(2)在第二帧插入关键帧
使用橡皮擦工具擦去苹果的一部分
(3)再次使用橡皮擦工具在原来的基础上再擦去一部分
【提问】注意观察此动画有什么不妥之处?
提示:
吃的速度太快了
解决方法:
在相邻两帧间插入普通帧!
插入帧可保持与前一帧一致的内容!
(4)调试完毕测试影片
按回车键预览动画效果
(5)测试完毕,保存动画
“文件”选项选择另存为,将文件保存
三、学生练习
制作逐帧动画:
熊猫喜爱竹子
注意调整帧见的变换时长
四、小结
我们奇妙的Flash之旅就从逐帧动画处拉开了序曲,这将是一次新奇愉快的学习之旅,期待你的加入,让我们来一同感受Flash动画为我们带来的乐趣吧!
五、课后反思
本节课内容有趣,学生兴趣很高,顺利的完成了本节课的教学目标,效果很好!
这节课最成功的地方是整个教学过程的安排,记录如下:
先观看苹果吃掉的效果让学生产生兴趣,再介绍制作此动画的动画类型也是本节课学习的内容---逐帧动画,讲解逐帧动画概念观看形象的翻书效果,在打开苹果源文件给学生讲哪个是关键帧(实心圆点),让学生观察每个关键帧中内容是否相同(不同),制作吃掉苹果的动画同时介绍帧面板,并引入空白关键帧的概念,制作完毕后让学生自己发现问题(吃的太快),此时引入普通帧,最后做一拓展:
打字效果,让学生思考打字效果用逐帧动画怎样制作出来。
1.3多层动画
教学重点 1、Flash中层的概念
2、Flash中层的作用
3、Flash中层的重要性
教学难点 对Flash中层的理解
教学目标 1、了解Flash中层的概念
2、了解Flash中层的作用
3、掌握多层动画的制作方法
教学方法 演示法任务驱动法归纳小结法
计划课时 1课时
教学过程 一、复习旧知
提问:
怎样制作逐帧动画?
复习:
逐帧动画是指由位于同一图层的许多连续关键帧组成的动画,制作者需要在动 画的每一帧中创建不同的内容。
当动画播放时,Flash就会一帧一帧地显示每帧中的内容。
一个逐帧动画,动画中的每一帧都是关键帧。
复习吃掉的苹果的制作方法。
二、新课讲授
1、什么是层
一个层,就好比是一张透明的薄纸,每张纸上面画着一些图形和文字而一幅画就是由许多张这样的薄纸叠合在一起而成的
2、为什么要使用层(层的作用)
最上面的一层看得到最下面的一层,而修改其中的任一层却不会影响其余任何一层,这是层的概念的核心,又是层的作用所在,较高的一层浮在较低的一层之上,却又没有完全挡住下面一层,这是因为:
在每一层里,除了画有图形或文字的地方以外,画布的其余部分是透明的。
这就是层的一个特点:
层的相互独立性。
当我们只是修改其中的一个图层,其余的层丝毫也不会受到影响。
在Flash中我们如果对动画中某一个层不满意时,可以随意地修改它而不必担心会影响已做好的其他层,从而大大提高效率
3、插入图层的方法【演示】
方法一:
单击时间轴底部的"插入图层"按钮
方法二:
选择"插入">"时间轴">"图层"
方法三:
右键单击时间轴中的一个层名称,然后从上下文菜单中选择"插入图层"
4、图层的重命名
方法一:
双击时间轴中层或文件夹的名称,然后输入新名称。
方法二:
右键单击层名称,然后从上下文菜单中选择"属性"。
在"名称"文本框中输入新名称,然后单击"确定"。
5、实例演示【蜜蜂采蜜】
(1)新建文件并修改文档的属性
使用“文件”->“新建”命令,设置文档大小为300*300,背景颜色浅蓝色
(2)绘制蜜蜂图层
创建一个新图层更名为“蜜蜂”
【提问】观察书第9页图2.1中的蜜蜂,回答应该用哪几种工具绘制蜜蜂?
分别使用“椭圆工具”、“直线工具”、“铅笔工具”、“油漆桶工具”、“任意变形工具”、“选择工具”进行绘制
【提问】曲线应该怎样绘制?
“直线工具”+“选择工具”
【提问】圆形如何绘制?
shift键+椭圆绘图工具
【提问】图形大小如何调整?
使用“任意变形工具”
(3)绘制蜜蜂的翅膀
插入两个图层分别用来绘制两个翅膀
两个图层依次命名为:
“翅膀-内侧”和“翅膀-外侧”
使用绘图工具分别在两个图层中绘制内侧和外侧翅膀
6、绘制云彩图层
插入一个图层,命名为“云彩”,在此图层中绘制白色的云彩
7、绘制花朵图层
插入一个图层,命名为“花朵”,在此图层中绘制花朵
绘制过程中可采用复制粘贴操作
三、学生练习
制作书第9页的图2.1蜜蜂采蜜
四、小结
今天我们学习了多层动画,图层的作用就像你整理一个堆满东西的房间一样。
给房间里面东西归类有序摆放。
一个区域就相当于一个图层,当你要找某个东西的时候,可以很快的找到你要的东西,不至于杂乱无章。
五、课后反思
层的使用在Flash中起着至关重要的作用,本节课的目的就是要让学生了解层的作用,并建立分层制作动画的概念,渐渐养成分层制作动画的习惯。
本节课不足之处:
学生练习的内容安排不是很好,学生刚接触Flash制作蜜蜂采蜜有一定的困难,换成小飞侠会略微的简单一些并且易于操作。
成功之处:
用长方形、圆形和三角形同在一个图层时和分层时移动长方形作对比,让学生对层的作用一目了然并且很容易接受!
1.4导入图像并修改
教学重点 1、图像导入方法
2、分离图形的方法
3、套索工具的使用
教学难点 图形分离的应用
教学目标 1、会导入图片素材
2、会分离图形并进行正确的编辑
3、会正确使用套索工具以及魔棒工具选取图形
计划课时 1课时
一、新课导入
在制作Flash动画的过程中,常常需要用到不同类型的素材,如图片、声音、视频文件等,学会利用已有的素材制作Flash动画,不但可以节省手工绘图的时间,提高工作效率,还可以提高动画的质量,导入素材是制作Flash动画的基本操作,导入好的素材会使Flash作品更加生动,画面更加美观。
二、新课讲授
1、导入图片素材
在Flash中不但可以手工绘制图形,还可将外部的图片导入。
在Flash中,导入图片的具体操作如下:
(1)选择【文件】→【导入】→【导入到舞台】命令,打开【导入】对话框。
(2)在【查找范围】下拉列表框中选择要导入的图片位置,再在列表框中选中要导入的图片。
(3)单击“打开”按钮将图片导入到Flash场景中。
2、编辑图片素材
(1)在制作不同的动画时,可能需要不同格式的素材,所以需要对素材进行编辑。
转换位图为矢量图
位图通常比较复杂,而且文件较大,为了减小Flash动画的大小或便于操作,常常需要将位图转换为矢量图。
选择"修改'→"位图"→"转换位图为矢量图"命令,可打开"转换位图为矢量图"对话框。
(2)将图片中多余的部分除去----分离
在Flash中许多操作(改变位图的局部色彩或形状,进行位图的变形过渡动画制作)是针对矢量图形进行的,位图就不可以操作了。
位图必须经过分离也叫做打碎才能够操作和编辑。
操作步骤:
选中一个位图再单击“修改”->“分离”命令将位图分离
(3)套索工具的使用
套索工具是一种选取工具,使用的时候不是很多,主要用在处理位图。
选择套索工具后,会在选项中出现魔术棒及其选项和多边形模式,在场景里随意画一图形,选择套索工具,在选项里单击多边形模式,按你的需要单击鼠标,当得到你需要的选择区域时,双击鼠标自动封闭图形。
任意导入Flash中一个位图图像,执行修改->分离命令,或者按快捷Ctrl+B,将位图分离,用魔术棒单击你需要选择的色彩部分,利用上面叙述的方法可以将导入Flash中的位图图像的背景去掉。
具体方法是,将位图图像打散,用魔术棒选取位图背景,然后按下Delete键将背景删除。
3、实例演示:
熊熊之家
①修改文档属性:
600*180
②导入背景图像
现将图层1命名为:
背景,执行“文件”->“导入”->“导入到舞台”命令,将蓝色背景图片导入,使用任意变形工具调整图片大小
③制作边框
首先新建图层:
边框-深色,在使用长方形工具绘制一个橘红色的长方形,使用选择工具调整图形形状以及大小,再使用同样方法制作边框-浅色图层
④导入小熊图像并去除背景图像【重点演示】
执行“文件”->“导入”->“导入到舞台”命令,将小熊图片导入,选中图片,执行“修改”->“分离”命令,使用套索工具将白云选中,按Delete键删除多余的部分(魔术棒工具也可以达到此效果)
⑤录入文字部分
熊熊之家
制作要点提示:
多个图层,图片的导入以及图片的分离!
补充:
位图和矢量图
何谓矢量图像?
矢量图像,也称为面向对象的图像或绘图图像,矢量文件中的图形元素称为对象。
每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。
既然每个对象都是一个自成一体的实体,就可以在维持它原有清晰度和弯曲度的同时,多次移动和改变它的属性,而不会影响图例中的其它对象。
这意味着它们可以按最高分辨率显示到输出设备上。
何谓位图图像?
位图图像,亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。
这些点可以进行不同的排列和染色以构成图样。
当放大位图时可以看见无数单个方块。
扩大位图尺寸时线条和形状显得参差不齐,缩小位图尺寸也会使原图变形,简单的说位图图像是指放大后能看见锯齿状的边缘,而矢量图放大后看不见锯齿状的边缘。
三、学生练习
制作熊熊之家动画,体会图片导入及图片分离效果的制作要点
注意:
动画分层制作并将每个图层命名
四、小结
很多人在制作Flash的过程中都会遇到这样的问题,把图片导入FLASH后为什么都有背景的一块白色?
FLASH不支持透明图层吗?
怎么去掉背景色啊?
相信在学习了我们今天的内容之后,大家再遇到这样的问题就一定迎刃而解了!
五、课后反思
在Flash中导入图片在Flash动画的制作中是一个很常用的操作,本节课在关键步骤的讲解时放慢了速度,在最后进行了学生作品展示讲评进一步加深了对易错点的理解并提高了学习的兴趣
1.5形状补间动画
教学重点 1、形状补间动画的概念
2、形状补间动画的制作方法
教学难点 形状补间动画的应用
教学目标 1、进一步掌握关键帧和普通帧的使用
2、会分析简单的形状补间动画的例子
3、会正确制作简单的形状补间动画
计划课时 1课时
教学过程
一、新课导入
观看形状补间动画实例(进度条、礼花绽放)
二、新授
1、什么是形状补间动画
“形状补间动画”是补间动画的一种。
在改变一个矢量图形的形状、颜色、位置,或一个矢量图变形成为另一个矢量图的过程中,可以使用形状补间动画。
在形状补间动画中,只需创建起始和结束两个关键帧,中间帧则由Flash通过计算机自动完成。
在创建形状补间动画时,如果需要对组、实例或位图图像应用形状补间,则必须首先将这些元素进行分离
2、如何创建形状补间动画
创建形状补间动画方法:
在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并绘制另外的图形,再单击开始帧,在“属性”面板上单击“补间”旁边的小三角,在弹出的菜单中选择“形状”,此时,可以看到时间轴上发生了变化——淡绿色背景和箭头,一个形状补间动画即创建完成。
如果出现虚线,看看前后两个关键帧上是否存在非矢量图或别的元素,将其删除即可。
3、实例制作【演示】进度条
(1)图层1命名为“框”,编辑内容:
一个进度条的框和文字loading
(2)新建一个图层“颜色”,内容:
画一个颜色条长宽刚好和框的大小一致