北大青鸟flashCS3教案 第3章图形制作(下)

制作网页广告和企业网站片头动画一二维动画设计讲授法新授课掌握制作闪烁星空动画广告网站片头动画概念和集合动画关系构成方式网站片头动画的综合运用多媒体网络教室课件案例授课内容基础知识动画的基本类型、各类动画的制作原理。

读者应认真阅读并理解它们的作用。

重点知识逐帧动画、形状补间动画和动作补间动画的制作方法。

读者应仔细阅读相关部分，并结合上机实战练习和掌握。

提高知识可控制的形状补间动画的制作方法。

初学者可暂时不学，待有一定的基础后再学习。

课堂讲解➢动画的基本类型➢制作形状补间动画➢制作色彩变幻动画➢制作动作补间动画➢制作逐帧动画展示大量的实例，以较直观方式让学生了多层动画制作的综合运用Flash最主要的功能就是制作动画。

前面我们用了9课来打基础，学会了如何在一帧中创建和编辑对象，从这一课开始，将正式学习Flash动画的制作方法。

动画的基本类型●认识动画的标识方法●各类动画的制作原理认识动画的标识方法根据Flash动画的生成原理和制作方法，可以将Flash动画分为逐帧动画和补间动画，其中补间动画又分为形状补间动画和动作补间动画。

要制作Flash动画，首先要认识各种动画的标识方法。

不同动画类型，其表示方法也不同，下面分别介绍。

如图8-1所示就是各种动画对应的帧表示方式。

图8-1（a）图8-1 (b)图8-1 (c) 图8-1 (d)●形状补间动画：形状补间动画中各关键帧之间用浅绿色背景的黑色箭头表示。

●动作补间动画：动作补间动画中各关键帧之间用浅蓝色背景的黑色箭头表示。

●未产生动画：当两个关键帧之间是由虚线连接起来时，表示这两个关键帧之间的动画没有创建成功，或在创建动画时操作错误。

●包含动作的动画：如果一个关键帧上有小写的“a”符号，它表示制作者为这个关键帧添加了Actions语句，关于Actions语句的使用将在后面详细介绍。

●帧标签：如果一个关键帧上有一个小红旗，且后面标注有文字，表示已为该帧命名，这些文字表示帧的标签或注释。

《Flash动画制作》授课计划(完整)最新最完整的Flash动画制作教案例1：使用工具制作一个“笑脸”或“哭脸"思考：如何让“哭脸”变成“笑脸”？引入层的概念，将“嘴"放在新建的图层上引入简单动画制作步骤:a、绘制动作的开始状态与结束状态，即绘制两个关键帧,并注意两个关键帧在时间线上的位置。

b、选择所有帧，创建动画。

例2:小球的直线运动。

步骤1：在舞台上画出小球。

步骤2：在第20 帧上插入关键帧。

步骤3：移动小球，使其开始位置与结束位置不同。

步骤4：选择所有帧,创建形状渐变动画.例3：小球沿规定的轨迹运行。

步骤5:在前一个动画的基础上添加引导层步骤6：在引导层上用铅笔工具画曲线.步骤7：移动小球，使其开始位置和结束位置分别位于曲线的首尾.1.5 动画的保存与发布：1、保存动画:依次点击“文件”菜单—--———“保存"-——输入文件名,即可当前正在制作的影片保存到磁盘上。

注意保存的是Flash的源文件，其扩展名为。

fla 。

2、动画的发布:依次点击“文件”菜单-—“发布设置”——“发布”即可。

注意发布后的文件扩展名为名为.swf ，发布后的文件可用IE等打开.1.6设置工作参数1、常规2、绘画选项卡3、设置标尺和网格4、设置影片属性的概念，这样学生头脑中就有了印象。

请学生注意动画制作的过程，并能自己制作上述两个动画.注意flash的两种不同格式的文件，源文件和播放文件分别的打开方式学生练习老师绘画选项卡、标尺、网格，教师辅导。

通过本单元的学习，使学生能了解Flash 的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。

