新版计算机FlashCS4教案.doc

《新版计算机FlashCS4教案.doc》由会员分享，可在线阅读，更多相关《新版计算机FlashCS4教案.doc（88页珍藏版）》请在三一办公上搜索。

1、授课类型新课（ ）教学大纲自己编写（ ）旧课（ ）他人编写（ ）理论教学： 学时习题： 学时讨论： 学时实 验： 学时参观： 学时其它： 学时教学目的、要求：通过对本课程的学习，学生能够使用FlashCS4制作网络广告、网页动画、MTV和课件。了解网络动画的制作过程，游戏的制作过程，学生能够独立设计动画构思，完成二维动画作品，制作出有趣的游戏和精彩的动画片。并为以后的三维动画学习打下良好的基础。使学生具备设计制作动画的基本技能，提高动手解决实际问题的能力，培养学生良好的科学作风，以及自主学习和探究的能力。采用教材版本：FlashCS4动画设计实训教程出版时间：2010年8月对 教 材 的 整

2、合总体说明：本教材是十一五全国计算机职业院校精品课程规划教材，教材从零起点培养，并选取时效性、应用性较强的安全教学作为课程内容。结构清晰、内容翔实、实例丰富。通过典型生动、实用性及针对性强的真实设计范例来介绍FlashCS4的功能，这样学生可轻松灵活地掌握最新的设计概念、重要的实用技术。第 1 讲第 1 章 第 节第 1 周 星期标题： Flash CS4工作环境教学目标知识：了解Flash软件的发展过程了解Flash CS4的主要新特性了解Flash中的一些 的基本概念 熟悉Flash CS4的工作环境技能：教学重点：Flash 的基本概念熟悉Flash CS4的操作环境教学难点：Flash

3、 的基本概念教具学具准备：思考题（作业）： 课后小结： 本章介绍了Flash 的基础知识，通过本章的学习，读者应该了解Flash的背景知识，熟悉Flash的工作界面的组成元素，掌握这些基本知识对于以后的学习是很有必要的。教 学 内 容教学方法辅助手段一、Flash动画简介Flash是美国Macromedia公司推出的一款动画制作软件，它是目前使用最广泛、最受欢迎的平面动画制作软件。Flash动画实际是由一系列静止画面组成的，每一个画面中都有不同的对象。Flash动画主要由矢量图形组成，通过这些图形的变化和运动，产生动画电影的效果。Flash动画主要应用在电子贺卡、网页广告、动态网页、在线游戏、

4、MTV和片头动画。二、Flash动画的制作流程1. 明确目的与初期策划2. 搜集相关资料3. 制作动画内容4. 调试、优化和测试5. 发布动画三、怎样学习制作Flash动画 1. 打好基础2. 注重实践3. 从其他作品中吸取经验4. 学习与探讨相结合四、Flash动画中的色彩 1. 动画色彩原理2. 动画色彩心理3. 色彩的大小感4. 色彩的兴奋、沉静感 五、Flash动画的基本类型 根据FLASH动画的生成原理和制作方法，可以将Flash动画分为逐帧动画和补间动画。1. 逐帧动画2. 补间动画六、启动与退出Flash CS4 1启动Flash CS4l 启动Flash CS4的主要方法有以下

5、几种。l 选择开始 所有程序 Macromedia Macromedia Flash CS4菜单命令。l 双击桌面上的Flash CS4快捷方式图标 。l 在“我的电脑”窗口中打开一个已有的Flash CS4文档。l 在开始 我最近的文档子菜单中打开一个Flash CS4文档。2 退出Flash CS4退出Flash CS4的方法主要有以下几种。l 选择文件 退出菜单命令。l 单击Flash CS4主界面右上角的 按钮退出。l 按【Alt+F4】键退出。3 FLASH CS4工作界面简介 Flash CS4工作界面与其他应用软件一样，包括标题栏、菜单栏、工具栏等部分，此外Flash CS4还包

6、含特有的时间轴、“属性”面板、“颜色样本”面板等。七、预览影片动画制作好后，若想观看影片的播放效果，可以按Ctrl+Enter组合键测试影片。此时会弹出一个播放器窗口，刚刚制作好的动画就会在这个窗口中播放。八、保存Flash文档保存影片的方法为：文件下的保存命令，在另存为对话框中文件名处输入影片的名字，并选择保存的路径，保存，这时在相应的位置就产生了一个扩展名为fla的文件。若下一次要继续编辑该影片，可以直接打开该文件。九、导出Flash影片如果一个动画已经设计完成，需要正式全盘，则可以将其导出为Flash动画。文件下的导出命令。导出的文件格式可以为swf作业： 练习对Flash CS4工作界

