2023年计算机FlashCS4精品讲义.pdf

《2023年计算机FlashCS4精品讲义.pdf》由会员分享，可在线阅读，更多相关《2023年计算机FlashCS4精品讲义.pdf（88页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

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

4、产生动画电影的效果。Flash 动画主要应用在电子贺卡、网页广告、动态网页、在线游戏、MTV 和片头动画。二、Flash 动画的制作流程 1.明确目的与初期策划 2.搜集相关资料 3.制作动画内容 4.调试、优化和测试 5.发布动画 三、怎样学习制作 Flash 动画 1.打好基础 2.注重实践 3.从其他作品中吸取经验 4.学习与探讨相结合 四、Flash 动画中的色彩 1.动画色彩原理 2.动画色彩心理 3.色彩的大小感 4.色彩的兴奋、沉静感 五、Flash 动画的基本类型 根据 FLASH动画的生成原理和制作方法，可以将 Flash 动画分为逐帧动画和补间动画。1.逐帧动画 2.补间动

5、画 六、启动与退出 Flash CS4 1启动 Flash CS4 启动 Flash CS4 的主要方法有以下几种。选择 开始 所有程序 Macromedia Macromedia Flash CS4 菜单命令。双击桌面上的 Flash CS4 快捷方式图标。在“我的电脑”窗口中打开一个已有的 Flash CS4 文档。4 在 开始 我最近的文档 子菜单中打开一个 Flash CS4文档。2 退出 Flash CS4 退出 Flash CS4 的方法主要有以下几种。选择 文件 退出 菜单命令。单击 Flash CS4 主界面右上角的 按钮退出。按【Alt+F4】键退出。3 FLASH CS4工

6、作界面简介 Flash CS4 工作界面与其他应用软件一样，包括标题栏、菜单栏、工具栏等部分，此外 Flash CS4还包含特有的时间轴、“属性”面板、“颜色样本”面板等。七、预览影片 动画制作好后，假设想观看影片的播放效果，可以按 Ctrl+Enter组合键测试影片。此时会弹出一个播放器窗口，刚刚制作好的动画就会在这个窗口中播放。八、保存 Flash 文档 保存影片的方法为：文件下的保存命令，在另存为对话框中文件名处输入影片的名字，并选择保存的路径，保存，这时在相应的位置就产生了一个扩展名为 fla 的文件。假设下一次要继续编辑该影片，可以直接打开该文件。九、导出 Flash 影片 如果一个

7、动画已经设计完成，需要正式全盘，则可以将其导出为Flash 动画。文件下的导出命令。导出的文件格式可以为 swf 作业：练习对 Flash CS4工作界面中面板布局进行设置。本次练习涉及到的知识点主要有启动和退出 Flash CS4、菜单命令的使用等，在练习过程中将应用到面板的打开和关闭操作，读者只需按照书中的步骤进行操作即可。5 第 2 讲 第 1 章 第 节 第 1 周 星期 标题：常用绘图工具 教学目标 知识：熟练掌握：常用绘图工具的使用 掌握：Flash 图形的构成，Flash 图形的特性。了解：文字的输入与设置。技能：教学重点：常用绘图工具的使用 教学难点：Flash 图形的特性 教

8、具学具准备：思考题作业：课后小结：通过本章的学习，我们应了解各种绘图工具及相关命令的功能和使用方法，并能熟练地使用它们绘制出一些简单的图形。理解形状渐变动画的基本原理。同时，还应掌握在动画中输入文本、编辑文本的方法 6 教 学 内 容 教学方法辅助手段 展示已画好的图形 一、Flash 图形基础 1、矢量图、位图 矢量图形使用直线和曲线即所谓的“矢量”来描述图像。当用户编辑矢量图形时，实际上是在修改描述图形形状的直线和曲线的属性。矢量属性还包括颜色和位置属性。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差。位图图像使用带颜色的小点即所

9、谓的“像素”描述图像。像素的多少将决定位图图像的显示质量和文件的大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图形放大时，放大的只是像素点，图像将变得模糊。2、Flash 图形的构成与绘制方法 3、Flash 图形的散碎性 4、Flash 图形的相交性 5、Flash 图形对象 二、绘制线条 可以用“直线”“铅笔”“钢笔”“矩形”“椭圆”等工具来绘制。1、“线条工具”，顾名思义就是用于绘制直线的工具，使用方法简单，在工具箱中选取“线条工具”后，可先在属性面板中设置好笔触颜色、样式及高度，然后在舞台中单击并拖动就可以绘制直线。选中“线

