现代教育技术第6章-教学中动画素材的处理与应用课件.ppt

实验第第6 6章章教学中动画素材的处理与应用教学中动画素材的处理与应用结束结束目录目录第第2页页 第2章 电子文稿的高级应用本章要点6.1 实验目标6.2 实验要求6.3 实验内容6.4 实验过程和步骤 实验实验 第第6章章结束结束目录目录第第3页页6.1 实验目标1掌握Flash文件的建立、保存及文件背景的设置方法。2掌握利用Flash CS 4工具箱面板中工具绘制基本图形的方法。3掌握图层的基本操作方法。4掌握元件的使用。5学会利用Flash补间动画制作简单的动画作品。6学会利用Flash补间形状制作简单的动画作品。7掌握Flash影片的测试方法。实验实验 第第6章章结束结束目录目录第第4页页6.2 实验要求1建立Flash文件并完成简单作品制作。2掌握元件的建立及使用方法。3通过作品的制作，学会对Flash工具箱面板中工具的使用，理解Flash软件动画设置的基本原理，学会创建补间动画的方法和创建补间形状的方法。实验实验 第第6章章结束结束目录目录第第5页页结束结束目录目录第第6页页6.4 实验过程和步骤6.4.1 实验1 演示单摆运动1思路建立一个Flash CS 4文件，设置背景图层，利用工具箱面板中的工具绘制一个单摆元件，回到场景制作单摆的运动动画。测试影片观看效果，若不满意则调整。最后保存文件并生成影片。实验实验 第第6章章结束结束目录目录第第7页页2过程和步骤（1）建立Flash文件。（2）设置背景图层。（3）制作单摆元件。（4）制作单摆的摆动效果。（5）加入补间动画。（6）测试影片。（7）保存文件。实验实验 第第6章章结束结束目录目录第第8页页（1）建立Flash文件 实验实验 第第6章章启动启动Flash CS 4，建立一个新文建立一个新文件，进入件，进入Flash CS 4设计界面，设计界面，如图所示。如图所示。Flash CS 4设计界面设计界面结束结束目录目录第第9页页结束结束目录目录第第10页页（3）制作单摆元件“插入”菜单“新建元件”（或按组合键+），选择“图形”元件，进入元件编辑区。利用工具箱面板中的“线条工具”绘制摆线。选择工具箱面板中的“椭圆工具”绘制一个圆形摆球。绘制好的单摆元件如图所示。单摆元件单摆元件 实验实验 第第6章章结束结束目录目录第第11页页（4）制作单摆的摆动效果 回到场景编辑区，在“背景”图层上面插入“单摆”图层。在“单摆”图层的第1帧，将单摆元件从库中拖入场景，利用“任意变形”工具调整元件的大小、位置，如图所示。单摆图层单摆图层 实验实验 第第6章章结束结束目录目录第第12页页结束结束目录目录第第13页页（5）加入补间动画在第1、第4关键帧之间击右键，在弹出的快捷菜单中选择“创建补间动画”。同理，在各个关键帧之间均加入补间动画。注意：注意：在此不能选择在此不能选择“创建补间形状创建补间形状”，因为每个，因为每个关键帧画面放的是元件而不是图形。关键帧画面放的是元件而不是图形。实验实验 第第6章章结束结束目录目录第第14页页结束结束目录目录第第15页页（7）保存文件将制作的作品进行保存，保存文件名为“单摆实验.fla”。“单摆实验单摆实验”测试影片画测试影片画面面 实验实验 第第6章章结束结束目录目录第第16页页6.4.2 实验2 制作液体变颜色化学实验动画1思路 建立一个Flash文件，导入一幅背景图片，利用工具箱面板中的矩形工具、椭圆工具、颜料桶工具等绘制烧杯，再利用形变动画原理制作在烧杯中滴入一滴试剂后，烧杯中液里改变颜色的动画效果。测试影片并保存文件。实验实验 第第6章章结束结束目录目录第第17页页结束结束目录目录第第18页页（1）制作文件背景 导入背景图。利用“文件”菜单“导入”“导入到舞台”，将“实验背景.jpg”导入到舞台，调整图片大小至合适，将图层1命名为“背景”。导入背景图片导入背景图片 实验实验 第第6章章结束结束目录目录第第19页页（2）制作烧杯及液体 在“背景”图层上新建一个图层“烧杯”。在烧杯图层，用“矩形工具”，在场景中绘制一个圆角矩形，如图所示。绘制圆角矩形绘制圆角矩形 实验实验 第第6章章结束结束目录目录第第20页页 利用选择工具将圆角矩形的下边拉弯，利用椭圆工具和直线工具绘制烧杯口，绘制好的烧杯如图所示。绘制烧杯绘制烧杯 实验实验 第第6章章结束结束目录目录第第21页页 绘制椭圆形液体表面，如图所示。绘制液体表面绘制液体表面 实验实验 第第6章章结束结束目录目录第第22页页 选择白色填充色，为液体填充上颜色，并在25帧和50帧处分别插入关键帧（为后续的动画做准备），如图所示。填充白色液体填充白色液体 实验实验 第第6章章结束结束目录目录第第23页页结束结束目录目录第第24页页（4）制作滴剂下落。在“滴剂”图层将滴剂转换为图形元件。在第15帧插入关键帧，并将“滴剂”拖动到液体表面。在115之间“创建传统补间”动画。滴剂下落过程制作完毕。滴剂下落补间动画滴剂下落补间动画 实验实验 第第6章章结束结束目录目录第第25页页（5）制作滴剂“溶解”过程 在“滴剂”图层的第25帧插入关键帧，点选滴剂元件，将它的“Alpha”属性值设置为0。在1525之间“创建传统补间”动画，滴剂溶解动画制作完毕。滴剂溶解补间动画滴剂溶解补间动画 实验实验 第第6章章结束结束目录目录第第26页页（6）制作液体变色过程 在“烧杯”图层的第25帧，将液体颜色填充为蓝色，并在2550之间“创建补间正式形状”，液体变色过程动画制作完毕。液体变色补间动画液体变色补间动画 实验实验 第第6章章结束结束目录目录第第27页页结束结束目录目录第第28页页6.5 实验作业1制作一个书写文字的动画。2制作一个小球沿下坡运动之后，又沿一直线运动的动画。实验实验 第第6章章结束结束目录目录第第29页页6.6 自主实验参考题目1制作一个认识几何图形的作品，要求作品中带有不同图形的文字说明。2制作一个展示某一地区秀丽风景的动画宣传作品。实验实验 第第6章章结束结束目录目录第第30页页