7、面中面板布局进行设置。本次练习涉及到的知识点主要有启动和退出Flash CS4、菜单命令的使用等，在练习过程中将应用到面板的打开和关闭操作，读者只需按照书中的步骤进行操作即可。第 2 讲第 1 章 第 节第 1 周 星期标题：常用绘图工具教学目标知识：熟练掌握：常用绘图工具的使用掌握：Flash图形的构成，Flash图形的特性。了解：文字的输入与设置。技能：教学重点：常用绘图工具的使用教学难点：Flash图形的特性教具学具准备：思考题（作业）： 课后小结： 通过本章的学习，我们应了解各种绘图工具及相关命令的功能和使用方法，并能熟练地使用它们绘制出一些简单的图形。理解形状渐变动画的基本原理。同时

8、，还应掌握在动画中输入文本、编辑文本的方法教 学 内 容教学方法辅助手段展示已画好的图形一、Flash图形基础1、矢量图、位图矢量图形使用直线和曲线（即所谓的“矢量”）来描述图像。当用户编辑矢量图形时，实际上是在修改描述图形形状的直线和曲线的属性。矢量属性还包括颜色和位置属性。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差。 位图图像使用带颜色的小点（即所谓的“像素”）描述图像。像素的多少将决定位图图像的显示质量和文件的大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图形放大

9、时，放大的只是像素点，图像将变得模糊。2、Flash图形的构成与绘制方法3、Flash图形的散碎性4、Flash图形的相交性5、Flash图形对象二、绘制线条可以用“直线”“铅笔”“钢笔”“矩形”“椭圆”等工具来绘制。1、“线条工具”，顾名思义就是用于绘制直线的工具，使用方法简单，在工具箱中选取“线条工具”后，可先在属性面板中设置好笔触颜色、样式及高度，然后在舞台中单击并拖动就可以绘制直线。 选中“线条工具”后，会发现在工具选项中出现了一个磁铁图标，这个选项用于多个线条连接时自动吸附，这就方便了封闭图形的绘制 另外，利用“选择工具” 可以更改线条的方向和长短 。2、“铅笔工具” 可以很随意地绘

10、制出不规则线条和图形。选择“铅笔工具” 后，可以使用其附属选项更改其参数，有三个选项可以选择：（1）“伸直”：表示自动把线条转化成折线。（2）“平滑”：表示线条尽量的圆滑。（3）“墨水”：表示尽量保持绘画的轨迹，也就是不作任何变化，保持原来绘画形状。3、使用钢笔工具可以绘制精确的路径，如直线或者平滑流畅的曲线。创建后可以调整直线段的角度和长度以及曲线段的斜率。用钢笔工具绘制图形的方法如下：（1）选择工具箱中的“钢笔”工具 。（2）通过直接在舞台上单击鼠标左键确定各点位置，可在单击点与上一点之间创建一条直线；如下图左图所示；如果在某个位置单击并拖动鼠标，将在单击点与上一点之间创建曲线，如下图右图

11、所示。三、绘制填充1、“椭圆工具” 和“矩形工具” 分别用于绘制椭圆和矩形等几何图形。只需选择相应的工具后，在舞台中单击并拖动鼠标即可进行绘制。如果在绘制椭圆和矩形时按下【Shift】键，则可以绘制出正圆和正方形。2、Flash中的刷子工具可以像日常生活中的漆刷一样，给各种物体涂抹上颜色。使用“刷子工具”绘制的图形从外观上看似乎是线条，其实是一个填充区域，只不过没有边线而已。用刷子工具还可以制作出特殊效果，例如书法效果。四、选取图形1、选择工具是作图时最常用的工具，因为它有许多功能。除了选择图形之外还可以移动图形、复制图形、改变图形的形状等。2、“套索工具”是一种用来实现选取功能并进而对图像进

