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