10、条工具”后，会发现在工具选项中出现了一个磁铁图标，这个选项用于多个线条连接时自动吸附，这就方便了封闭图形的绘制 另外，利用“选择工具”可以更改线条的方向和长短 。2、“铅笔工具”可以很随意地绘制出不规则线条和图形。选择“铅笔工具”后，可以使用其附属选项更改其参数，有三个选项可以选择：1“伸直”：表示自动把线条转化成折线。2“平滑”：表示线条尽量的圆滑。3“墨水”：表示尽量保持绘画的轨迹，也就是不作任何变化，保持原来绘画形状。3、使用钢笔工具可以绘制精确的路径，如直线或者平滑流畅的曲线。创建后可以调整直线段的角度和长度以及曲线段的斜率。用钢笔工具绘制图形的方法如下：7 1选择工具箱中的“钢笔”工

11、具 。2通过直接在舞台上单击鼠标左键确定各点位置，可在单击点与上一点之间创建一条直线；如下列图左图所示；如果在某个位置单击并拖动鼠标，将在单击点与上一点之间创建曲线，如下列图右图所示。三、绘制填充 1、“椭圆工具”和“矩形工具”分别用于绘制椭圆和矩形等几何图形。只需选择相应的工具后，在舞台中单击并拖动鼠标即可进行绘制。如果在绘制椭圆和矩形时按下【Shift】键，则可以绘制出正圆和正方形。2、Flash 中的刷子工具可以像日常生活中的漆刷一样，给各种物体涂抹上颜色。使用“刷子工具”绘制的图形从外观上看似乎是线条，其实是一个填充区域，只不过没有边线而已。用刷子工具还可以制作出特殊效果，例如书法效果

12、。四、选取图形 1、选择工具是作图时最常用的工具，因为它有许多功能。除了选择图形之外还可以移动图形、复制图形、改变图形的形状等。2、“套索工具”是一种用来实现选取功能并进而对图像进行处理的工具，对于图像的修剪非常有用，使用方法也比较简单。套索工具分为套索、多边形套索和魔术棒三种。五、输入文字 Flash 为文字的输入提供了很多工具，用户可以设置文字的大小、颜色、样式以及排版方式等，还可以将文字转换为图像，便于在动画中使用。另外，利用可编辑文本区域，还可以制作出各种包含文字的、具有交互性的动画。Flash 中提供了三种类型的文本，分别是静态文本、动态文本和输入文本。六、其它作图工具 练习：P37

13、 页实训 绘制雨伞、梅花标志、立体图形 8 第 1 讲 第 2 章 第 节 第 2 周 星期 标题：FlashCS4 软件入门 教学目标 知识：熟练掌握：文本工具输入文本和设置文本样式。掌握：线条工具、铅笔工具、铅笔工具绘制线条；椭圆工具、矩形工具和多角星形工具绘制几何图形；刷子工具绘制不规则图形。了解：工具栏 技能：教学重点：文本工具输入文本和设置文本样式 线条工具、铅笔工具、铅笔工具绘制线条；椭圆工具、矩形工具和多角星形工具绘制几何图形；刷子工具绘制不规则图形。教学难点：各种绘图工具的配合使用、灵活应用 教具学具准备：思考题作业：简单运用已有知识制作“小相册”课后小结：9 教学方法辅助手段

14、 一、认识工具栏 1、工具区域 工具区域如下图。2、查看区域 3、颜色区域：颜色区域如下图：1笔触颜色：设置所选工具的笔触颜色，即所绘图形的线条或边框颜色。2填充色：设置所选的对象中要填充的颜色。3黑白：单击它可使选中的对象只以白色或黑色显示。4没有颜色：单击它可使矢量图形的边框或填充无颜色。5交换颜色：单击它可交换矢量图形的填充颜色和边框的颜色。4、选项区域 选项区域中的选项随着在工具区域所选工具的变化而变化。当选中某种工具后，在选项区域中将出现相应的选项，以方便用户设置所选工具的属性。二、用线条工具绘制线条 三、使用铅笔工具绘制线条 使用铅笔工具不但可以绘制直线，还可以绘制曲线。单击工具栏

15、上的铅笔工具，鼠标光标变为 形状，在场景中按住鼠标左键随意拖动即可绘制任意长度的直线或曲线。四、用钢笔工具绘制线条 五、用椭圆工具绘制几何图形 六、用矩形工具绘制几何图形 七、用多角星形工具绘制几何图形 八、用刷子工具绘制不规则图形 九、使用文本工具 在制作 Flash 动画时，不可防止地要输入文字，Flash CS4 提供了文本工具 来帮助用户输入文字，并提供了十分方便的“属性”面板来编辑文字的属性。1、输入文本 复习提问 10 2、设置文本样式 选择文本工具，其“属性”面板如下图，在其中可以设置文字的各种属性。十、上机实战 绘制“房子”动画场景 1.新建 Flash 文档，310*200