12、行处理的工具，对于图像的修剪非常有用，使用方法也比较简单。套索工具分为套索、多边形套索和魔术棒三种。 五、输入文字Flash为文字的输入提供了很多工具，用户可以设置文字的大小、颜色、样式以及排版方式等，还可以将文字转换为图像，便于在动画中使用。另外，利用可编辑文本区域，还可以制作出各种包含文字的、具有交互性的动画。Flash中提供了三种类型的文本，分别是静态文本、动态文本和输入文本。六、其它作图工具练习：P37页实训绘制雨伞、梅花标志、立体图形第 1 讲第 2 章 第 节第 2 周 星期标题：FlashCS4软件入门教学目标知识：熟练掌握：文本工具输入文本和设置文本样式。掌握：线条工具、铅笔工

13、具、铅笔工具绘制线条；椭圆工具、矩形工具和多角星形工具绘制几何图形；刷子工具绘制不规则图形。了解：工具栏 技能：教学重点：文本工具输入文本和设置文本样式 线条工具、铅笔工具、铅笔工具绘制线条；椭圆工具、矩形工具和多角星形工具绘制几何图形；刷子工具绘制不规则图形。教学难点： 各种绘图工具的配合使用、灵活应用教具学具准备：思考题（作业）：简单运用已有知识制作“小相册”课后小结： 教学方法辅助手段一、认识工具栏1、工具区域工具区域如图所示。2、查看区域 3、颜色区域：颜色区域如图所示：（1）笔触颜色 ：设置所选工具的笔触颜色，即所绘图形的线条或边框颜色。（2）填充色 ：设置所选的对象中要填充的颜色。

14、（3）黑白 ：单击它可使选中的对象只以白色或黑色显示。（4）没有颜色 ：单击它可使矢量图形的边框或填充无颜色。（5）交换颜色 ：单击它可交换矢量图形的填充颜色和边框的颜色。4、选项区域选项区域中的选项随着在工具区域所选工具的变化而变化。当选中某种工具后，在选项区域中将出现相应的选项，以方便用户设置所选工具的属性。二、用线条工具绘制线条三、使用铅笔工具绘制线条使用铅笔工具不但可以绘制直线，还可以绘制曲线。单击工具栏上的铅笔工具 ，鼠标光标变为 形状，在场景中按住鼠标左键随意拖动即可绘制任意长度的直线或曲线。四、用钢笔工具绘制线条 五、用椭圆工具绘制几何图形 六、用矩形工具绘制几何图形 七、用多角

15、星形工具绘制几何图形 八、用刷子工具绘制不规则图形 九、使用文本工具在制作Flash动画时，不可避免地要输入文字，Flash CS4提供了文本工具 来帮助用户输入文字，并提供了十分方便的“属性”面板来编辑文字的属性。1、输入文本2、设置文本样式选择文本工具，其“属性”面板如图所示，在其中可以设置文字的各种属性。十、上机实战 绘制“房子”动画场景1. 新建Flash文档，310*200像素，背景色白色。2. 文件导入导入到舞台“背景.jpg”3. 单击矩形工具，设置笔触颜色黑色，填充无，笔触高度极细。4. 选项荡然无存打开矩形设置对话框，矩形的边角半径数值“10”。5. 确定后在场景中绘制出房屋

16、主体的圆角矩形线框。6. 单击线条工具，在圆角矩形的左右上方绘制，画出房盖的形状。7. 换成选择工具，在场景中单击圆角矩形多余的线条，删除。8. 在妄言图形左上方用矩形工具绘制边角半径为5的圆角矩形，再用线条工具绘制两条垂直直线，组成烟囱图形。9. 在左下方用矩形工具绘制边角半径为20的圆角矩形，组成门。10. 在房子图形中间用矩形工具绘制边角半径为10的圆角矩形，然后用椭圆工具，按住Shift键在圆角矩形中绘制4个正圆，并在下方绘制一个圆角矩形，组成窗子图形。11. 选择刷子工具，换好刷头，在场景右方绘制树的上半部分。12. 选择铅笔工具，改用平滑，绘制树的干部。13. 保存文件。十一、上机

17、实战：“记事贴”、“五光集团”动画场景的制作十二、小结十三、作业：完成“记事贴”、“五光集团”动画场景的制作，并上交。复习提问第 2 讲第 2 章 第 节第 2 周 星期标题：FlashCS4软件入门教学目标知识：熟练掌握：墨水瓶工具、颜料桶工具、混色器、填充变形工具使用。掌握：用选择工具和套索工具选择对象。了解：滴管工具使用。 技能：教学重点：墨水瓶工具、颜料桶工具、混色器、填充变形工具使用。用选择工具和套索工具选择对象。教学难点：混色器、填充变形工具使用。用选择工具和套索工具选择对象。教具学具准备：思考题（作业）： 课后小结： 教 学 内 容教学方法辅助手段一、对动画场景进行填充操作1文件

