Flash动画制作基础篇全本教学设计.docx

1、Flash动画制作基础篇全本教学设计FLASH动画制作教学设计第一节 Flash概述课时安排1课时教学目标1、确定课程目标、讲述学习内容、教给学习方法。2、熟悉Flash cs3的界面。3、熟悉FLASH的工作环境, 3、熟悉Flash动画的制作原理教学重点培养他们对于本课程以及本专业的热爱；了解什么是flash，熟悉flash工作界面。教学难点掌握动画原理以及Flash动画的制作原理。教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。教学过程备注一、 情境导入：教师给学生演示经典动画和教材中部分的案例动画由此引入

2、课题。二、讲述新课（讲授法、PPT演示）（一）Flash课程介绍1.1 初识Flash1什么是Flash是由美国Macromedia公司出品。1998年推出Flash 2，以后继续开发升级，很快就推出了Flash 3。1999年6月推出Flash 4。2000年9月发布了Flash 5。2002年3月推出了Flash MX。2004年推出Flash 2004 MX。2005年推出Flash 8.0。 2005年4月18日Adobe以34亿美元收购Macromedia公司。从此Macromedia品牌名称亦被Adobe取代。1.2 Flash应用领域1.3 Flash动画原理1动画原理2Flas

3、h动画制作原理1.4 Flash工作环境1、舞台就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。2、时间轴窗口 用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。3、绘图工具栏 放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。4、标准工具栏 列出了大部分最常用的文件操作

4、，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。5、图库窗口 用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。6、控制器面板 控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。例1：使用工具制作 “鱼”或“眼睛”思考:如何让“鱼”变成“眼睛”？例2：小球的直线运动。步骤1：在舞台上画出小球。步骤2：在第20 帧上插入关键帧。步骤3：移动小球，使其开始位置与结束位置不同。步骤4：选择所有帧，创建形状渐变动画。1.5 动画的保存与

5、发布：1、保存动画：依次点击“文件”菜单-“保存”输入文件名，即可当前正在制作的影片保存到磁盘上。注意保存的是Flash的源文件，其扩展名为.fla 。2、动画的发布： 依次点击“文件”菜单“发布设置”“发布”即可。注意发布后的文件扩展名为名为.swf ，发布后的文件可用IE等打开。首先向学生作自我介绍，然后介绍Flash课程性质、目标、考核方法以及学习方法。结合生活，提示学生从生活，学习，娱乐的三个方面罗列flash的应用。讲述层的概述时，可结合前期学习过的Photoshop中层的概念，这样学生头脑中就有了印象。请学生注意动画制作的过程，并能自己制作上述两个动画。注意flash的两种不同格式

6、的文件，源文件和播放文件分别的打开方式学生练习老师绘画选项卡、标尺、网格，教师辅导。课堂小结通过本单元的学习，使学生能了解Flash 的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。作 业实训一：制作一片“树叶”实训二：制作一个“月亮”教学反思通过基本的图形制作，能够快速掌握工具按钮的使用，图形制作是动画制作的基础。动画制作小球的滚动，掌握基本的动画原理。课堂上教师讲解偏多，应更多的时间留给学生，多一些动手的过程更适合。第二节 绘图基础课时安排1课时教学目标掌握绘图基础知识；掌握选择工具的使用；掌握线条工具、椭圆工具、矩形工具和刷子工具的使用；掌握图形修饰工具

7、和查看工具的使用教学重点绘图工具的使用和图形修饰工具的使用教学难点选择工具的使用教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。教学过程备注一、复习巩固练习：动手制作苹果二、导入新课打开绘制好的flash的图像，让学生欣赏，说明Flash 有一个功能强大的绘图工具，可以绘制出完美的图形。它使用灵活、简单易用，在大多数情况下都可以满足使用者的要求。三、讲授新课（边操作边演示边讲解）补充知识：、矢量图形和位图图像、线条和填充图形 矢量图形一般可以看成是由线条和填充物组成； 矢量图形的着色有两种：线条的着色和填充物的着