16、像素，背景色白色。2.文件 导入 导入到舞台“”3.单击矩形工具，设置笔触颜色黑色，填充无，笔触高度极细。4.选项荡然无存打开矩形设置对话框，矩形的边角半径数值“10”。5.确定后在场景中绘制出房屋主体的圆角矩形线框。6.单击线条工具，在圆角矩形的左右上方绘制，画出房盖的形状。7.换成选择工具，在场景中单击圆角矩形多余的线条，删除。8.在妄言图形左上方用矩形工具绘制边角半径为 5 的圆角矩形，再用线条工具绘制两条垂直直线，组成烟囱图形。9.在左下方用矩形工具绘制边角半径为 20 的圆角矩形，组成门。10.在房子图形中间用矩形工具绘制边角半径为 10 的圆角矩形，然后用椭圆工具，按住 Shift

17、键在圆角矩形中绘制 4 个正圆，并在下方绘制一个圆角矩形，组成窗子图形。11.选择刷子工具，换好刷头，在场景右方绘制树的上半部分。12.选择铅笔工具，改用平滑，绘制树的干部。13.保存文件。十一、上机实战：“记事贴”、“五光集团”动画场景的制作 十二、小结 十三、作业：完成“记事贴”、“五光集团”动画场景的制作，并上交。11 第 2 讲 第 2 章 第 节 第 2 周 星期 标题：FlashCS4 软件入门 教学目标 知识：熟练掌握：墨水瓶工具、颜料桶工具、混色器、填充变形工具使用。掌握：用选择工具和套索工具选择对象。了解：滴管工具使用。技能：教学重点：墨水瓶工具、颜料桶工具、混色器、填充变形

18、工具使用。用选择工具和套索工具选择对象。教学难点：混色器、填充变形工具使用。用选择工具和套索工具选择对象。教具学具准备：思考题作业：课后小结：12 教 学 内 容 教学方法辅助手段 一、对动画场景进行填充操作 1 文件打开，打开上节课所绘制的房子动画场景。2 选择墨水瓶工具，颜色选择深灰色，在房子屋顶的线条上单击，为屋顶填充深灰色。3改变左下和右上屋顶线条的笔触高度，2,让屋顶有层次感。4选择烟囱部分的并填充为深灰色，同样将一部分笔触高度改为2。5同样的方法为房子图形的其他设置颜色和笔触高度。6选择颜料桶工具，在颜色列表中选择中度灰色，为房顶填充颜色。7用颜料桶工具为房门填充橘红灰色，再为窗户

19、和窗台填充浅黄色，并为窗户孔和门手柄填充灰色。8用同样的方法为树的树干和树冠填充红灰色和黄褐色，并为树干边框填充深红灰色 9打开“混色器”面板，单击油漆筒按钮，选择“线性”选项，在调节区中设置“黄灰色，黄褐色”的线性渐变 10用颜料筒工具为烟囱上部分填充颜色是红 255，绿 238，蓝221，Alpha 值 100%，#FFEEDD 的线性渐变色 11在混色器中设置橘红灰色系的线性渐变色。12为烟囱下部分填充渐变色，白灰 13在混色器中选择放射状，保持渐变颜色不变。14在房子外表填充放射状渐变色。15在工具栏中单击填充变形工具，并单击放射状渐变色。16将鼠标光标移到图形右侧的宽度控制柄上，鼠标

20、光标变为手动形状时，按住该控制柄向矩形内部手动，调整渐变色的间距。17将鼠标光标移到大小控制柄上，按住向图形外部手动，使颜色范围沿中心位置扩大。18将鼠标光标移到中心点上，按住该中心点并向右拖动，调整渐变色的填充位置。19至此，颜色填充完成。复习提问 讲 解 墨 水瓶 工 具 及属性设置 讲 解 渐 变填充 讲 解 填 充变形工具 13 第 1 讲 第 3 章 第 节 第 3 周 星期 标题：绘制基本形状 教学目标 知识：熟练掌握：移动对象、复制与粘贴对象、组合与打散对象。掌握：选择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤镜效果。了解：对齐对象。技能：教学重点：选

21、择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤镜效果。教学难点：设置文本的滤镜效果 教具学具准备：思考题作业：课后小结：14 教 学 内 容 教学方法辅助手段 一、用工具和面板编辑对象 1、用选择工具编辑对象 选择工具不但能选择和移动图形，还能修改图形形状。但这种功能只能用于打散的位图、矢量图以及文字。2、用任意变形工具编辑对象 用任意变形工具可以对选择对象进行缩放和旋转操作，还可以进行变形操作并制作出特殊效果。3、用部分选取工具编辑对象 4、用橡皮擦工具编辑对象 5、用“变形”面板编辑对象 二、移动对象 三、复制与粘贴对象 四、组合与打散对象 1、组合对象 2、打散