18、打开，打开上节课所绘制的房子动画场景。2选择墨水瓶工具，颜色选择深灰色，在房子屋顶的线条上单击，为屋顶填充深灰色。3改变左下和右上屋顶线条的笔触高度，2,让屋顶有层次感。4选择烟囱部分的并填充为深灰色，同样将一部分笔触高度改为2。5同样的方法为房子图形的其他设置颜色和笔触高度。6选择颜料桶工具，在颜色列表中选择中度灰色，为房顶填充颜色。7用颜料桶工具为房门填充橘红灰色，再为窗户和窗台填充浅黄色，并为窗户孔和门手柄填充灰色。8用同样的方法为树的树干和树冠填充红灰色和黄褐色，并为树干边框填充深红灰色9打开“混色器”面板，单击油漆筒按钮，选择“线性”选项，在调节区中设置“黄灰色，黄褐色”的线性渐变1

19、0用颜料筒工具为烟囱上部分填充颜色是红255，绿238，蓝221，Alpha值100%，#FFEEDD的线性渐变色11在混色器中设置橘红灰色系的线性渐变色。12为烟囱下部分填充渐变色，白灰13在混色器中选择放射状，保持渐变颜色不变。14在房子表面填充放射状渐变色。15在工具栏中单击填充变形工具，并单击放射状渐变色。16将鼠标光标移到图形右侧的宽度控制柄上，鼠标光标变为手动形状时，按住该控制柄向矩形内部手动，调整渐变色的间距。17将鼠标光标移到大小控制柄上，按住向图形外部手动，使颜色范围沿中心位置扩大。18将鼠标光标移到中心点上，按住该中心点并向右拖动，调整渐变色的填充位置。19至此，颜色填充完

20、成。复习提问讲解墨水瓶工具及属性设置讲解渐变填充讲解填充变形工具第 1 讲第 3 章 第 节第 3 周 星期标题：绘制基本形状 教学目标知识：熟练掌握：移动对象、复制与粘贴对象、组合与打散对象。掌握：选择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤镜效果。了解：对齐对象。 技能：教学重点：选择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤镜效果。教学难点：设置文本的滤镜效果教具学具准备：思考题（作业）：课后小结： 教 学 内 容教学方法辅助手段一、用工具和面板编辑对象1、用选择工具编辑对象选择工具不但能选择和移动图形，还能修改图形形状。但这种功

21、能只能用于打散的位图、矢量图以及文字。 2、用任意变形工具编辑对象用任意变形工具可以对选择对象进行缩放和旋转操作，还可以进行变形操作并制作出特殊效果。3、用部分选取工具编辑对象4、用橡皮擦工具编辑对象5、用“变形”面板编辑对象二、移动对象三、复制与粘贴对象 四、组合与打散对象1、组合对象2、打散对象五、对齐对象 1、辅助线对齐对象2、对齐面板六、设置文本滤镜效果使用Flash CS4的“滤镜”面板中的各种滤镜效果，可以为所选择的文本添加丰富的效果，如斜角、投影、发光、模糊、渐变发光、渐变模糊和调整颜色等。七、上机实战 绘制名为“标志”的图形，最终效果如图所示强调如何使用任意变形工具 、部分选取

22、工具 等编辑复制对象的方法，并掌握为文本设置滤镜的操作。第 2 讲第 3 章 第 节第 3 周 星期标题：绘制基本形状教学目标知识：熟练掌握：移动对象、复制与粘贴对象、组合与打散对象。掌握：选择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤镜效果。了解：对齐对象。技能：教学重点：选择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤镜效果。教学难点：设置文本的滤镜效果教具学具准备：思考题（作业）： 课后小结： 教 学 内 容教学方法辅助手段一、绘制圆角五角星1、选择多角星形工具2、属性面板中单击选项3、设置多边形样式为星形3、 绘制五角星4、 绘制分

