flash动画教案

flash动画 精品文档 flash动画教案 常见动画的制作 知识点: 1、 逐帧动画的制作。 2、 形状补间动画的制作。 3、 动作补间动画的制作。 4、 遮罩动画的制作。 5、 引导路径动画的制作。 学时分配:2学时 教学: 1、 逐帧动画的制作。 2、 形状补间动画的制作。 3、 动作补间动画的制作。 4、 遮罩动画的制作。 5、 引导路径动画的制作。 教学重点: 1、 形状补间动画的制作。 2、 动作补间动画的制作。 3、 遮罩动画的制作。 4、 引导路径动画的制作。 教学难点: 形状补间动画与动作补间动画的区别。 1 / 15 精品文档 教学方法与手段:讲授法，多媒体展示 教学过程: 创设意境，导入新课 导入: 教师展示几个Flash实例，然后引导学生一个一个亲自动手制作。 引入新课程: 新课教学 本次课开始学习用Flash制作动画效果，在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 ? 逐帧动画的制作 逐帧动画是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成的一种动画。 优点:与电影播放模式相似，适合于表演很细腻的动画，如3D动画、人物或动物急剧转身等效果。 缺点:每一帧的序列内容都不一样，增加制作负担，文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以 2 / 15 精品文档 表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。 图-3-1 逐帧动画 二、创建逐帧动画的几种方法 1(用导入的静态图片建立逐帧动画 用jpg、png等的静态图片连续导入Flash中，就会建立一段逐帧动画。 2(绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件产生的动画序列。 三、绘图纸功能 1(绘图纸的功能 绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后，你就可以在舞台中一次查看两个或多个帧了。 3 / 15 精品文档 如下图所示是使用绘图纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。当然，这时你只能编辑当前帧的内容。 2(绘图纸各个按钮的介绍 按钮:按下此按钮后，在时间帧的上方，出现 绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 按钮:按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 按钮:按下此按钮后，可以显示全部帧内容，并且可以进行“多帧同时编辑”。 按钮:按下此按钮后，弹出菜单，菜单中有以下五个选项: ? “总是显示标记”选项会在时间轴标中显示绘图纸外观标记，无论绘图纸外观 是否打开。 ? “锚定绘图纸”选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。 通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通 4 / 15 精品文档 过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。 ? “绘图纸”选项会在当前帧的两边显示两个帧。 ? “绘图纸”选项会在当前帧的两边显示五个帧。 ? “绘制全部”选项会在当前帧的两边显示全部帧。 上面，我们全面介绍了逐帧动画的特点和创建方法，现在，我们来动手制作两个逐帧动画实例，以加深对逐帧动画的认识。 闪动的小球 新建一个文件，背景色为黑色。 在第1帧内绘制一个黑色到绿色放射渐变的小球，调整到合适的大小与位置。 在第2帧插入关键帧，将小球的大小、位置、颜色都调整到合适的情况。 同样制作其第3帧到第6帧。 最终时间轴如下图所示。 测试存盘 执行|命令，观察本例swf文件生成的动画有无问题，如果满意，执行|命令，将文件保存成“闪动的小球.fla”文件进行存盘，如果要导出Flash的播放文件，执行|命令保存成“闪动的小球.swf”文件。 ? 形状补间动画 5 / 15 精品文档 一、形状补间动画概述 1(形状补间动画的概念 在Flash的时间帧面板上，在一个时间点绘制一个形状，然后在另一个时间点更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 2(构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 3(形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如下图所示。 4(创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在面板上单击旁边的小三角形，在弹出的菜单中选择，此时，时间轴上就出现一个淡绿色的形变动画效果，一个形状补间动画就创建完毕。 6 / 15 精品文档 5.认识形状补间动画的属性面板 Flash的面板随鼠标选定的对象不同而发生相应的改变。当我们建立了一个形状补间动画后，点击时间帧，面板如下图所示。 小球与文字的相互转变 制作步骤如下: 创建新文档 执行|命令，在弹出的面板中选择|选项后，点击按钮，新建一个影片文档，在面板上设置文件大小为550*400象素， 为黑色。 创建一个小球 在图层1的第1帧创建一个黑色到绿色放射渐变的小球。 选择工具栏上的椭圆工具 ，去掉边线 ，在场景中画一个椭圆，调整到合适的大小与位置。 创建文字“变” 在第20帧处插入一个关键帧，选择“刷子”工具，设置需要的颜色效果，然后写一个文字“变”。 《Flash动画制作课程》 教 案 任课教师:段红梅 7 / 15 精品文档 2014年2月 《Flash动画制作》授课计划 课程名称:《Flash动画制作》 课程代码: 学 期:2014.2-2014.7班 级:计应12.1 教师:段红梅 制订日期:2014年2月26日 主要授课地点:机房/多媒体教室 主要授课方式:多媒体教学 考试考核主要方法: 上机 学 时:总9，本期92，理论讲授40，实验52，实践比例57% 教 材:《Flash CS动画设计与应用》温静主编，化学工业出版社出版，2011年8月第1版 教材性质:教育部规划教材/讲义 审核: 信息技术兴趣小组活动教案 王德 亿利东方学校 第一周 FLASH的基本知识 教学目标: 1、熟悉FLASH的界面。 2、掌握几个基本工具的使用:选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。 、掌握几个基本术语:图层、元件 、记住几个快捷键 、完成四幅绘制图案 教学重点: 应用工具画图 教学难点: 复杂遮照的创建。 教学过程: 8 / 15 精品文档 一、界面环境介绍 二、工具箱的介绍 工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏:“工具”栏、“查看”栏、“颜色”栏和“选项”栏，单击某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫作使用某个工具。 “工具”栏:工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。 “查看”栏:工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。 “颜色”栏:工具箱之”颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。 按钮:用于给线着色，也叫作描绘颜色。 按钮:用于给填充着色。 按钮:单击“黑白”按钮，可使笔触颜色和填充色恢复到默认状态。在选择了椭圆或矩形工具后，“没有颜色”按钮才有效，变为，单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮，可以使笔触颜色与填充色互换。 “选项”栏:工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时，通常应当在选中绘图或编辑工具后，再对其属性和功能进行设置，才 9 / 15 精品文档 能顺利达到预期的效果。 三、动手用一下工具 1、使用工具制作一个“笑脸”或“哭脸” 、渐变工具的使用:几个关键概念 颜色调板填充变形工具的使用 、用椭圆画个画环 操作步骤: 1、用填充色画圆，并设置笔触的粗细。 、设置边线的填充色为“七彩色”。 3、将该线形圆环转换成填充色:修改,,形状,,将线条为填充。 4、使用“墨水瓶”工具给圆环加边线。 效果如右: 4、用多边形工具画太阳 操作步骤: 1、用多边星形工具制作太阳的外围，作以下设置: 将矩形工具转换成多角星形工具 设置多角星形的“属性”中的“选项” 设置“样式”为星形，输入星形数，及星形顶点大小 2、设置填充色为放射性，无边线 、开始画星形。 4、创建一个同心的圆为太阳的脸。 、使用直线工具画眼、嘴。 四、课堂习题:自创月亮 五、课后作业 1、书本P34页的实例6:茶杯。 第二周 各类特效文字的制作 10 / 15 精品文档 教学进度:正常 教学目标: 1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。 2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。 、掌握如何制作特效文字。 4、掌握位图的导入及矢量图的转换。 教学重点: 1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作 教学难点: 复杂遮照的创建。 教学过程: 一、 点框文字 制作步骤: 1、用文字工具输入文字 2、将文字使用“分离”或按下组合键 、再将每个分离的文字使用“分离”，即直到文字被选中时呈现点型。 、使用“墨水瓶”工具，设置线型为“点型”，设置线的颜色，用鼠标单击文字 5、所有文字的边线勾勒完毕后，用选取工具选取文字内心，并删除。 二、彩虹文字 制作步骤: 1、用文字工具输入文字 2、将文字使用“分离”， 3、选择填充颜色，再用颜料筒单击文字即可 三、彩图文字 图片下载 制作步骤: 1、用文字工具输入文字 、将文字使用“分离” 、 11 / 15 精品文档 选择填充类型为“图片”，图片填充有二类 、再用墨水瓶工具勾勒边缘 、将边缘线条转化为填充 、“修改”,,“形状”,,“柔化填充边缘” 四、雪花文字 五、补充知识:倒影字的制作 六、课后作业:制作一个图案文字 小技巧:ctrl+v与ctrl+shift+v的区别:后者是复制时保持前后位置都一样。 第三周 直线运动和变形运动 教学目标: 1、要求学生掌握直线运动和变形运动的补间。 2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。 、掌握变形运动的特点:普通形状对象可以变形。 、掌握影片元件的制作方法。 教学重点: 运动补间的设置;影片元件的创建。> 教学难点: 关键帧,普通帧的区别; 教学过程: 一、导入:动画制作的关键要素 1、帧——是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心雕琢的帧构成的，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。 2、关键帧——顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并 12 / 15 精品文档 可对其进行编辑的帧。 3、空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。4、普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。 5、以上四种帧的区别 ? 关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格 ? 同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作;如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作;插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加 新的实例对象。 ? 关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。6、 应用中需注意的问题 ? 应尽可能的节约关键帧的使用，以减小动画文件的体积; ? 尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。 二、基本动画 1、变形动画:要求参与动画的对象必须是形状，不得使用元件。 13 / 15 精品文档 例如:以下动画中A,,,B,,,C之间、五角星——>十角形即为形状变形。 操作步骤: ?设置背景色 ?插入第一关键帧，并绘制一个五角形。 ?在第30帧上插入空白关键帧，并绘制一个十角星形。 ?利用时间轴上的“编辑多帧”工具，对齐第一、二关键帧的各自五个角。 ?在第一关键帧上设定五个“形状提示点”，修改,,形状,,添加形状提示点。 ?在第二关键帧上设定各提示点的对应终点位置。 ?对第一关键帧设定“形状”动画补间。 思考: 2、直线运动动画:任何对象都可以设置直线动画，只需二个关键帧 例如:素材下载 、渐变运动动画 ? 淡入、淡出动画:使用实例才能完成此项动画，一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。 一般淡入淡出式动画是用二个关键帧完成，第一关键帧为全透明或部分透明，第二关键帧透明度为0。 ?闪烁动画:一般用三个关键帧完成，即从淡入到淡出的过程，即全透明,,不透明,,全透明的设置过程。 例如:以下例子中星星，就是用影片元件来完成的。 4、旋转动画:一般旋转度数在360度以上，则采用实例，即旋转的对象必须是通过元件调入的。而旋转度小于 14 / 15 精品文档 360度，则旋转对象可以是形状。动画设定只需二个关键帧。 例如:拖影文字 操作步骤: ?建立文字元件,拖到舞台 ?创建第一图层，设定第一、二关键帧，并设制“动画”补间，旋转为1次。 ?创建第二图层，此层为阴影层，复制第一层的关键帧,用方向箭头控制。 ?创建第三至第九图层，这些层均为拖影层，每层之间涉后二帧。与第一图层相比，这些层均要逐渐调整透明度。 三、总结巩固: 1、图形元件的制作 、图形元件的应用: ?实例:元件调入到场景后，就叫实例，实例可以取名，以后便于以后写代码时调用。 ?对元件的编辑: ?对实例的编辑:与元件编辑最大区别在于对元件本身不修改，主要的编辑方法有改变色调、透明度等。 15 / 15