8B第2课 走进Flash
一、编写意图
在前一课的学习中、学生了解了动画的基本原理和发展历程,对Flash界面也有了初
步的认识。为了让学生系统地了解门ush软件的相关知识,并着手制作能"动起来"的动画
作品。因此安排"走进Flash"为本课的学习内容。
要用Flash制作动画,首先要对Flash软件界面有较系统的学习,如菜单栏、工具栏的
熟悉和时间轴的认识,flash文档中舞台大小的设置和背景颜色的选择,等等。为了激发学
生兴趣,让学生能在学习Flash软件伊始就尝试创作并体验有动感的作品,本课安排了
认识Flssh、设置文档属性和制作动画三块学习内容,为以后顺利学习相关知识和制作作品打下基础。
在"认识Flash"中,通过一张Flash界面的示意图,让学生直观系统地了解Flash的界
面组成。"时间轴"是Flash中独特而重要的组成部分,故事情节的发展都在时间轴上体现,
“知识链接”中给出了时间轴的概念说明,旨在让学生对这一知识有更到位的认识,为而后
动画作品的顺利制作做好铺垫。
所有的动画内容都是在舞台上完成的,制作一个动画前首先要确定舞台大小、控制动
画播放速度等。因此,在制作动面前首先要对舞台进行设置。控制动画播放速度则涉及到
“帧频”的概念,安排在相应的"知识链接"中。
设置好舞台后就可以开始制作动画。动画有逐帧动画和补间动画,本单元以制作逐帧
动画来学习基本的动画制作技能。制作逐帧动画,先要把制作逐帧动画的外部素材导人到
库中,所涉及"库"的概念安排在相应的"知识链接"中。然后,要把库中的素材应用到舞台
中形成逐帧动画,需要进行插入关键帧、拖放图片到舞台等操作。
教学范例采用"声音数字化"动画作品中花儿摆动的一个小情景,让学生学习导入图
片、插人关键帧、拖放图片到舞台等操作技能,完成一个简单的逐帧动画制作。
教材中的示例只给出两帧动画的制作。为了让学生能即时巩固相关的操作技能,在
"亲身体验"中让学生尝试制作更多帧的动画,在随堂练习中,让学生利用上一课练习下载
的图片来制作富有个性化的逐帧动画,也与第一课的内容编排相呼应。
二、教学目标
1.通过Flash软件界面的熟悉和Flash文档属性的设置,进一步熟悉Flash软件及其
基本功能。
2.通过制作简单的逐帧动画作品,学会与时间轴、库、关键帧等有关的操作。
3.在制作简单的逐帧动画过程中,初步体验让动画"动起来"的制作过程。
三、重点难点
教学重点:完成一个简单逐帧动画的制作,体验制作逐帧动画的全过程。
教学难点:理解时间轴、厍、关键帧等概念。
四、环境与素材
1.网络教室。
2.Flah CS3软件。
3.五个摆动的花儿图片文件。
4.设置好“作业"文件夹,确保学生能够顺利上交作业。
五、教学设计
一、 播放视频,引入新课
在上课之前,我有一群可爱的小伙伴想出来向大家展示一下才艺,让我们一起来欣赏一下。(教师播放视频,兔斯基-甩葱歌)
大家平时上网有没有看过类似的动画,大家说说看。(学生举例)大家想不想也做出一个有趣的动画呢?其实,制作视频不难,我们今天就一起学习一下如何制作一个视频。
二、介绍flash的工作界面
上一堂课,我们初步认识了一下flash,今天我们再一起熟悉一下flash这个软件的操作界面。(出示ppt,flash的工作界面)
1、主菜单
主菜单共有10项,包含了所有可能用到的菜单命令,用来完成文件操作、对象的插入和编辑、动画的播放控制等。
2、时间轴
时间轴用来把动画内容按照时间和空间顺序进行排列,并且控制内容的显示和角色的出场顺序,是安排动画的主要功能区。
3、工具箱
工具箱位于界面的左侧,包含了常用的工具以及相关的选项,用来辅助用户完成选择、绘图、编辑、填色等任务。
3、舞台和工作区
中间的白色区域叫做舞台,舞台周围的浅灰色区域即工作区。舞台是“角色表演”的地方,是最终所发布动画的可视区域。工作区则是放置备用设计元素的地方。
注意事项:位于工作区的内容将不会显示在最终的动画中。
4、面板
面板用来控制对象的各种属性,提供工具和对象的相关信息或完成其他特殊的功能。面板的作用包括排列对象、添加行为和组件修改颜色和渐变等。
属性面板:对文档属性进行基本设置。
三、设置文档属性
在制作flash之前,我们要先对flash进行属性设置。
请同学们根据书本8-9页的书本,自主学习完成任务清单中第一个任务。完成之后,我请一个同学上来演示一遍。
四、制作动画
(1)、介绍flash里的三种动画
完成文档属性的设置之后,我们就要正式的进行动画的制作了。Flash动画分为逐帧动画、形状补间动画和动作补间动画。其中,逐帧动画是较为基础的动画。逐帧动画是指在每个关键帧上都有变化的动画,即直接由一系列相互关联的图片制作而成的动画。其中,图片可以直接在flash中绘制,也可以导入。
(2)、图片导入库
1、将图片导入到“库”
(1)单击菜单栏中的“文件” “导入” “导入到库”,弹出“导入到库”对话框
(2)选择需要的图片,再单击“打开”按钮,就完成图片的导入
任务二:将“图片素材”文件夹中的素材导入“库”
什么是“库”?
温馨提示:FLASH中的“库”是用来存放素材的地方。
(3)将图片制作成动画
将图片导入库后,我们就要开始学习如何将这些图片制作成动画了。选中第一帧,把第一张拖到舞台的中间,选中第二帧,鼠标右键-插入空白关键帧,把第二张图片拖到舞台同一个位置,第三张。接下去请同学们利用老师提供的图片素材,完成前面6张的动画制作。(学生操作)
大部分同学都完成的差不多了。我请一位同学上来为大家演示一下。
我们一起播放下这个视频,你们觉得有什么问题?
有同学说,几张图片的位置没有放在一起,接下去,老师教你们一个方法,将他们可以放在同一个水平位置。选中第一帧,再选中第一张图片,查看属性面板,将X值改为90,Y改为16,。接着对第二张图片进行设置。请同学们接下去完成第四个任务。
同学们完成的差不多了,请同学们完成后面6张图片逐帧动画的制作(学生制作,教师指导)
同学们完成的差不多了,大家的播放速度都是一样的,我们如何去改变动画的播放速度呢?我们试着改变帧频,你们自己去试试,先将帧频改为5fps播放试试,再将帧频改为25fps试试。你们通过试验发现了什么? 帧频越大,播放的速度也会越快。
请完成的同学,将文件以“班级+学号+姓名.fla”作为文件名保存到桌面,并且上交。
若有时间,就对学生上交的作品进行点评。