23、割线5、 删除尖角6、 调整形状7、 调整好的形状8、 设置线性渐变9、 设置填充方向10、 复制填充11、 改变不透明度，制作调光效果。12、 绘制分割线，完成最终效果二、学生上机练习：绘制钢笔三、绘制人物图标四、点框文字五、小结：六、作业：第 1 讲第 4 章 第 节第 4 周 星期标题：引导线动画设计原理及技巧教学目标知识：熟练掌握：引导动画的制作。理解：引导层的概念。了解：引导动画注意事项。技能：教学重点：引导层的概念、引导线动画设计原理、引导线动画制作技巧教学难点：引导线动画设计原理、引导线动画制作技巧教具学具准备：思考题（作业）：课后小结： 教 学 内 容教学方法辅助手段一、引导层

24、 可以在引导层内创建图形等，这可以在绘制图形时起到辅助作用，以及起到运动路径的引导作用。引导层中的图形只能在舞台工作区内看到，在输出的电影中不会出现的。另外，还可以把多个普通图层关联到一个引导层上。在时间轴窗口中，引导层名字的左边有图标（运动引导层）或图标。它们代表了不同的引导层，不同的引导层有不同的作用。 （1）运动引导层：它可以引导对象沿辅助线移动，产生引导动作动画。单击时间轴左下角的“添加运动引导层”按钮，即可在选中图层的上边增加一个运动引导层。 （2）普通引导层：它只起到辅助绘图的作用。创建普通引导层的方法是：创建一个普通图层。将鼠标指针移到该图层名字处，单击鼠标右键，调出图层快捷菜单

25、，如图 5-1-1 所示。再单击快捷菜单中的“引导层”菜单命令，其结果如图 5-1-2 所示。图 5-1-1 图层快捷菜单 图 5-1-2 创建普通引导层 二、引导动画的制作方法 （1）按照上述方法建立沿直线移动的动作动画，例如圆球从左移到右边的动画。 （2）单击时间轴左下角的“添加运动引导层” 按钮，则选中图层（此处是“图层 1”图层）的上边会增加一个引导层（也叫导向图层），同时选中的图层自动成为与引导层相关联的被引导层。关联的图层名字向右缩进，表示它是关联的图层。此外，还可以通过单击“插入”“时间轴”“运动引导层”菜单命令，来增加一个引导层。 （3）选中引导层，在舞台工作区内绘制路径曲线（

26、引导线），选中引导层的第 30 帧，按 F5 键，创建一个普通帧。 （4）选中图层 1 图层的第 1 帧，选中“属性”面板内的“对齐”复选框，用鼠标拖曳对象（圆球）到辅助线的起始端或辅助线上，使对象的中心十字与辅助线起始点或辅助线重合。再选中终止帧，用鼠标拖曳圆球到辅助线的终止端或辅助线上，使对象的中心十字与辅助线终止点或辅助线重合。 （5）按 Enter 键，播放动画，可以看到小球沿绘制的辅助线移动。按住 Ctrl 键，再按 Enter键，播放动画，此时辅助线不会显示出来。 三、引导层与普通图层的关联 （1）引导层与普通图层的关联：其方法是用鼠标把一个图层控制区域内的普通图层拖曳到运动引导层

27、或普通引导层的右下边，再松开鼠标左键，一个引导层可以与多个普通图层关联。如果要断开图层与引导层的关联，可用鼠标把一个图层控制区域内的已关联的图层拖曳到运动引导层的下边。此时，如果运动引导层没有与它相关联的图层，则该运动引导层会自动变为普通引导层。 （2）引导层转换为普通图层：选中引导层，再单击图层快捷菜单中的“引导层”菜单命令，使它左边的对勾消失，这时它就转换为普通图层了。 四、设置图层的属性 选中一个图层，单击图层快捷菜单中的“属性”菜单命令或单击“修改”“时间轴” “图层属性”菜单命令，调出“图层属性”对话框 （1）“名称”文本框：给选定的图层命名。 （2）“显示”复选框：选中它后，表示该

28、层处于显示状态，否则处于隐藏状态。 （3）“锁定”复选框：选中它后，表示该层处于锁定状态，否则处于解锁状态。 （4）“类型”栏：利用该栏的单选项，可以用来确定选定图层的类型。 （5）“轮廓颜色”按钮：单击它会调出颜色板，用调色板可以设定在以轮廓线显示图层对象时，轮廓线的颜色。它仅在“轮廓线方式查看图层”复选框被选中时有效。 （6）“将图层视为轮廓”复选框：选中它后，将以轮廓线方式显示该图层内的对象。 （7） “图层高度”下拉列表框：用来选择一种百分数，在时间轴窗口中可以改变图层帧单元139 格的高度，它在观察声波图形时非常有用。第 2 讲第 4 章 第 节第 4 周 星期标题：引导线动画设计原