第２周绘图基础第 3 周编辑图像复习旧课指出上周实训中出现的问题。

强调做文字特效时,一定要将文字打散。

复习一下,矩形工具，填充色的应用导入新课展示几个绘图实例，要完成这些实例,必须掌握FLASH中有些工具使用的技巧,这样才能增加动画设计的美感。

3.6.2 水晶按钮
制作凸起和凹陷透明水晶按钮
主要制作步骤指导： （1）使用【基本矩形工具】绘制一个带有圆角的矩形，以双色线性 渐变填充该矩形。渐变的起始颜色为白色（颜色值为“#FFFFFF”）， 渐变的终止颜色为蓝色（颜色值为“#0000FF”），将终止色的Alpha值 设置为0。 （2）复制将该矩形，在【属性】面板中调整其【宽】和【高】的值将 其适当缩小。复制缩小后的矩形，选择【修改】|【变形】|【垂直翻转】 命令将其垂直翻。 （3）选择第二次复制的矩形，在【颜色】面板中将渐变白色颜色色标 向右适当移动，此时即可获得凸起水晶按钮效果。 （4）要获得凹陷的水晶按钮效果，只需要将步骤3改为缩小最后复制的 矩形即可。
3.4 本章小结
本章学习了Flash CS5中图形填充的3种方式，它们是纯色填 充、渐变填充和位图填充。通过本章的学习，读者将掌握纯色填 充时颜色设置和拾取的方法，能够在【颜色】面板中创建渐变并 使用【渐变变形工具】对渐变效果进行修改。同时，读者还将熟 悉使用位图填充图形的方法。
3.5 本章练习
1.3.3 保存文档
2．将文档保存为模板 Flash允许将文档保存为模板，选择【文件】|【另存为模板】 命令打开【另存为模板】对话框。在对话框的【名称】文本框 中输入模板的名称，在【类别】下拉列表中选择模板类型，在 【描述】文本框中输入对模板的描述。完成后设置后，单击【 保存】按钮即可将动画以模板的形式保存下来。
3.2.1 创建渐变
2．创建渐变 如果需要更改某个颜色在渐变中的位置，只需要用鼠标拖
动该颜色色标改变其在色谱条上的位置即可。
3.2.2 渐变的调整
在Flash中，【渐变变形工具】用于控制渐变的方向和渐变 色之间的过渡强度，使用该工具能够方便直观地对渐变效果进 行调整。

F l a s h C S3动画制作基础教案第1章F l a s h C S3基础知识本章导读▪F l a s h是A d o b e公司推出的一款经典、优秀的矢量动画编辑软件，F l a s h C S3版本目前比较新的版本。

利用该软件制作的动画尺寸要比位图动画文件〔如G L F动画〕尺寸小的多，用户不但可以在动画中加入声音、视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。

该软件对动画制作者的电脑知识要求不高，简单易学，效果流畅生动，对于动画制作初学者来说是非常适合的一款软件。

在学习制作动画之前，通过本章的学习，读者应熟悉F l a s h动画的特点，F l a s h C S3的界面组成元素，动画制作的步骤，并通过制作实例了解F l a s h一般步骤。

本章学习目标▪了解F l a s h概念和功能▪熟悉F l a s h C S3的工作环境和文档基本操作▪理解动画制作的一般过程本章重点▪熟悉F l a s h C S3的工作环境本章内容▪1.1初识F l a s h C S3▪1.2F l a s h C S3文件基本操作▪1.3制作F l a s h动画的简单实例1.1初识F l a s h C S3▪1.1.1了解F l a s h▪1.1.2F l a s h C S3的新增功能▪1.1.3F l a s h C S3的工作环境1.1.1了解F l a s h▪F l a s h主要用于制作矢量图像和网络动画。

它是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。

▪F l a s h的用途很广泛，网页、网络动画、网络广告、F l a s h游戏以及教学软件等领域。

F l a s h特别适用于创建通过I n t e r n e t提供的内容，因为它的文件非常小。

▪在F l a s h中创作内容时，需要在F l a s h文档文件中工作。