8、色；可以着单色，也可以着渐变色和位图。、绘制模式（）合并绘制模式当你所绘制的线条穿过别的线条或图形时，它会象刀一样把其他的线条或图形切割成不同的部分。同时，线条本身也会被其他线条和图形分成若干部分。（）对象绘制模式注意：选择用【对象绘制】模式创建的图形时，Flash会在图形上添加矩形边框。使用【选择】工具 移动对象，只需单击边框然后拖曳图形到舞台上的任意位置即可。二者转换方式：“修改”菜单/分离 （Ctrl+B）矢量图形的特点：同色相融，异色相切。2.1 选择工具、选择工具主要功能是选择对象，对对象进行变形等。对象被选中后，选中部分会填充小的亮点。基本操作有：选取单一对象；选取多个对象；选取填

9、充区和轮廓钱；选取连续线条；选取对象的某一区域；取消选择对象；移动对象；修改形状2、部分选取工具主要用于调整线条上的节点，改变线条的形状。部分选取工具没有选项。基本操作有：删除节点；移动节点；角点转换为曲线点；调节曲率3、套索工具主要作用也是选择物体。与选择工具不同的是，套索工具可以用来选取任何形状范围的对象，而选择工具只能拖出矩形的选取范围，因此它的功能更强一些。2.2绘图图形工具1、线条工具线条工具的使用方法就是在舞台中确认一个起点后按下鼠标，然后拖动鼠标到结束点松开鼠标就可以了。2、钢笔工具钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、删除节点。3、铅笔工具铅笔工具的选

10、项栏中除“对象绘制”按钮外还有一个“铅笔模式”按钮，单击此按钮弹出三种绘图模式：伸直、平滑、墨水。4、椭圆工具所画出的椭圆分为两部分：轮廓线与填充色块。通过设置笔触颜色和填充色，能画出实心椭圆，空心椭圆和实心无边框椭圆。椭圆工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。5、矩形工具矩形工具是一个工具组，包括矩形工具和多角星形工具，通过单击右下角的黑色三角进行切换。矩形工具与椭圆工具用法相似，注意矩形圆角的设置。使用多角星形工具可以绘制出不少于三个边的等边多边形。注意选项的设置6、刷子工具刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形，也可以为各刷子工具的选项栏有五个选项：“对象绘制

11、”种图形对象着色。刷子的颜色由填充色设置。、“刷子模式”、“刷子大小”、“刷子形状”和“锁定填充”。7、橡皮擦工具橡皮擦工具就像日常生活中使用的橡皮擦一样，用来擦除图形的线条和填充区。橡皮擦工具的选项栏有三个选项：“橡皮擦模式”，“橡皮擦形状”和“水龙头”2.3 修饰图形工具1、墨水瓶工具墨水瓶工具用于更改线条的颜色、线宽和样式等属性，线条的颜色可以使用纯色、渐变色以及位图图像，2、颜料桶工具与墨水瓶工具相对应，颜料桶工具的功能是更改填充区域的颜色。它可以填充封闭区域或不完全封闭区域，填充时可以使用纯色、渐变色以及位图图像。3、吸管工具吸管工具用于拾取填充或线条的颜色值，选择吸管工具后，鼠标图

12、标变成一个吸管，用吸管单击对象的任意位置，可获得此位置的颜色值及其它属性。4、任意变形工具使用任意变形工具可以对图形做出各种各样的变形，制作各种Flash特效。选择任意变形工具后，在选项栏中有四个选项按钮自动变形工具一共可以做出五种变形处理：旋转、倾斜、缩放、扭曲和封套。其中旋转、倾斜、缩放对所有的对象都有效，而扭曲和封套只对形状对象有效，对组对象、符号和位图都不起作用。2.4查看工具1、手形工具2、缩放工具综合实例1、飞机 2、表情符号 请学生回答几个问题分别打开一幅矢量图形和位图图像进行放大观看，让学生观察结果画两条线条，和两个形状来演示合并绘制模式下图形之间的相互影响教师在屏幕上绘制几个

13、图形，进行演示选择对象的方法。注意：填充区和线条。 请学生观察对象变形时光标的变化教师演示，注意线条工具的选项设置联系PS中钢笔工具的用法请学生思考:怎样绘制五角星？提示学生注意铅笔与刷子工具的异同处 请学生上台体验不同擦除模式分别设置选项中不同的属生设置演示填充有缝隙的图形分别演示提取四种对象属性课堂小结本周主要介绍了flash绘图基础，基本绘图工具的使用和编辑工具的使用。要注意的是，选择某种工具时，可以对它的属性进行设置。要分清合并模式和对象模式的区别。布置作业1：绘图帆船 2、绘制作树教学反思通过实例操作讲解，找一些学生感兴趣的小表情，调动学生的学习积极性，主动参与到课程练习中。布置一些