29、理及技巧教学目标知识：熟练掌握：引导动画的制作。理解：引导层的概念。了解：引导动画注意事项。技能：教学重点：引导层的概念、引导线动画设计原理、引导线动画制作技巧教学难点：引导线动画设计原理、引导线动画制作技巧教具学具准备：思考题（作业）： 课后小结： 教 学 内 容教学方法辅助手段实例：黛玉葬花 1“黛玉葬花” 动画播放后， 在一幅林黛玉图像之上， 一些花瓣还从上边向下缓缓飘落。 1制作“花瓣飘落”影片剪辑元件 （1）新建一个 Flash 文档，设置舞台工作区宽 200 像素、高 300 像素，背景为白色。创建 “花瓣飘落”影片剪辑元件，进入它的编辑状态。在“图层 1”图层添加“图层 2”到“

30、图层 5”四个图层。在这些图层的第 1 帧内分别导入不同的小花瓣图像。 （2）创建“图层 1”到“图层 5”五个图层第 1 帧到第 80 帧的小花瓣图像移动的动作动画。将“图层 2”图层第 1 帧到第 80 帧移到第 11 帧到第 90 帧，将“图层 3”图层第 1 帧到第 80帧移到第 21 帧到第 100 帧，将“图层 4”图层第 1 帧到第 80 帧移到第 31 帧到第 110 帧，将“图层 5”图层第 1 帧到第 80 帧移到第 41 帧到第 120 帧。 （3）选中“图层 5”图层，单击时间轴左下角的“添加运动引导层”按钮，即可在选中的“图层 5”图层的上边增加一个运动引导层。将该图

31、层的名称改为“引导层” 。 （4）选中“引图层”第 1 帧，使用工具箱内的“铅笔工具”，在舞台工作区内从上到下绘制 5 条细曲线 （5）选中“图层 1”图层第 1 帧，该帧内的移到小花瓣图像左边第 1 条引导线的起点处或起点附近的引导线之上，如图 5-1-7 所示。选中“图层 1”图层第 80 帧，该帧内的移到小花瓣图像左边第 1 条引导线的终点处或终点附近的引导线之上。（6）将时间轴内“图层 1”图层到“图层 4”图层分别拖曳到“引导层”引导层的右下方，然后，按照上述方法，将“图层 2”图层到“图层 5”图层内动画的起始帧和终止帧内的小花瓣图像分别移到相应引导线的起始处和终止处。注意：在移动

32、小花瓣图像时，一定保证小花瓣图像的中心点标记（小圆圈）在引导线之上。 “花瓣飘落”影片剪辑元件制作完毕，时间轴如图所示。2、制作动画（1）选中“图层1”图层第1帧，导入一幅林黛玉图像，调整该图像大小和位置，使它刚好将舞台工作区完全覆盖。（2）在“图层1”图层之上添加“图层2”。选中“图层2”第1帧，将库面板内的花瓣飘落影片剪辑元件4次拖拽到舞台工作区内林黛玉图像之上的顶部和中部。3、动画制作完成4、测试动画效果5、修改动画6、作业：教材36页 完成“飞机动画运动路径设置” 动画制作并上交原文件与发布成的SWF文件。第 1 讲第 5 章 第 节第 5 周 星期标题： 遮罩动画的制作教学目标知识：

33、熟练掌握：遮罩动画的制作。理解：遮罩的概念。了解：遮罩动画注意事项。技能：教学重点：遮罩动画的制作教学难点：遮罩的概念的理解。教具学具准备：思考题（作业）：课后小结： 教 学 内 容教学方法辅助手段一、遮罩层的作用 可以透过遮罩层内的图形看到其下面的被遮罩图层的内容，而不可以透过遮罩层内的无图形处看到其下面的被遮罩图层的内容。在遮罩层上创建对象，相当于在遮罩层上挖掉了相应形状的洞，形成挖空区域，挖空区域将完全透明，其他区域都是完全不透明的。通过挖空区域，下面图层的内容就可以被显示出来，而没有对象的地方成了遮挡物，把下面的被遮罩图层的其余内容遮挡起来。因此可以透过遮罩层内的对象（挖空区域）看到其