22、对象 五、对齐对象 1、辅助线对齐对象 2、对齐面板 15 六、设置文本滤镜效果 使用 Flash CS4 的“滤镜”面板中的各种滤镜效果，可以为所选择的文本添加丰富的效果，如斜角、投影、发光、模糊、渐变发光、渐变模糊和调整颜色等。七、上机实战 绘制名为“标志”的图形，最终效果如下图 强调如何使用任意变形工具、部分选取工具 等编辑复制对象的方法，并掌握为文本设置滤镜的操作。16 第 2 讲 第 3 章 第 节 第 3 周 星期 标题：绘制基本形状 教学目标 知识：熟练掌握：移动对象、复制与粘贴对象、组合与打散对象。掌握：选择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤

23、镜效果。了解：对齐对象。技能：教学重点：选择工具、任意变形工具、部分选取工具、橡皮擦工具和变形面板等，设置文本的滤镜效果。教学难点：设置文本的滤镜效果 教具学具准备：思考题作业：课后小结：17 教 学 内 容 教学方法辅助手段 一、绘制圆角五角星 1、选择多角星形工具 2、属性面板中单击选项 3、设置多边形样式为星形 3、绘制五角星 4、绘制分割线 18 5、删除尖角 6、调整形状 7、调整好的形状 渐变 9、设置填充方向 10、复制填充 11、改变不透明度，制作调光效果。19 12、绘制分割线，完成最终效果 二、学生上机练习：绘制钢笔 三、绘制人物图标 四、点框文字 五、小结：六、作业：20

24、 第 1 讲 第 4 章 第 节 第 4 周 星期 标题：引导线动画设计原理及技巧 教学目标 知识：熟练掌握：引导动画的制作。理解：引导层的概念。了解：引导动画注意事项。技能：教学重点：引导层的概念、引导线动画设计原理、引导线动画制作技巧 教学难点：引导线动画设计原理、引导线动画制作技巧 教具学具准备：思考题作业：课后小结：21 教 学 内 容 教学方法辅助手段 一、引导层 可以在引导层内创建图形等，这可以在绘制图形时起到辅助作用，以及起到运动路径的引导作用。引导层中的图形只能在舞台工作区内看到，在输出的电影中不会出现的。另外，还可以把多个普通图层关联到一个引导层上。在时间轴窗口中，引导层名字

25、的左边有图标运动引导层或图标。它们代表了不同的引导层，不同的引导层有不同的作用。1 运动引导层：它可以引导对象沿辅助线移动，产生引导动作动画。单击时间轴左下角的“添加运动引导层”按钮，即可在选中图层的上边增加一个运动引导层。2普通引导层：它只起到辅助绘图的作用。创建普通引导层的方法是：创建一个普通图层。将鼠标指针移到该图层名字处，单击鼠标右键，调出图层快捷菜单，如图 5-1-1 所示。再单击快捷菜单中的“引导层”菜单命令，其结果如图 5-1-2 所示。图 5-1-1 图层快捷菜单 图 5-1-2 创建普通引导层 二、引导动画的制作方法 1 按照上述方法建立沿直线移动的动作动画，例如圆球从左移到

26、右边的动画。2单击时间轴左下角的“添加运动引导层”按钮，则选中图层此处是“图层 1”图层的上边会增加一个引导层也叫导向图层，同时选中的图层自动成为与引导层相关联的被引导层。关联的图层名字向右缩进，表示它是关联的图层。此外，还可以通过单击“插入”“时间轴”“运动引导层”菜单命令，来增加一个引导层。3选中引导层，在舞台工作区内绘制路径曲线引导线，选中引导层的第 30 帧，按 F5 键，创建一个普通帧。4选中图层 1 图层的第 1 帧，选中“属性”面板内的“对齐”复选框，用鼠标拖曳对象圆球到辅助线的起始端或辅助线上，使对象的中心十字与辅助线起始点或辅助线重合。再选中终止帧，用鼠标拖曳圆球到辅助线的终

27、止端或辅助线上，使对象的中心十字与辅助线终止点或辅助线重合。5按 Enter 键，播放动画，可以看到小球沿绘制的辅助线移动。按住 Ctrl 键，再按 Enter 键，播放动画，此时辅助线不会显示出来。三、引导层与普通图层的关联 22 1 引导层与普通图层的关联：其方法是用鼠标把一个图层控制区域内的普通图层拖曳到运动引导层或普通引导层的右下边，再松开鼠标左键，一个引导层可以与多个普通图层关联。如果要断开图层与引导层的关联，可用鼠标把一个图层控制区域内的已关联的图层拖曳到运动引导层的下边。此时，如果运动引导层没有与它相关联的图层，则该运动引导层会自动变为普通引导层。2引导层转换为普通图层：选中引导