14、扩展练习作业，让不同程度的学习能够根据自己的差异选择完成，达到分层教学的效果。第三节 编辑图像课时安排1课时教学目标使学生会合理的使用：对齐、分布、匹配大小、间隔、相对于舞台等命令；让学生巧秒应用切割 融合 组合 叠放顺序的更改；会应用变形面板、缩放和旋转对话框教学重点分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形面板、缩放和旋转对话框调节调整对象或者是画图教学难点分布面板上的各个按钮的操作原理；怎么样的巧秒的去就用粘图来进行图象的切割 改变图象叠放顺序；变形面板中各个按钮的作用教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、

15、案例源文件、素材、ppt等。教学过程备注一、复习旧课1、作业提交，请同学演示2、发现问题，总结强调二、导入新课师：展示几个绘图实例，要完成这些实例，必须掌握FLASH中有些工具使用的技巧，这样才能增加动画设计的美感。三、讲述新课讲授法演示法3.1 调整对象1、排列对象单击菜单中“窗口”|“对齐”命令，出现“对齐”面板。对齐；分布；匹配；间隔2、形状的切割 融合 组合 叠放顺序的更改1）形状的切割Flash中将使用绘图工具绘制的图形称为形状。Flash 8新增了“对象绘制”按钮，在创建对象时如果选中“对象绘制”按钮，将创建独立的对象，与其他对象互不影响。相反，如果在绘制图形时没有选取“对象绘制”

16、按扭，则对象之间将会产生影响，对象能够被切割或融合。举例：直线分割椭圆 矩形打孔2）形状的融合融合是将两个形状连在一起，此功能可创建绘图工具无法绘制的形状。使用时要注意，进行融合的形状的颜色要相同，没有边框，并且不是独立的对象（即在绘制对象时没有按下“对象绘制”按钮）。总结：同色相融，异色相切，任何线条相条处均被切割。3）组合对象组合是将多个对象当作一个整体进行处理，可以更方便地对对象进行移动、变形等操作，还可以防止因为重叠而产生的切割和融合。在编辑组合时，其中的每个对象均保持各自的属性以及与其它对象的关系。 创建组合 Ctrl+G 编辑组合，注意组合编辑环境4）对象的叠放顺序 单击菜单中“修

17、改”|“排列”命令Flash中，组合对象或实例等独立对象在叠放时，有上下顺序之分，上面的对象可以覆盖下面的对象。对象的上下顺序与创建时的次序有关，后创建的对象在先创建的对象上面。绘图工具创建的非独立的形状没有上下顺序之分，不能进行叠放顺序调整。例1 风景画例2 斑马字3.2变形面板、缩放和旋转对话框1、变形面板单击菜单中“窗口”|“变形”命令，可打开“变形”面板。比例缩放调节旋转角度调节：扭曲角度调节4.2.2 缩放和旋转对话框选定对象后，单击菜单中“修改”|“变形”|“缩放和旋转”命令，出现“缩放和旋转”对话框2、翻转对象和对象的扩展与柔化1）翻转对象 单击菜单中“修改”|“变形”命令，弹出

18、下一级子菜单。2）对象的扩展与柔化选中填充形状，单击菜单中“修改”|“形状”|“扩展填充”柔化对象的边缘选中形状，单击菜单中“修改”|“形状”|“柔化填充边缘”命令例3 制作一朵七色花例4 制作一个暂停按钮3.3混色器和填充变形工具1、混色器1）、笔触颜色2）、填充颜色3）、黑白颜色和交换颜色4）、颜色值5）、渐色面板和亮度6）、Alpha7）、预览框8）、颜色类型：无；纯色；线性；放射状；位图2、调整渐变效果1）填充变形工具：更改渐变中心；改变渐变填充的宽度；旋转渐变填充；改变填充半径。2）溢出溢出Flash 8的一个新增功能，当我们更改渐变中心或缩小渐变宽度时，会使图形的一部分或全部超出渐