34、下面的被遮罩图层的内容，而不可以透过遮罩层内没有对象的非挖空区域看到其下面的被遮罩图层的内容。利用遮罩层的这一特性，可以制作很多特殊效果。 二、创建遮罩层 （1）创建一个普通图层，导入 2 幅图像。 （2）选中刚刚创建的普通图层，再单击时间轴左下方的按钮，在选中的普通图层的上边创建一个新的普通图层。 （3）在新建的图层上绘制图形与输入文字，作为遮罩层中挖空区域。 （4）将鼠标指针移到遮罩层的名字处，单击鼠标右键，调出图层快捷菜单，单击该快捷菜单中的“遮罩层”菜单命令。此时，选中的普通图层的名字会向右缩进，表示已经被它上面的遮罩层所关联，成为被遮罩图层。三、建立普通图层与遮罩层的关联 建立遮罩层

35、与普通图层关联的操作方法有以下两种。 （1）在遮罩层的下面创建一个普通图层。用鼠标将该普通图层拖曳到遮罩层的右下边。 （2）在遮罩层的下面创建一个普通图层。鼠标右键单击普通图层，调出图层快捷菜单， 四、取消被遮盖的图层与遮罩层之间的关联 取消被遮盖的图层与遮罩层关联的操作方法有以下两种。 （1）在时间轴中，用鼠标将被遮罩层拖曳到遮罩层的左下边或上面。 （2）选中被遮罩的图层，然后选中“图层属性”对话框中的“一般”单选项。 五、实例：探照灯 “探照灯”动画是模拟探照灯光在黑夜中照射一幅风景图像的情况。动画播放后的 2 幅画面。该动画的制作方法如下。 1制作五星探照动画 （1）创建一个 Flash

36、 文档。设置舞台工作区宽 400 像素、高 300 像素，背景为白色。 （2）在“图层 1”图层的第 1 帧导入一幅风景图像，并调整它的大小（宽 400 像素、高 300像素）和位置，使它刚好覆盖整个舞台工作区。 （3）在“图层 1”图层之上新增一个“图层 2”图层。再将“图层 1”图层的第 1 帧导入的风景图像复制粘贴到“图层 2”图层的第 1 帧。两幅图像的大小和位置应该完全一样。 （4）将“图层 2”图层隐藏。再选中“图层 1”图层第 1 帧中的图像，单击“修改”“转换为元件”菜单命令，调出“转换为元件”对话框，再单击“确定”按钮，将该图像转换成名称为“元件 1”的影片剪辑它元件的实例。

37、 （5）在“元件 1”实例的“属性”面板中，选择“颜色”下拉列表框中的“亮度”选项，在其右边的文本框内输入-70%，如图 5-3-8 所示。此时， “图层 1”图层第 1 帧内的图像变暗了， （6）在“图层 2”图层的上边创建一个“图层 3”图层，选中“图层 3”图层第 1 帧，使用工具箱中的多角星形工具，在舞台工作区内的左上角绘制一幅红色的五角星图形。 （7）在该图层创建一个第 1 帧到第 60 帧的动作动画。同时选中第 20 帧和第 40 帧，按 F6键，创建 2 个关键帧，调整各关键帧内五角星图形的位置和大小，创建一个五角星不断移动、逐渐变大和旋转的动画。 （8）按住 Ctrl 键，单击

38、“图层 1”图层和“图层 2”图层的第 140 帧，按 F5 键，使“图层 1”图层和“图层 2”图层第 1 帧到第 140 帧的内容一样。 （9）选中“图层 3”图层，单击鼠标右键，再单击调出的快捷菜单中的“遮罩层”菜单命令，将“图层 3”图层设置为遮罩图层， “图层 2”图层为被遮罩图层。 2制作圆形探照动画 （1）解除个图层的锁定。选中“图层 3”图层第 61 帧，按 F7 键；再选中“图层 3”图层第 62 帧，按 F7 键，创建 2 个空关键帧，其目的是为了隔离同一图层的 2 个动画。 （2）选中“图层 3”图层第 62 帧，绘制一个圆形图形。 （3）创建“图层 3”图层第 62 帧

39、到 120 帧的动画。再选中第 80 帧和第 100 帧，按 F6 键，创建 2 个关键帧，调整各关键帧内圆形图形的位置和大小，创建一个圆形图形不断移动、逐渐变大的动画。 （4）选中“图层 3”图层第 140 帧，按 F5 键，使该图层第 120 帧到第 140 帧的内容一样。 至此，该动画制作完毕。第 2 讲第 5 章 第 节第 5 周 星期标题：遮罩动画的制作教学目标知识：熟练掌握：遮罩动画的制作。理解：遮罩的概念。了解：遮罩动画注意事项。技能：教学重点：遮罩动画的制作教学难点：遮罩概念的理解教具学具准备：思考题（作业）：课后小结： 教 学 内 容教学方法辅助手段上下推出的图像切换“上下推