28、层，再单击图层快捷菜单中的“引导层”菜单命令，使它左边的对勾消失，这时它就转换为普通图层了。四、设置图层的属性 选中一个图层，单击图层快捷菜单中的“属性”菜单命令或单击“修改”“时间轴”“图层属性”菜单命令，调出“图层属性”对话框 1“名称”文本框：给选定的图层命名。2“显示”复选框：选中它后，表示该层处于显示状态，否则处于隐藏状态。3“锁定”复选框：选中它后，表示该层处于锁定状态，否则处于解锁状态。4“类型”栏：利用该栏的单项选择项，可以用来确定选定图层的类型。5“轮廓颜色”按钮：单击它会调出颜色板，用调色板可以设定在以轮廓线显示图层对象时，轮廓线的颜色。它仅在“轮廓线方式查看图层”复选框被

29、选中时有效。6“将图层视为轮廓”复选框：选中它后，将以轮廓线方式显示该图层内的对象。7“图层高度”下拉列表框：用来选择一种百分数，在时间轴窗口中可以改变图层帧单元 139 格的高度，它在观察声波图形时非常有用。23 第 2 讲 第 4 章 第 节 第 4 周 星期 标题：引导线动画设计原理及技巧 教学目标 知识：熟练掌握：引导动画的制作。理解：引导层的概念。了解：引导动画注意事项。技能：教学重点：引导层的概念、引导线动画设计原理、引导线动画制作技巧 教学难点：引导线动画设计原理、引导线动画制作技巧 教具学具准备：思考题作业：课后小结：24 教 学 内 容 教学方法辅助手段 实例：黛玉葬花 1“

30、黛玉葬花”动画播放后，在一幅林黛玉图像之上，一些花瓣还从上边向下缓缓飘落。1制作“花瓣飘落”影片剪辑元件 1 新建一个 Flash 文档，设置舞台工作区宽 200 像素、高 300 像素，背景为白色。创建“花瓣飘落”影片剪辑元件，进入它的编辑状态。在“图层 1”图层添加“图层 2”到“图层 5”四个图层。在这些图层的第 1 帧内分别导入不同的小花瓣图像。2创建“图层 1”到“图层 5”五个图层第 1 帧到第 80 帧的小花瓣图像移动的动作动画。将“图层 2”图层第 1 帧到第 80 帧移到第 11 帧到第 90 帧，将“图层 3”图层第 1 帧到第 80 帧移到第 21 帧到第 100 帧，将

31、“图层 4”图层第 1 帧到第 80 帧移到第 31 帧到第 110 帧，将“图层 5”图层第 1 帧到第 80 帧移到第 41 帧到第 120 帧。3选中“图层 5”图层，单击时间轴左下角的“添加运动引导层”按钮，即可在选中的“图层 5”图层的上边增加一个运动引导层。将该图层的名称改为“引导层”。4选中“引图层”第 1 帧，使用工具箱内的“铅笔工具”，在舞台工作区内从上到下绘制 5 条细曲线 5 选中“图层 1”图层第 1 帧，该帧内的移到小花瓣图像左边第 1 条引导线的起点处或起点附近的引导线之上，如图 5-1-7 所示。选中“图层 1”图层第 80 帧，该帧内的移到小花瓣图像左边第 1

32、条引导线的终点处或终点附近的引导线之上。6将时间轴内“图层 1”图层到“图层 4”图层分别拖曳到“引导 25 层”引导层的右下方，然后，按照上述方法，将“图层 2”图层到“图层 5”图层内动画的起始帧和终止帧内的小花瓣图像分别移到相应引导线的起始处和终止处。注意：在移动小花瓣图像时，一定保证小花瓣图像的中心点标记小圆圈在引导线之上。“花瓣飘落”影片剪辑元件制作完毕，时间轴如下图。2、制作动画 1选中“图层 1”图层第 1 帧，导入一幅林黛玉图像，调整该图像大小和位置，使它刚好将舞台工作区完全覆盖。2在“图层 1”图层之上添加“图层 2”。选中“图层 2”第 1 帧，将库面板内的花瓣飘落影片剪辑

33、元件 4 次拖拽到舞台工作区内林黛玉图像之上的顶部和中部。3、动画制作完成 4、测试动画效果 5、修改动画 6、作业：教材 36 页 完成“飞机动画运动路径设置”动画制作并上交原文件与发布成的 SWF 文件。26 第 1 讲 第 5 章 第 节 第 5 周 星期 标题：遮罩动画的制作 教学目标 知识：熟练掌握：遮罩动画的制作。理解：遮罩的概念。了解：遮罩动画注意事项。技能：教学重点：遮罩动画的制作 教学难点：遮罩的概念的理解。教具学具准备：思考题作业：课后小结：27 教 学 内 容 教学方法辅助手段 一、遮罩层的作用 可以透过遮罩层内的图形看到其下面的被遮罩图层的内容，而不可以透过遮罩层内的无

