Flash动画制作基础篇全本教学设计.docx
《Flash动画制作基础篇全本教学设计.docx》由会员分享，可在线阅读，更多相关《Flash动画制作基础篇全本教学设计.docx（51页珍藏版）》请在冰点文库上搜索。
Flash动画制作基础篇全本教学设计
FLASH动画制作教学设计
第一节Flash概述
课时安排
1课时
教学目标
1、确定课程目标、讲述学习内容、教给学习方法。
2、熟悉Flashcs3的界面。
3、熟悉FLASH的工作环境,
3、熟悉Flash动画的制作原理
教学重点
培养他们对于本课程以及本专业的热爱；了解什么是flash，熟悉flash工作界面。
教学难点
掌握动画原理以及Flash动画的制作原理。
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
一、情境导入：
教师给学生演示经典动画和教材中部分的案例动画由此引入课题。
二、讲述新课（讲授法、PPT演示）
（一）Flash课程介绍
1.1初识Flash
1．什么是Flash
是由美国Macromedia公司出品。
1998年推出Flash2，以后继续开发升级，很快就推出了Flash3。
1999年6月推出Flash4。
2000年9月发布了Flash5。
2002年3月推出了FlashMX。
2004年推出Flash2004MX。
2005年推出Flash8.0。
2005年4月18日Adobe以34亿美元收购Macromedia公司。
从此Macromedia品牌名称亦被Adobe取代。
1.2Flash应用领域
1.3Flash动画原理
1．动画原理
2．Flash动画制作原理
1.4Flash工作环境
1、舞台 就是工作区，最主要的可编辑区域。
在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。
2、时间轴窗口 用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。
3、绘图工具栏 放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。
在选择了某一工具时，其所对应的修改器（Modifier）也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。
4、标准工具栏 列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。
5、图库窗口 用以存放可以重复使用的称为符号的元素。
符号的类型包括有图片（Graphics），按钮（Button）和电影片断（MovieClip）。
其调用的快捷键为Ctrl-L。
6、控制器面板 控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。
例1：
使用工具制作“鱼”或“眼睛”
思考:
如何让“鱼”变成“眼睛”？
例2：
小球的直线运动。
步骤1：
在舞台上画出小球。
步骤2：
在第20帧上插入关键帧。
步骤3：
移动小球，使其开始位置与结束位置不同。
步骤4：
选择所有帧，创建形状渐变动画。
1.5动画的保存与发布：
1、保存动画：
依次点击“文件”菜单------“保存”———输入文件名，即可当前正在制作的影片保存到磁盘上。
注意保存的是Flash的源文件，其扩展名为.fla 。
2、动画的发布：
依次点击“文件”菜单——“发布设置”——“发布”即可。
注意发布后的文件扩展名为名为.swf，发布后的文件可用IE等打开。
首先向学生作自我介绍，然后介绍Flash课程性质、目标、考核方法以及学习方法。
结合生活，提示学生从生活，学习，娱乐的三个方面罗列flash的应用。
讲述层的概述时，可结合前期学习过的Photoshop中层的概念，这样学生头脑中就有了印象。
请学生注意动画制作的过程，并能自己制作上述两个动画。
注意flash的两种不同格式的文件，源文件和播放文件分别的打开方式
学生练习老师绘画选项卡、标尺、网格，教师辅导。
课堂小结
通过本单元的学习，使学生能了解Flash的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。
作业
实训一：
制作一片“树叶”
实训二：
制作一个“月亮”
教学反思
通过基本的图形制作，能够快速掌握工具按钮的使用，图形制作是动画制作的基础。
动画制作小球的滚动，掌握基本的动画原理。
课堂上教师讲解偏多，应更多的时间留给学生，多一些动手的过程更适合。
第二节绘图基础
课时安排
1课时
教学目标
掌握绘图基础知识；掌握选择工具的使用；掌握线条工具、椭圆工具、矩形工具和刷子工具的使用；掌握图形修饰工具和查看工具的使用
教学重点
绘图工具的使用和图形修饰工具的使用
教学难点
选择工具的使用
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
一、复习巩固
练习：
动手制作苹果
二、导入新课
打开绘制好的flash的图像，让学生欣赏，说明Flash有一个功能强大的绘图工具，可以绘制出完美的图形。
它使用灵活、简单易用，在大多数情况下都可以满足使用者的要求。
三、讲授新课（边操作边演示边讲解）
补充知识：
１、矢量图形和位图图像
２、线条和填充图形
矢量图形一般可以看成是由线条和填充物组成；
矢量图形的着色有两种：
线条的着色和填充物的着色；可以着单色，也可以着渐变色和位图。
３、绘制模式
（１）合并绘制模式
当你所绘制的线条穿过别的线条或图形时，它会象刀一样把其他的线条或图形切割成不同的部分。
同时，线条本身也会被其他线条和图形分成若干部分。
（２）对象绘制模式
注意：
选择用【对象绘制】模式创建的图形时，Flash会在图形上添加矩形边框。
使用【选择】工具移动对象，只需单击边框然后拖曳图形到舞台上的任意位置即可。
二者转换方式：
“修改”菜单/分离（Ctrl+B）
矢量图形的特点：
同色相融，异色相切。
2.1选择工具
１、选择工具
主要功能是选择对象，对对象进行变形等。
对象被选中后，选中部分会填充小的亮点。
基本操作有：
选取单一对象；选取多个对象；选取填充区和轮廓钱；选取连续线条；选取对象的某一区域；取消选择对象；移动对象；修改形状
2、部分选取工具
主要用于调整线条上的节点，改变线条的形状。
部分选取工具没有选项。
基本操作有：
删除节点；移动节点；角点转换为曲线点；调节曲率
3、套索工具
主要作用也是选择物体。
与选择工具不同的是，套索工具可以用来选取任何形状范围的对象，而选择工具只能拖出矩形的选取范围，因此它的功能更强一些。
2.2绘图图形工具
1、线条工具
线条工具的使用方法就是在舞台中确认一个起点后按下鼠标，然后拖动鼠标到结束点松开鼠标就可以了。
2、钢笔工具
钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、删除节点。
3、铅笔工具
铅笔工具的选项栏中除“对象绘制”按钮外还有一个“铅笔模式”按钮，单击此按钮弹出三种绘图模式：
伸直、平滑、墨水。
4、椭圆工具
所画出的椭圆分为两部分：
轮廓线与填充色块。
通过设置笔触颜色和填充色，能画出实心椭圆，空心椭圆和实心无边框椭圆。
椭圆工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。
5、矩形工具
矩形工具是一个工具组，包括矩形工具和多角星形工具，通过单击右下角的黑色三角进行切换。
矩形工具与椭圆工具用法相似，注意矩形圆角的设置。
使用多角星形工具可以绘制出不少于三个边的等边多边形。
注意选项的设置
6、刷子工具
刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形，也可以为各
刷子工具的选项栏有五个选项：
“对象绘制”种图形对象着色。
刷子的颜色由填充色设置。
、“刷子模式”、“刷子大小”、“刷子形状”和“锁定填充”。
7、橡皮擦工具
橡皮擦工具就像日常生活中使用的橡皮擦一样，用来擦除图形的线条和填充区。
橡皮擦工具的选项栏有三个选项：
“橡皮擦模式”，“橡皮擦形状”和“水龙头”
2.3修饰图形工具
1、墨水瓶工具
墨水瓶工具用于更改线条的颜色、线宽和样式等属性，线条的颜色可以使用纯色、渐变色以及位图图像，
2、颜料桶工具
与墨水瓶工具相对应，颜料桶工具的功能是更改填充区域的颜色。
它可以填充封闭区域或不完全封闭区域，填充时可以使用纯色、渐变色以及位图图像。
3、吸管工具
吸管工具用于拾取填充或线条的颜色值，选择吸管工具后，鼠标图标变成一个吸管，用吸管单击对象的任意位置，可获得此位置的颜色值及其它属性。
4、任意变形工具
使用任意变形工具可以对图形做出各种各样的变形，制作各种Flash特效。
选择任意变形工具后，在选项栏中有四个选项按钮
自动变形工具一共可以做出五种变形处理：
旋转、倾斜、缩放、扭曲和封套。
其中旋转、倾斜、缩放对所有的对象都有效，而扭曲和封套只对形状对象有效，对组对象、符号和位图都不起作用。
2.4查看工具
1、手形工具
2、缩放工具
综合实例
1、飞机2、表情符号
请学生回答几个问题
分别打开一幅矢量图形和位图图像进行放大观看，让学生观察结果
画两条线条，和两个形状来演示合并绘制模式下图形之间的相互影响
教师在屏幕上绘制几个图形，进行演示选择对象的方法。
注意：
填充区和线条。
请学生观察对象变形时光标的变化
教师演示，注意线条工具的选项设置
联系PS中钢笔工具的用法
请学生思考:
怎样绘制五角星？
提示学生注意铅笔与刷子工具的异同处
请学生上台体验不同擦除模式
分别设置选项中不同的属生设置演示填充有缝隙的图形
分别演示提取四种对象属性
课堂小结
本周主要介绍了flash绘图基础，基本绘图工具的使用和编辑工具的使用。
要注意的是，选择某种工具时，可以对它的属性进行设置。
要分清合并模式和对象模式的区别。
布置作业
1：
绘图帆船2、绘制作树
教学反思
通过实例操作讲解，找一些学生感兴趣的小表情，调动学生的学习积极性，主动参与到课程练习中。
布置一些扩展练习作业，让不同程度的学习能够根据自己的差异选择完成，达到分层教学的效果。
第三节编辑图像
课时安排
1课时
教学目标
使学生会合理的使用：
对齐、分布、匹配大小、间隔、相对于舞台等命令；
让学生巧秒应用切割融合组合叠放顺序的更改；
会应用变形面板、缩放和旋转对话框
教学重点
分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形面板、缩放和旋转对话框调节调整对象或者是画图
教学难点
分布面板上的各个按钮的操作原理；怎么样的巧秒的去就用粘图来进行图象的切割改变图象叠放顺序；变形面板中各个按钮的作用
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
一、复习旧课
1、作业提交，请同学演示
2、发现问题，总结强调
二、导入新课
师：
展示几个绘图实例，要完成这些实例，必须掌握FLASH中有些工具使用的技巧，这样才能增加动画设计的美感。
三、讲述新课〔讲授法演示法〕
3.1调整对象
1、排列对象
单击菜单中“窗口”|“对齐”命令，出现“对齐”面板。
对齐；分布；匹配；间隔
2、形状的切割融合组合叠放顺序的更改
1）形状的切割
Flash中将使用绘图工具绘制的图形称为形状。
Flash8新增了“对象绘制”按钮，在创建对象时如果选中“对象绘制”按钮，将创建独立的对象，与其他对象互不影响。
相反，如果在绘制图形时没有选取“对象绘制”按扭，则对象之间将会产生影响，对象能够被切割或融合。
举例：
直线分割椭圆矩形打孔
2）形状的融合
融合是将两个形状连在一起，此功能可创建绘图工具无法绘制的形状。
使用时要注意，进行融合的形状的颜色要相同，没有边框，并且不是独立的对象（即在绘制对象时没有按下“对象绘制”按钮）。
总结：
同色相融，异色相切，任何线条相条处均被切割。
3）组合对象
组合是将多个对象当作一个整体进行处理，可以更方便地对对象进行移动、变形等操作，还可以防止因为重叠而产生的切割和融合。
在编辑组合时，其中的每个对象均保持各自的属性以及与其它对象的关系。
•创建组合Ctrl+G
•编辑组合，注意组合编辑环境
4）对象的叠放顺序单击菜单中“修改”|“排列”命令
Flash中，组合对象或实例等独立对象在叠放时，有上下顺序之分，上面的对象可以覆盖下面的对象。
对象的上下顺序与创建时的次序有关，后创建的对象在先创建的对象上面。
绘图工具创建的非独立的形状没有上下顺序之分，不能进行叠放顺序调整。
例1风景画
例2斑马字
3.2变形面板、缩放和旋转对话框
1、变形面板
单击菜单中“窗口”|“变形”命令，可打开“变形”面板。
比例缩放调节旋转角度调节：
：
扭曲角度调节4.2.2缩放和旋转对话框
选定对象后，单击菜单中“修改”|“变形”|“缩放和旋转”命令，出现“缩放和旋转”对话框
2、翻转对象和对象的扩展与柔化
1）翻转对象单击菜单中“修改”|“变形”命令，弹出下一级子菜单。
2）对象的扩展与柔化
选中填充形状，单击菜单中“修改”|“形状”|“扩展填充”柔化对象的边缘
选中形状，单击菜单中“修改”|“形状”|“柔化填充边缘”命令
例3制作一朵七色花
例4制作一个暂停按钮
3.3混色器和填充变形工具
1、混色器
1）、笔触颜色
2）、填充颜色
3）、黑白颜色和交换颜色
4）、颜色值
5）、渐色面板和亮度
6）、Alpha
7）、预览框
8）、颜色类型：
无；纯色；线性；放射状；位图
2、调整渐变效果
1）填充变形工具：
更改渐变中心；改变渐变填充的宽度；旋转渐变填充；改变填充半径。
2）溢出
溢出Flash8的一个新增功能，当我们更改渐变中心或缩小渐变宽度时，会使图形的一部分或全部超出渐变的控制范围
3）锁定填充
在颜料桶工具和刷子工具的辅助选项里，有一个“锁定填充”的按钮
，它的作用是锁定渐变填充的区域。
如果不锁定，颜料桶填充颜色将在被分开的区域分别产生渐变；锁定后，则在整个区域产生渐变。
例：
制作带阴影的小球
教师绘制几个矩形分别演示对齐面板中的对齐、匹配、分布、间隔按钮的用法。
强调“相对于舞台”按钮的用法
举例说明:
直线分割椭圆矩形打孔
以一个椭圆和一个矩形融合举例说明
使用“缩放和旋转”面板缩放对象只能将选中的图形对象按宽和高的比例整体放大或缩小，不能只对水平方向或垂直方向分别放大、缩小。
课堂小结
1如何对Flash中的对象、图形进行编辑，以及图像导入等基本操作。
2准确、快速的进行图形的编辑和导入工作，在实践中为日后的动画提供栩栩如生的素材。
布置作业
1：
风车2、烛火
教学反思
第四节逐帧动画
课时计划
2课时
教学目标
掌握逐帧动画的制作技巧；了解什么时候适合使用逐帧动画；掌握制作变形动画的基本操作；能够利用添加变形提示点使动画效果更加美观。
教学重点
逐帧动画和形状动画的制作
教学难点
形状动画的制作
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
一、导入新课
展示简单动画实例“滚动的小球”，引入简单动画制作。
问题的提出：
1．什么叫动画？
2.动画的类型?
•动画：
就是由连续的画面，按照一定的时间顺序进行有序播放。
•制作动画有两种方式：
一种是逐帧动画，另一种是渐变动画。
在逐帧动画中，需要在每一帧上创建一个不同的画面，连续的帧组合成连续变化的画面。
渐变动画只需确定动画起点帧和终点帧的画面，中间部分的渐变动画由系统自动生成。
二、讲述新课
4.1动画制作基础
1、动画的基本原理：
（1）视觉暂留现象
物体在人眼前经过时在人眼视网膜上形成像，当物体消失时，它的像并不会立即消失而是要停留一段时间。
（2）计算机动画形成原理
利用人的视觉暂留现象，用连续的静态图片（相邻图片之间有稍微不同）按一定的速度运行起来，就形成了动画。
2、帧的基本概念：
（1）帧是组成动画的基本单位，每一帧即一个画面，Flash动画是以时间线为基础的帧动画。
（2）动画的播放速度（帧频）按帧/每秒计算，记作fps；
（3）Flashcs默认的动画播放速度是每秒12帧，fps速度的设置范围0.01fps~120fps。
3、在Flash中的帧有这样几种类型：
（1）关键帧：
动画中发生改变的画面也即关键画面我们称之为关键帧。
当创建逐帧动画时，每个帧都是关键帧。
在补间动画中，可以在动画的重要位置定义关键帧，Flash会创建关键帧之间的帧内容。
补间动画的插补帧显示为浅蓝色或浅绿色，并会在关键帧之间绘制一个箭头。
关键帧用实心圆表示。
（3）普通帧：
普通帧是延续前面相邻关键帧画面的时间，它的内容与紧邻的前关键帧画面一样。
（4）空白关键帧：
没有内容的关键帧。
用空心圆则表示该帧为空白的关键帧。
（5）补间帧（插补帧）：
在补间动画中，Flash会创建关键帧之间的帧内容，这些帧称为插补帧，显示为浅蓝色或浅绿色，并会在关键帧之间绘制一个箭头。
如图所示浅蓝色显示动画补间的补间帧，如图所示浅绿色显示形状补间的补间帧。
如图5-1
4、帧的基本操作
常用的帧操作有：
创建帧、选择帧、复制帧、粘贴帧、剪切帧、删除帧、反转帧。
5、Flash动画类型
Flash中可以制作三种动画：
（1）逐帧动画创建每帧动画的内容，然后逐帧播放
（2）形状渐变动画指两个图形对象的变换，其变化效果是由Flash控制的，其动画效果是从一个图形转换为另一个图形
（3）移动渐变动画指同一个对象不同状态的变化，其变化效果是由Flash控制的，常用于制作对象的位移、尺寸缩放、旋转、颜色渐变等效果
6、动画制作流程
⑴打开新影片文件并安排场景；
⑵插入动画元件（帧、图层等）；
⑶设定动画效果并测试动画；
⑷使用文件/保存命令保存扩展名为.fla的Flash动画文件；
⑸输出影片.swf
7、制作动画的注意事项：
（1）如果一幅动画中有两个或两个以上的不同类的对象同时运动，要把这些对象分别放在不同的图层上，使之各自独立，互不干扰。
（2）制作动画时，最好把一个动作单独放置在一个图层中，等这个图层制作好后，再制作另一个图层。
4.2逐帧动画的制作
逐帧动画：
在舞台上一帧一帧地绘制或修改图像，连续播放形成动画。
制作步骤：
1.单击层名称，使之成为当前层，选择层中的某一关键帧作为动画的起点。
2.创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图象或导入图象。
3.单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键帧命令或按F6键
4.修改舞台上的内容
5.重复步骤4、5，完成所有关键帧。
（如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，）
4.3绘图纸显示模式
通常情况下，Flash一次只显示动画序列中的一个帧。
如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。
在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。
绘图纸功能的使用：
1.单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的所有帧被重叠显示
2.单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓
3.单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧
4.要更改一绘图纸标记的位置，将指针拖到一个新的位置
5.单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示
4.4形状补间动画的制作
使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。
一．形状补间动画制作步骤
1.选择要制作动画的层；在动画开始播放的地方创建或选择一个关键帧
2.创建或放置图形对象或分离的组、位图、实例或文本块
3.在同一层上再创建一个关键帧，并选择该关键帧
4.选择在前一个关键帧中放置的图形执行以下操作之一
∙修改插图的形状、颜色或位置。
∙删除该插图，然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。
5. 在时间轴上选择第1个关键帧，从“属性”面板中的“补间”弹出菜单中选择“形状”
7. 要调整渐变过渡帧的变化速度。
可以拖动“扩大值”旁边的箭头或输入一个值．
注意：
∙变形对象必须在一个图层上，否则不能形成补间动画。
∙要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。
实例1：
数字变化
实例2：
波浪
实例3：
画矩形
课堂小结
1.掌握逐帧动画、形状补间动画的制作方法。
2.使学生能够灵活使用设置动画的基本方法并制作简单动画。
3.注意形状补间动画提示点的设置方法
布置作业
1、制作逐帧动画“倒计时”
2、制作逐帧动画“夜空下的烛火”
教学反思
第五节两种补间动画
课时安排
2课时
教学目标
掌握制作动作补间动画的过程
教学重点
掌握动作补间动画的制作要点
教学难点
动作补间的动画的综合应用；时间帧延后的效果
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
一、导入新课
教师播放几个Flash影片，由此引入课题。
问题的提出：
如何制作移动动画？
二、讲述新课
动作补间动画：
用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色属性等产生渐变。
动作补间动画创建步骤：
1.单击层名使之成为当前层，选择层中的一个空白关键帧作为动画的起点。
2.创建补间动画的第一个帧，执行以下操作之一：
∙创建一个图形对象并转换为元件
∙在舞台中创建一个实例、组或文本块
∙将元件的实例从“库”面板中拖出
3.在动画要结束的地方创建第二个关键帧，然后选择结束帧
4.更改结束帧中的实例、组或文本块,执行以下操作之一：
∙将项目移动到新的位置
∙修改项目的大小、旋转或倾斜
∙修改项目的颜色（仅限实例或文本）
5.右键单击补间帧范围内的任何帧，从弹出的菜单中选择＂创建补间动画；或从属性面板的“补间”弹出菜单中选择“动作”
6.如果修改了项目的大小，勾选“缩放”选项
7.如果要调整补间帧之间的变化速率可以拖动“简易”框右边的箭头或输入一个值．若要加速设置值为-1至-100；若要减速设置值为1到100
8.若要旋转对象，从“旋转”菜单中选择一个选项：
∙选择“无”不旋转
∙选择“自动”可以在需要最少动画的方向上旋转对象一次
∙选择“顺时针”或“逆时针”按指定的方向旋转对象，输入一个数值指定要旋转的次数
注：
移动渐变动画首尾帧间有淡蓝色背景，并有黑色箭头表示，若出现虚线表示渐变过程有问题。
元件的五种变化：
移动、缩放、旋
升级会员 