40、出的图像切换”动画播放后，显示出一幅丽人图像，接着丽人图像分成左右 两部分，左半边图像向上移，右半边图像向下移，逐渐将另一幅丽人图像推出显示。该动画的制作过程如下。 1、设置动画的舞台工作区宽为 400 *300 像素，背景色为白色。 2、选中“图层 1”图层的第 1 帧，导入一幅丽人图像，将图像的大 小和位置进行精确调整，图像的宽为 400 像素、高为 300 像素、X 坐标值为 200、Y 坐标值为 150。以后要切换的图像，其大小与位置均与此图像一样。 3、选中“图层 1”图层第 80 帧，按 F5 键。此时，“图层 1”图层的第 1 帧到第 80 帧的内容都一样。 4、在“图层 1”图

41、层之上增加一个“图层 2”图层。其内导入第 2 幅丽人图像。制作“图层 2”图层的第 1 帧到第 80 帧的动作动画，将第 1 帧的 图像垂直移到舞台工作区的上边。 5、在“图层 2”图层之上增加一个“图层 3”图层。第 1 帧在舞台工作区的左半边绘制一个黑色矩形图像 （图像宽为 200* 300 像素、 X 值为 100、 Y 值为 150），选中“图层 3”图层第 80 帧，按 F5 键。 6、按住 Shift 键，单击“图层 2”图层第 80 帧，再单击第 1 帧，选中“图 层 2”图层和“图层 3”图层中的所有帧。单击鼠标右键，单击该菜单中的“复制帧”菜单命令，将选中的内容复制到剪贴板

42、中。 7、在“图层 3”图层之上增加一个“图层 4”图层。按住 Shift 键，单击“图层 4”图层第 80 帧和第 1 帧，选中“图层 4”图层中第 1 帧到第 80 帧的所有帧。单击鼠标右键，单击该菜单中的“粘贴帧”菜单命令，将剪贴板中的内容粘贴到两个新图层中。然后，将新图层的名称改为“图层 4”和“图层 5”，“图层 4”图层的内容与“图层 2”图层的内容一样，“图层 5”图层的内容与“图层 3”图层的内容一样。 8、将“图层 4”图层第 80 帧中的图像垂直移到舞台工作区的下边。选中“图层 5”图层 第 1 帧。将丽人图像的左半边的黑色矩形移到丽人图像的右半边（X 坐标值为 300、Y

43、 坐标值为 150） 9、将“图层 3”图层设置成遮罩层，使“图层 2”图层成为被遮罩图层。将“图层 5” 图层设置成遮罩层，使“图层 4”图层成为被遮罩图层。 至此整个动画制作完毕。第 1、2 讲第 6 章 第 节第 6 周 星期标题：卡通角色绘制及动作教学目标知识：熟练掌握：椭圆工具、线条工具、选择工具的使用，Flash中复制对象、绽放对象。掌握：骨骼动画工具使用。了解：影片剪辑元件。技能：教学重点：椭圆工具、线条工具、选择工具的使用，Flash中复制对象、绽放对象。骨骼动画工具使用教学难点：骨骼动画工具使用教具学具准备：思考题（作业）：课后小结： 教 学 内 容教学方法辅助手段一、卡通角

44、色绘制优秀的卡通角色外型设计给观众以美的享受，设计精美、恰当的角色才能够将剧情表演得生动、精彩。一部Flash动画卡通作品，有优秀的剧本、台本，其中角色的视觉设计却较为粗糙或者了无新意的话，始终只能是一个业余的作品。专业的Flash动画卡通作品，必定在角色外型设计等各种造型设计方面都有突出表现，如图所示（一） 画面与空间在进行任何绘制作业的时候，创作者都必须把画面看作一个空间，画面中的所有物体都是有体积的。如果创作者绘制一个房间的图画，那么，在看到这张平面图画的时候，观者可以感觉到这张画面里有一个空间。角色则在画面中做3D方向的运动，如图在画面中创造出空间，这是利用了人眼的透视错觉来在平面上表现出立体的效果。根据透视原理来创作出有体积