34、图形处看到其下面的被遮罩图层的内容。在遮罩层上创建对象，相当于在遮罩层上挖掉了相应形状的洞，形成挖空区域，挖空区域将完全透明，其他区域都是完全不透明的。通过挖空区域，下面图层的内容就可以被显示出来，而没有对象的地方成了遮挡物，把下面的被遮罩图层的其余内容遮挡起来。因此可以透过遮罩层内的对象挖空区域看到其下面的被遮罩图层的内容，而不可以透过遮罩层内没有对象的非挖空区域看到其下面的被遮罩图层的内容。利用遮罩层的这一特性，可以制作很多特殊效果。二、创建遮罩层 1创建一个普通图层，导入 2 幅图像。2选中刚刚创建的普通图层，再单击时间轴左下方的按钮，在选中的普通图层的上边创建一个新的普通图层。3在新建

35、的图层上绘制图形与输入文字，作为遮罩层中挖空区域。4将鼠标指针移到遮罩层的名字处，单击鼠标右键，调出图层快捷菜单，单击该快捷菜单中的“遮罩层”菜单命令。此时，选中的普通图层的名字会向右缩进，表示已经被它上面的遮罩层所关联，成为被遮罩图层。三、建立普通图层与遮罩层的关联 建立遮罩层与普通图层关联的操作方法有以下两种。1在遮罩层的下面创建一个普通图层。用鼠标将该普通图层拖曳到遮罩层的右下边。2在遮罩层的下面创建一个普通图层。鼠标右键单击普通图层，调出图层快捷菜单，四、取消被遮盖的图层与遮罩层之间的关联 取消被遮盖的图层与遮罩层关联的操作方法有以下两种。1在时间轴中，用鼠标将被遮罩层拖曳到遮罩层的左

36、下边或上面。2选中被遮罩的图层，然后选中“图层属性”对话框中的“一般”单项选择项。五、实例：探照灯 “探照灯”动画是模拟探照灯光在黑夜中照射一幅风景图像的情况。动画播放后的 2 幅画面。该动画的制作方法如下。1制作五星探照动画 28 1创建一个 Flash 文档。设置舞台工作区宽 400 像素、高 300 像素，背景为白色。2在“图层 1”图层的第 1 帧导入一幅风景图像，并调整它的大小宽 400 像素、高 300 像素和位置，使它刚好覆盖整个舞台工作区。3在“图层 1”图层之上新增一个“图层 2”图层。再将“图层 1”图层的第 1 帧导入的风景图像复制粘贴到“图层 2”图层的第 1 帧。两幅

37、图像的大小和位置应该完全一样。4将“图层 2”图层隐藏。再选中“图层 1”图层第 1 帧中的图像，单击“修改”“转换为元件”菜单命令，调出“转换为元件”对话框，再单击“确定”按钮，将该图像转换成名称为“元件 1”的影片剪辑它元件的实例。5在“元件 1”实例的“属性”面板中，选择“颜色”下拉列表框中的“亮度”选项，在其右边的文本框内输入-70%，如图 5-3-8 所示。此时，“图层 1”图层第 1 帧内的图像变暗了，6在“图层 2”图层的上边创建一个“图层 3”图层，选中“图层 3”图层第 1 帧，使用工具箱中的多角星形工具，在舞台工作区内的左上角绘制一幅红色的五角星图形。7在该图层创建一个第

38、1 帧到第 60 帧的动作动画。同时选中第 20 帧和第 40 帧，按 F6 键，创建 2 个关键帧，调整各关键帧内五角星图形的位置和大小，创建一个五角星不断移动、逐渐变大和旋转的动画。8 按住 Ctrl 键，单击“图层 1”图层和“图层 2”图层的第 140 帧，按 F5 键，使“图层 1”图层和“图层 2”图层第 1 帧到第 140 帧的内容一样。9选中“图层 3”图层，单击鼠标右键，再单击调出的快捷菜单中的“遮罩层”菜单命令，将“图层 3”图层设置为遮罩图层，“图层 2”图层为被遮罩图层。2制作圆形探照动画 1解除个图层的锁定。选中“图层 3”图层第 61 帧，按 F7 键；再选中“图层