19、变的控制范围3）锁定填充在颜料桶工具和刷子工具的辅助选项里，有一个“锁定填充”的按钮，它的作用是锁定渐变填充的区域。如果不锁定，颜料桶填充颜色将在被分开的区域分别产生渐变；锁定后，则在整个区域产生渐变。例：制作带阴影的小球教师绘制几个矩形分别演示对齐面板中的对齐、匹配、分布、间隔按钮的用法。强调“相对于舞台”按钮的用法举例说明:直线分割椭圆 矩形打孔以一个椭圆和一个矩形融合举例说明使用“缩放和旋转”面板缩放对象只能将选中的图形对象按宽和高的比例整体放大或缩小，不能只对水平方向或垂直方向分别放大、缩小。课堂小结1 如何对Flash中的对象、图形进行编辑，以及图像导入等基本操作。 2 准确、快速的

20、进行图形的编辑和导入工作，在实践中为日后的动画提供栩栩如生的素材。 布置作业1：风车 2、烛火教学反思第四节 逐帧动画课时计划2课时教学目标掌握逐帧动画的制作技巧；了解什么时候适合使用逐帧动画；掌握制作变形动画的基本操作；能够利用添加变形提示点使动画效果更加美观。教学重点逐帧动画和形状动画的制作教学难点形状动画的制作教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。教学过程备注一、导入新课展示简单动画实例“滚动的小球”，引入简单动画制作。问题的提出：1什么叫动画？2.动画的类型? 动画：就是由连续的画面，按照一定的

21、时间顺序进行有序播放。 制作动画有两种方式：一种是逐帧动画，另一种是渐变动画。在逐帧动画中，需要在每一帧上创建一个不同的画面，连续的帧组合成连续变化的画面。渐变动画只需确定动画起点帧和终点帧的画面，中间部分的渐变动画由系统自动生成。二、讲述新课4.1动画制作基础1、动画的基本原理：（1）视觉暂留现象 物体在人眼前经过时在人眼视网膜上形成像，当物体消失时，它的像并不会立即消失而是要停留一段时间。 （2）计算机动画形成原理 利用人的视觉暂留现象，用连续的静态图片（相邻图片之间有稍微不同）按一定的速度运行起来，就形成了动画。 2、帧的基本概念：（1）帧是组成动画的基本单位，每一帧即一个画面，Flas

22、h动画是以时间线为基础的帧动画。（2）动画的播放速度（帧频）按帧/每秒计算，记作fps；（3）Flash cs默认的动画播放速度是每秒12帧，fps速度的设置范围0.01fps120fps。3、在Flash中的帧有这样几种类型：（1）关键帧：动画中发生改变的画面也即关键画面我们称之为关键帧。当创建逐帧动画时，每个帧都是关键帧。在补间动画中，可以在动画的重要位置定义关键帧，Flash会创建关键帧之间的帧内容。补间动画的插补帧显示为浅蓝色或浅绿色，并会在关键帧之间绘制一个箭头。 关键帧用实心圆表示。（3）普通帧：普通帧是延续前面相邻关键帧画面的时间，它的内容与紧邻的前关键帧画面一样。（4）空白关键

23、帧：没有内容的关键帧。用空心圆则表示该帧为空白的关键帧。（5）补间帧（插补帧）：在补间动画中，Flash会创建关键帧之间的帧内容，这些帧称为插补帧，显示为浅蓝色或浅绿色，并会在关键帧之间绘制一个箭头。如图所示浅蓝色显示动画补间的补间帧，如图所示浅绿色显示形状补间的补间帧。如图5-14、帧的基本操作常用的帧操作有：创建帧、选择帧、复制帧、粘贴帧、剪切帧、删除帧、反转帧。5、Flash动画类型Flash中可以制作三种动画：（1）逐帧动画创建每帧动画的内容，然后逐帧播放（2）形状渐变动画指两个图形对象的变换，其变化效果是由Flash控制的，其动画效果是从一个图形转换为另一个图形（3）移动渐变动画指同

