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