39、 3”图层第 62 帧，按 F7 键，创建 2 个空关键帧，其目的是为了隔离同一图层的 2 个动画。2选中“图层 3”图层第 62 帧，绘制一个圆形图形。3 创建“图层 3”图层第 62 帧到 120 帧的动画。再选中第 80 帧和第 100 帧，按 F6 键，创建 2 个关键帧，调整各关键帧内圆形图形的位置和大小，创建一个圆形图形不断移动、逐渐变大的动画。4选中“图层 3”图层第 140 帧，按 F5 键，使该图层第 120 帧到第 140 帧的内容一样。至此，该动画制作完毕。29 第 2 讲 第 5 章 第 节 第 5 周 星期 标题：遮罩动画的制作 教学目标 知识：熟练掌握：遮罩动画的制

40、作。理解：遮罩的概念。了解：遮罩动画注意事项。技能：教学重点：遮罩动画的制作 教学难点：遮罩概念的理解 教具学具准备：思考题作业：课后小结：30 教 学 内 容 教学方法辅助手段 上下推出的图像切换“上下推出的图像切换”动画播放后，显示出一幅丽人图像，接着丽人图像分成左右 两部分，左半边图像向上移，右半边图像向下移，逐渐将另一幅丽人图像推出显示。该动画的制作过程如下。1、设置动画的舞台工作区宽为 400*300 像素，背景色为白色。2、选中“图层 1”图层的第 1 帧，导入一幅丽人图像，将图像的大 小和位置进行精确调整，图像的宽为 400 像素、高为 300 像素、X 坐标值为 200、Y 坐

41、标值为 150。以后要切换的图像，其大小与位置均与此图像一样。3、选中“图层 1”图层第 80 帧，按 F5 键。此时，“图层 1”图层的第 1 帧到第 80 帧的内容都一样。4、在“图层 1”图层之上增加一个“图层 2”图层。其内导入第 2 幅丽人图像。制作“图层 2”图层的第 1 帧到第 80 帧的动作动画，将第 1 帧的 图像垂直移到舞台工作区的上边。5、在“图层 2”图层之上增加一个“图层 3”图层。第 1 帧在舞台工作区的左半边绘制一个黑色矩形图像 图像宽为 200*300 像素、X 值为 100、Y 值为 150，选中“图层 3”图层第 80 帧，按 F5 键。6、按住 Shift

42、 键，单击“图层 2”图层第 80 帧，再单击第 1 帧，选中“图 层 2”图层和“图层 3”图层中的所有帧。单击鼠标右键，单击该菜单中的“复制帧”菜单命令，将选中的内容复制到剪贴板中。7、在“图层 3”图层之上增加一个“图层 4”图层。按住 Shift 键，单击“图层 4”图层第 80 帧和第 1 帧，选中“图层 4”图层中第 1 帧到第 80 帧的所有帧。单击鼠标右键，单击该菜单中的“粘贴帧”菜单命令，将剪贴板中的内容粘贴到两个新图层中。然后，将新图层的名称改为“图层 4”和“图层 5”，“图层 4”图层的内容与“图层 2”图层的内容一样，“图层 5”图层的内容与“图层 3”图层的内容一样

43、。8、将“图层 4”图层第 80 帧中的图像垂直移到舞台工作区的下边。选中“图层 5”图层 第 1 帧。将丽人图像的左半边的黑色矩形移到丽人图像的右半边X 坐标值为 300、Y 坐标值为 150 9、将“图层 3”图层设置成遮罩层，使“图层 2”图层成为被遮罩图层。将“图层 5”图层设置成遮罩层，使“图层 4”图层成为被遮罩图层。至此整个动画制作完毕。31 第 1、2 讲 第 6 章 第 节 第 6 周 星期 标题：卡通角色绘制及动作 教学目标 知识：熟练掌握：椭圆工具、线条工具、选择工具的使用，Flash中复制对象、绽放对象。掌握：骨骼动画工具使用。了解：影片剪辑元件。技能：教学重点：椭圆工

44、具、线条工具、选择工具的使用，Flash 中复制对象、绽放对象。骨骼动画工具使用 教学难点：骨骼动画工具使用 教具学具准备：思考题作业：课后小结：32 教 学 内 容 教学方法辅助手段 一、卡通角色绘制 优秀的卡通角色外型设计给观众以美的享受，设计精美、恰当的角色才能够将剧情表演得生动、精彩。一部 Flash 动画卡通作品，有优秀的剧本、台本，其中角色的视觉设计却较为粗糙或者了无新意的话，始终只能是一个业余的作品。专业的 Flash 动画卡通作品，必定在角色外型设计等各种造型设计方面都有突出表现，如下图 一 画面与空间 在进行任何绘制作业的时候，创作者都必须把画面看作一个空间，画面中的所有物体