24、一个对象不同状态的变化，其变化效果是由Flash控制的，常用于制作对象的位移、尺寸缩放、旋转、颜色渐变等效果6、动画制作流程 打开新影片文件并安排场景； 插入动画元件（帧、图层等）； 设定动画效果并测试动画； 使用 文件/保存 命令保存扩展名为 .fla 的 Flash 动画文件； 输出影片.swf7、制作动画的注意事项：（1）如果一幅动画中有两个或两个以上的不同类的对象同时运动，要把这些对象分别放在不同的图层上，使之各自独立，互不干扰。（2）制作动画时，最好把一个动作单独放置在一个图层中，等这个图层制作好后，再制作另一个图层。 4.2 逐帧动画的制作逐帧动画：在舞台上一帧一帧地绘制或修改图像

25、，连续播放形成动画。 制作步骤： 1. 单击层名称，使之成为当前层，选择层中的某一关键帧作为动画的起点。 2. 创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图象或导入图象。 3. 单击右边的下一帧，鼠标右键点击在弹出菜单中选择插入关键帧命令或按F6键 4. 修改舞台上的内容 5. 重复步骤4、5，完成所有关键帧。 （如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，）4.3 绘图纸显示模式通常情况下，Flash一次只显示动画序列中的一个帧。如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果

26、。在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。 绘图纸功能的使用：1. 单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的所有帧被重叠显示 2. 单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓 3. 单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧 4. 要更改一绘图纸标记的位置，将指针拖到一个新的位置 5. 单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示 4.4 形状补间动画的制作 使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。一形状补间动画制作步骤 1. 选择要制作动画的层；在动画开始播放的地方创建或选择一个关键帧 2. 创建或

27、放置图形对象或分离的组、位图、实例或文本块 3. 在同一层上再创建一个关键帧，并选择该关键帧 4. 选择在前一个关键帧中放置的图形执行以下操作之一 修改插图的形状、颜色或位置。 删除该插图，然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。 5.在时间轴上选择第1个关键帧，从“属性”面板中的“补间”弹出菜单中选择“形状”7.要调整渐变过渡帧的变化速度。可以拖动“扩大值”旁边的箭头或输入一个值 注意： 变形对象必须在一个图层上，否则不能形成补间动画。 要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。 实例1：数字变化实例2：波浪实例3：画矩形课堂小结1.掌

28、握逐帧动画、形状补间动画的制作方法。2.使学生能够灵活使用设置动画的基本方法并制作简单动画。3.注意形状补间动画提示点的设置方法布置作业1、制作逐帧动画“倒计时”2、制作逐帧动画“夜空下的烛火”教学反思第五节 两种补间动画课时安排2课时教学目标掌握制作动作补间动画的过程教学重点掌握动作补间动画的制作要点教学难点动作补间的动画的综合应用；时间帧延后的效果教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。教学过程备注一、导入新课教师播放几个Flash影片，由此引入课题。问题的提出：如何制作移动动画？二、讲述新课动作补间

29、动画：用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色属性等产生渐变。 动作补间动画创建步骤： 1. 单击层名使之成为当前层，选择层中的一个空白关键帧作为动画的起点。 2. 创建补间动画的第一个帧，执行以下操作之一： 创建一个图形对象并转换为元件 在舞台中创建一个实例、组或文本块 将元件的实例从“库”面板中拖出 3. 在动画要结束的地方创建第二个关键帧，然后选择结束帧4. 更改结束帧中的实例、组或文本块,执行以下操作之一： 将项目移动到新的位置 修改项目的大小、旋转或倾斜 修改项目的颜色（仅限实例或文本） 5. 右键单击补间帧范围内的任何帧，从弹出的菜单中选择创建补间动画；或从属性面板的“补间”弹出菜单中选择“动作” 6. 如果修改了项目的大小，勾选“缩放”选项 7. 如果要调整补间帧之间的变化速率可以拖动“简易”框右边的箭头或输入一个值若要加速设置值为-1至 -100；若要减速设置值为1到100 8. 若要旋转对象，从“旋转”菜单中选择一个选项： 选择“无”不旋转 选择“自动”可以在需要最少动画的方向上旋转对象一次 选择“顺时针”或“逆时针”按指定的方向旋转对象，输入一个数值指定要旋转的次数 注：移动渐变动画首尾帧间有淡蓝色背景，并有黑色箭头表示，若出现虚线表示渐变过程有问题。元件的五种变化：移动、缩放、旋