45、都是有体积的。如果创作者绘制一个房间的图画，那么，在看到这张平面图画的时候，观者可以感觉到这张画面里有一个空间。角色则在画面中做 3D 方向的运动，如图 在画面中创造出空间，这是利用了人眼的透视错觉来在平面上表现出立体的效果。根据透视原理来创作出有体积感的角色，对动画卡通来说尤为重要。因为卡通角色必须在画面上的虚拟空间里活动，如果角色有体积感，画面有空间透视感，那么角色就可以做各种朝向纵深方向的动作，表现力也就大为增强。皮影戏和剪纸片等平面动画卡通就是因为不具备画面上的体积感和空间感，表现效果上大打了折扣，而逐渐受到冷遇。为了使创作出来的卡通角色能够有体积、有空间感，创作者在创作卡通角色的时候

46、，心里必须明确一个想法：是在创作一个由几何体积构成的立体角色，而不是在创作一个由平面形状合成的平面角色。读者看看下列图就可以明白，没有运用透视原理所绘制出来的角色，看起来平板、没有体积感，而充分利用各种线的扭转、弯曲来产生透视感的角色，看起来则具有了体积和空间性质。33 如果创作者能够始终把画面看作一个空间、把角色和各种画面上的物体看作具有体积的几何形体，那么在绘制各种画面动作的时候，创作者只要转变各个几何体积的透视方向和位置，就可以得到丰富、立体的动画效果，如图。而无须通过任何人体姿势图例来获得人体动作绘制经验。所以，要学习绘制卡通角色，必须从认识卡通角色的空间透视关系开始。1、基本透视原理

47、 透视的基本原理是“近大远小”，离得近的物体，看起来就大，离得远的物体，看起来就小。视线中的物体远到差不多快在视线中消失的时候，在视觉概念上就变成一个点，如图 现在有了第一个透视学上的具体位置标记，那就是远到即将在视线中消失的物体，在观察者的视线中是一个“点”的概念，这个相对观察者来说处于视线可见范围内最远处的位置标记称之为“灭点”。人类的视线是沿着近大远小的透视轨迹在视野上形成一个立体的空间，视线延伸到最远处就到达灭点的位置。这些从近到远的透视轨迹，叫做“透视线”，这是第二个非常重要的透视位置标记，无数根透视线向灭点延伸，最终形成一个立体空间，如图。在下列图中，读者可以看到在由透视线和灭点组

48、成的透视空间中，还 34 有一些横向的线将整个立体空间划分为一个个面积相等的格子。根据近大远小的原理，这些面积相等的格子，位置越远的，在画面上就显得越小，创作者可以让这些格子作为安排物体在立体空间中位置的标尺。并可以较为直观地衡量出同等体积的物体，在距离越远的时候，比例会缩小到何种程度，如下图。这些标记透视位置面积大小的格子，称之为“透视格”。用纵线和横线、灭点将画面划分为虚拟的立体空间区域之后，创作者就可以非常轻松地在这个空间中绘制虚拟立体的角色动作。如果创作者在画面上没有先用透视线、透视格和灭点来形成空间概念，而是直接在白纸上贸然下笔，绘制出各种物体，即使是感觉上有参照近大远小的透视原理，

49、在具体的物体位置、比例上仍然会出现明显的透视错误，例如远处的物体仍然显得过大，近处的物体显得过小等等。由透视格、透视线和灭点形成的点、线、面这三种空间标记，对创作者来说是非常方便的画面透视位置参照物。除非对透视理论的使用已经相当纯熟的画家。否则不建议单凭感觉来安排透视关系。按照人类的观察习惯，画面的透视角度可以分为三种：平视、仰视和俯视。1平视 平视是人类最常用的视线角度。一般来说，平视的视野中有明显的地平线，地平线就是指远处地面或海面上的所有灭点集结起来，最终在观察者视野中构成“一条横线”的概念，如下图。所有的灭点在画面中最后都消失于地平线上，这就是平视角度。平视角度容许有多个 灭点，一般常

50、用的是一点透视或两点透视，如下图。灭点过多反倒不利于区分各种透视关系。在两点透视的平视画面中，两个灭点之间的距离不能太近，分别以两个灭点为方向聚集的两群透视线，所交叉形成的角度，不能小于 90 度，假设小于 90 度，画面上的物体就会变得异常，如下图。另外，两点透视的平视画面，灭点往往处于画面之外，如 35 下图。2仰视 观察者头往上仰所形成的观察角度就是仰视。纯粹的仰视画面中，没有地平线，只有一个灭点。画面中所有事物的透视线最终消失于这个灭点。这种只有一个灭点的纯粹仰视角度称为纯仰视，如下图。如果在仰视角度中加入平视角度，则变成了三点透视画面。这种画面除了地平线上的两个灭点，还增添了一个上空