现代教育技术实验报告

试验四动画资源的猎取、处理及应用的形象与运动，擅长表现抽象事物，更能提炼和概括物体的形象与运动。进展规律，为提高教学质量制造了条件。同时动画形象、生动，能够引起学生的留意力。动和三维动画，本试验中的动画指的是二维动画。【试验目的】了解动画形成的根本原理了解动画资源的常用格式学会动画资源的猎取方法能够制作简洁的动画资源学会在多媒体课件、主题学习网站中使用动画资源的方法【试验类型】根底型试验【试验任务】用于课件或网站中。要求做到：依据课程教学内容表达的要求，设计好相应的动画资源。Flash制作)。动画教学资源很好地表达教学内容，运动效果设计合理，运动速度适合教学要求，演示效果清楚自然。运用于PowerPoint或Dreamweaver制作的课件或网站中。【试验环境】能够连接Internet的多媒体计算机；MacromediaFlash、MicrosoftPowerPoint、MacromediaDreamWeaver【试验指导】一、动画形成的根本原理画或一个物体后，在约0.1秒内不会消逝，利用这一原理，在一幅画还没有消逝前播放出下一段时间内物体的变化，当这些图片以肯定的速度连续播放时，就会给人以动画的感觉。二、常用动画文件的格式GIFGIF〔GraphicsInterchangeFormat)GIFcompuserve创立的目前使用最广泛的图形图像文件格式之一，是目前不失真且压缩效率最高的一种格式。GIFGIFGIF大局部软件和扫瞄器都支持GIF动画。另外它直观、生动、小巧、易学易用，且制作gif动画的软件众多。GIF动画内容和形式简洁，不行以对动画过程进展掌握和互动，而且不能添加音频和视频等多媒体元素。因此，在教学中，GIF动画往往用来制作简洁的按钮或教学网页广告条，不能制作长时间的、要有音视频元素的动画和交互式动画。SWFSWF〔ShockWaveFlash〕文件格式，扩展名为SWFMicromedia公司推出的Flash软件的矢量动画格式。SWF动画基于矢量图形，承受曲线方程描述其内容，不是由点阵组成内容，因此文件的体积很小，便利网络传输，并且在缩放时不会失真，格外适合描述由几何图形组成的动画，如教学演示等。由于这种格式的动画可以与HTML文件充分结合，并能添加MP3音乐，因此言，可用于制作有高度交互性的网络动画。在教学中，SWF文件可以制作演示型教学动画，可以用来制作多媒体课件或教学网站的按钮，也可以用来制作交互式课件或教学玩耍，还可以用来制作教学网站。FLIC、FLI/FLCFLICAutodeskAutodeskAnimator/AnimatorPro/3DStudio2D/3DFLICFLC和FLIFLI320×200FLCFLI的数据压缩技术，其区分率也不再局限于320×200目前，FLIC被广泛用于动画图形中的动画序列、计算机关心设计和计算机玩耍应用程序。三、动画资源的猎取方法UleadGifAnimator、MacromediaFlash制作动画资源外，通过网络下载是一种格外主要的猎取方法。在这里我们重点学习如何从网上下载GIF动画和SWF〔一〕GIF动画资源GIFGIF翻开网页，在GIF动画文件上单击鼠标右键，选择“图片另存为GIF计算机中。〔二〕SWF动画资源动画下载链接须下载的动画GIFSWFFlashFlashFlash动画下载链接须下载的动画下载供给了下载链接的FlashFlash动画，并找到该动画的下载链接，单击该链接，即可下载该Flash动画。实例Flash动画。1InternetExplore地址栏中输入网址〔“://flashguest/“://flashguest，图4-1 Flash动画所在网页翻开网页，找到需要的Flash动画。动画下载链接第2步：在网页上单该动画的下载链接4-14-2在弹出的“文件下载”对话框中单击“保存”选择保存位置，将动画保存到计算机中。动画下载链接下载未供给下载链接的Flash源在网上有大量的Flash动画没有供给下载链接如何下载这类动画呢？其实一般只要 图4-2 Flash动画下载页面访问过一张带有FlashFlash机上，我们只要找到这个临时存储网页动画文件的文件夹，就能找到该Flash实例：下载温州大学首页上的Flash动画。须下载的动画第1步：翻开温州大学首页“:///“://.cFlash4-3须下载的动画2IEInternetInternet选择“常规”选项卡，单击置”对话框中单击“查看文Internet临时文件夹”〔Temporary InternetFile。3Internet时文件夹中的文件以具体信息的方式显示，并按“上次访问时间”排列。假设不是这种法设置成按此方式排列：

4-3温州大学首页FlashInternet临时文件Flash图4-4 Internet临时文件夹图4-4 Internet临时文件夹4-4所示。第4步：拖动“Internet临时文件夹”窗口的垂直滚动条到最下方，从下往上找类型Flash〔或ShockWaveFlashObjec〕的文件，把该文件拷贝到计算机某位置〔桌面，查看该文件是否是我们要下载的动画，假设是，则已成功地完成了动画的下载。假设不是我们要的动画，则连续从下往上找，直到找到为止。在例中的Top_mian.swf文件就是我们要下载的温州大学首页上的Flash4-4四、动画资源的制作制作动画资源的软件有很多GIFUleadGifAnimatorEximiousSoftGIFCreator、GIFMovieGear等；制作SWF动画可以用MacromediaFlash、AdobeFlash等。本试验以MacromediaFlash〔一〕Flash软件界面Macromedia公司的Flash软件是制作SWFMacromediaFlashprofessional“Flash/“FlashFlashMacromediaFlash标题栏标题栏菜单栏浮动面板组时间轴工具箱图4-4 Internet临时文件夹工作区舞台动作面板属性面板4-5MacromediaFlashprofessional8.0professional8.0的操作界面，如图4-5所示。单击菜单项“窗口面板及其他浮动面板。〔二〕运动对象的绘制MacromediaFlash利用FlashFlash工具箱中供给了绘图工具、查看工具、颜色工具、选项工具，我们可以利用这些工具绘制运动对象。在FlashFlash本身就是一个格外便利的临摹工具，可以用它很便利地临摹他人的好作品，快速提高自己电脑绘画的水平。利用数位板绘图4-6所示，使用它能够很便利的在电脑中绘制动画运动对象和动画背景。用纸和笔手绘后扫描或拍摄摄再导出到电脑，再做进一步的处理。在这里我们重点介绍前两种绘图方法。FlashMacromediaFlashprofessional8.0具箱供给了用于图形绘制和编辑的各种工具，4-7选择工具象。象边沿，当鼠标由箭头变成箭头+弧形时，如图4-84-9Ctrl4-10

4-6数位板图4-7 Flash工具箱 图4-8鼠标靠近边沿 图4-9变形后的效果 图4-10按住Ctrl键的变形效果任意变形工具利用任意变形工具可对图形进展缩放、扭曲、封套和旋转变形，还可以转变中心点。填充变形工具宽度等。线条、椭圆、矩形工具线条工具用于绘制各种长度和角度的直线。椭圆工具用于绘制椭圆，按住Shift键可以绘制正圆。矩形工具用于绘制矩形，按住Shift键可以绘制正方形。铅笔、钢笔工具铅笔工具用于绘制不规章的曲线或直线。钢笔工具用于绘制准确、光滑的曲线，调整曲线曲率等。橡皮擦工具橡皮擦工具用于擦除对象的填充和轮廓笔触颜色、墨水瓶工具笔触颜色用于设置笔触的颜色。墨水瓶工具则用于将设置好的笔触颜色应用到对象的轮廓上，以转变线条的颜色。填充颜色、颜料桶工具填充颜色用于设置填充的颜色。颜料桶工具则用于将设置好的填充颜色应用到对象的内部填充区域颜色。文本工具Flash的文本：静态文本、动态文本和输入文本。手形、缩放工具手形工具用于通过鼠标拖动来移动舞台画面，以便更好地观看。缩放工具用于转变舞台画面的显示比例。通过选项工具栏可以切换放大工具和缩小工具。Flash建、保存单击菜单项“文件”/建一个Flash单击菜单项“文件”/Flash.Fla导出、公布.swf的动画文件。翻开“公布设置”对话框，可以设置发布的文件格式类型，如图4-11SWFFlashHtml单击菜单项“文件”/可以在与.fla源文件同一名目下得到发

4-11公布设置对话框布后的文件。假设公布设置中设置导出SWF格式的FlashHtml后将在与.flaSWFhtml设置Flash单击菜单项“修改”4-12依据实际需要在这里设置文档的尺寸、背景颜色等。帧频指影片每秒播放的帧数，帧频的大小/fp，默认的帧频为12fp。导入外部位图素材单击菜单项“文件”/“导入”/“导入到Flash用。对象的组合与分别

4-12文档属性对话框组合是将假设干个对象组合在一起而不转变他们各自的属性。单击菜单项“修改”/“组象返回到组合之前的状态。要将组、实例和位图分别成单独的可编辑元素，可以使用菜单项“修改”/“分别”命令，分别可以极大地减小导入图形的文件大小。对象的对齐当创立多个对象时，往往需要确定各对象之间的相对位置。单击菜单项“修改”/“对4-13多种对齐方式组合在一起，使用起来格外便利。图4-13对齐面板 图4-14变形面板对象的变形我们除了可以使用工具箱中的“选择工具”拖曳对象边沿转变对象外形，或者使变形。/“扭曲、翻转等变形操作。4-143、利用Flash我们可以利用Flash运动对象。4-151步：建FlashMacromediaFlash/“建”/“FlashFlash/“文〔如宽640px，高480p。2色板，设置为无填充颜色，如图4-16所示。单击工具箱的“笔触颜

4-15试管效果图4-17形。第3图4-18所示时，按住鼠标左键不放，拖曳鼠标使下边界由线段变形，成为弧形，即可得到4-15第4.Fl。填充颜色填充颜色无填充颜色笔触颜色无笔触颜色图4-16填充颜色调色板 图4-17笔触颜色无笔触颜色图4-18鼠标外形发生变化 图4-19液滴效果图 图4-20鼠标外形发生变化实例：4-191选择工具箱中的椭圆工具，单击工具箱的“填充颜色画出一个小椭圆。24-20所示时，按住键盘Ctrl键，同时按住鼠标左键不放，拖曳鼠标使椭圆上端弧形变形，直到4-19第3.Fl。实例：4-21图4-21滴管效果图 图4-22绘制的椭圆1选择工具箱中的椭圆工具，单击工具箱的“填充颜色4-22〔选择局部的高度约为总高度的1/3，如图4-23所示。按键盘的delete4-24图4-23选择局部椭圆 图4-24细口玻璃管第2步：在细口玻璃管四周的空白处，利用矩形工具、椭圆工具、橡皮擦工具、任意变形工具绘制滴管的胶头。4-25利用选择工具选择重叠局部多余的线段，按键盘的delete键，删除这些多余的线段，4-26 4-25选择局部椭圆

4-26滴管胶头3选择工具箱中的椭圆工具，单击工具箱的“填充颜色工具箱的颜料桶工具，在滴管的胶头上单击，胶头就变成红色了。4利用选择工具，框选滴管胶头，移动到细口玻璃管上方，如图4-27所示。胶头的尺寸比起细口玻璃管过大，我们利用选择工具单击胶头的红色填充局部，再按住键盘的shift键双击胶头的边沿线，选中胶头。再单击工具箱的任意变形工具，胶头四周消灭的调整框，框，如图4-28所示。拉动调整框边界限，缩小胶头的尺寸，使胶头与细口玻璃管尺寸协调。选4-21第5.Fl。图4-27胶头移动到细口玻璃管上方 图4-28使用任意变形工具调整胶头大小4Flash在Flash底不深的人们快速绘制运动对象的重要方法。第1Flash文档。2/“3“对齐再分别单击“水平居中”和“垂直居中1定/4-291。建图层建图层删除图层锁定/解锁按钮4-29时间轴层掌握窗口4利用工具箱中的放大镜放大临摹的参考位图线连接而成，因此可以实行先直后曲的方法绘制。在时间轴层掌握窗口中单击“建图层”按钮，建得到图层2，预备在图层2中临摹〔如红色、绿色等，然后在参考位图的边界拉出或许轮廓。选择工具箱的箭头工具，将鼠标指针接近直线的中部，拖动鼠标指针转变线条的曲率，直到和参考位图上的曲线根本重合。实行这种先直后曲的方法绘制出全部轮廓。5临摹绘制好的对应区域上单击，即可填充与参考位图一样的颜色。第5.Fl。〔三〕动画制作根底FlashFlash画指帧内容是变化的，制作时先把一帧一帧的内容都制作好，然后由帧播放产生动画效果。动画效果可以由计算机自动完成。时间轴和帧在Flash否流畅，在很大程度上打算于时间轴和帧的使用。4-30所示。层掌握窗口层掌握窗口时间轴过渡帧未用帧场景比例空白关键帧关键帧空帧一般帧播放头4-30时间轴窗口帧是影像动画中最小单位的单幅影像画面34-30关键帧：包括关键帧和空白关键帧。任何动画要表现运动或变化，至少前后要给出两个不同的关键状态，而中间状态的变化和连接电脑可以自动完成，在Flash中，表示关键状态的帧叫做关键帧。持在舞台上。得到，它所包含的元素属性的变化是通过计算得来的。全部关于帧的操作，如插入、复制、粘贴、删除、剪切、转换，我们都可以按如下方法进展：在某帧上单击选择该帧，单击鼠标右键，在弹出的菜单中选择相应的命令。元件与实例元件是FlashFlash3影片剪辑：是指一段完整的动画，可以包含一切素材，如图形、声音、按钮、其影片剪辑添加动作脚原来实现交互或制作一些特别效果。按钮：主要用来实现交互。图形：和影片剪辑类似，可以参加其他的元件和素材，也可以是一段动画。它拥有自己的时间轴，不具有交互性，不能添加滤镜和声音。场景元件/“4-31件的类型。单击“确定”按钮后，将进入元件编辑界面，如图4-32场景元件图4-31创立元件对话框 图4-32元件编辑界面实例库面板元件退出元件的编辑模式，返回场景1。创立的元件会自动成为当前文档的库的一局部。单击菜4-33所示。元件只需创立一次，就可以在整个文实例库面板元件4-33元件与实例逐帧动画的创立大的敏捷性，几乎可以表现任何想表现的内容。逐帧动画可以依据以下步骤来创立：第1Flash文档。23〔秒*帧频〔秒”计算该关键帧连续的帧数N。选择第一个关键帧N帧之后的帧，单击鼠标右键，选择“插入关键帧”命令，创立其次个关键帧内容。如设计某关键帧需要持续1Flash12〔帧/秒1213帧。43第5第6.Fl。运动补间动画的创立运动补间动画可以实现运动对象位移变化、缩放、旋转、颜色变化等动画效果。运动补间动画可以依据以下步骤来创立：第1Flash文档。第2步：预备运动对象。运动补间动画的运动对象必需是实例、组、文字对象、或者导入的外部位图图像，不能是可单独编辑的图形对象。3第4依据公式“帧数=时间〔秒*帧频〔/秒”计算该关键帧连续的帧数。选择第一个关键帧N帧之后的帧，单击鼠标右键，选择“插入关键帧”命令，创立其次个关键帧内容。54-34所示。4-34属性面板第5第6.Fl。外形补间动画的创立运动补间动画可以完成从一个外形到另一个外形的过渡骤来创立：第1Flash文档。2例、组、文字对象、或者导入的外部位图图像，实例、组、文字对象、或者导入的外部位图图像只有经过分别以后才可以作为外形补间动画的运动对象。第3步：创立第一个关键帧内容，预备运动的初始状态。第4依据公式“帧数=时间〔秒*帧频〔/秒”计算该关键帧连续的帧数。选择第一个关键帧N帧之后的帧，单击鼠标右键，选择“插入关键帧”命令，创立其次个关键帧内容。54-34所示。第6第7.Fl。(四)教学动画制作实例(四)教学动画制作实例来讲解教学动画制作的具体过程。1．模拟小球碰撞的运动补间动画的制作制作思路：本动画的运动对象是两个小球〔如红色小球和绿色小球，我们需要预备两个运动对象三个子动画是同时进展并持续一样时间的，第一个、第三个子动画完成之后，其次个个子动画同时进展并持续一样时间。四个位移子动画我们既可以通过外形补间动画来实现，也可以通过运动补间动画来实现，这里我们将四个子动画制作成运动补间动画。制作步骤：第1Flash文档。2/“〔也可以是影片剪辑，如图4-354-35创立元件在红色小球元件编辑界面中，选择工具箱中的椭圆工具，单击工具箱的“填充颜色4-36所示。单击工具箱的“笔触颜shift键的同时，在舞台上按住鼠标左键4-37填充颜色填充颜色红-黑放射状渐变色4-36填充颜色调色板4-37创立红色小球元件3，打开“直接复制元件”对话框，修改元件名称为“绿色小球工具，单击选择红色小球，再单击工具箱中的“填充颜色绿-黑放射状渐变色。小球就变成绿色了。4单击时间轴左上角的场景按钮，退出元件的编辑模式，返回场景1。1”字样上双击，如图4-38所示，即可修改图层4-39548412/484-3814-39绘制路面在第4814864-40所示，建图层2，修改图层名称为“红球运动创立红球运动图层的第1个关键帧：单击“红球运动”14-41所示。创立红球运动图层的第224工具，选择红球，移动到路面4-42运动图层的两个关键帧之间的任意一帧，翻开属性面板，设置补间属性为“动画

4-40建红球运动图层4-4114-4217间运动到左边的运动补间动画。创立红球运动图层的第348弹出的菜单中选择“插入关键选择红球，移动到路面的左边，4-43设置补间属性选择红球运 图4-43红球第2次运动完毕状态4-441动图层的第2、3关键帧之间的任意一帧，翻开属性面板，设置补间属性为“动画84-451在时间轴的层掌握窗口中单击“插入图层”按钮，建图层4-451创立绿球运动图层的第1个关键帧：单击“绿球运动”14-44所示。创立绿球运动图层的第2的第24帧，单击鼠标右键，键帧，使用工具箱中的选择 图4-46绿球第2次运动完毕状态工具，选择绿球，移动到路面的中间位置，如图4-45所示。93484-46所示。2、3关键帧之间的任意一帧，翻开属性面板，设置补间属性为“动画第10第11.Fl2．模拟碳酸钠水溶液与氯化钙水溶液反响产生白色沉淀的变色动画制作思路碳酸钠水溶液与氯化钙水溶液反响,会产生白色的碳酸钙沉淀产生沉淀，氯化钙溶液变色的动画。第一个子动画的运动对象是碳酸纳水溶液液滴，动画效生变化，该效果也可以通过运动补间动画来实现。制作步骤1步：建Flash启动MacromediaFlash“FlashFlash的尺寸〔如宽640p，高480p，修改舞台的背景颜色〔如设置为蓝色。2参考上述介绍的方法建试管元件，绘制试管。将试管的填充颜色设置为白色。如图4-474-48参考上述介绍的方法建液滴元件，绘制液滴。将液滴的填充颜色设置为白色。如图4-49图4-47试管元件 图4-48胶头滴管元件 图4-49液滴元件3在时间轴的层掌握窗口中，在“图层1”字样上双击，即可修改图层的名称为“背景开属性面板，单击“颜色”下拉菜单，选择alpha，设置alpha654-504-50修改试管实例的颜色属性从库面板中将胶头滴管元件拖放到舞台上。在舞台中，利用选择工具单击选择胶头滴管4-514-52。再调整胶头滴管的尺寸直至适宜。将滴移动到试管的上方，如图4-53图4-51鼠标外形发生 图4-52胶头滴管倾斜肯定角度523完成产生沉淀的动画。Flash默认的帧频为12帧/秒，所以动画总6060604

4-53背景4-54所示，建图层2，修改图层名称为“液滴运动4-54建液滴运动图层创立“液滴运动”图层的第1个关键帧：单击“液滴运动”图层的第1帧选择该帧，从库面板中，将液滴元件拖放到胶头滴管的瘦长4-55创立“液滴运动”图层的第2个关键帧：单击“液滴运动”图层4-55液滴运动的初始状态 图4-56液滴运动的完毕状态的第24选择工具，选择液滴，移动到试管的离下端约1/34-561、2关键帧之间的任意一帧，翻开属性面板，设置补间属性为“动画5在库面板中双击变色溶液元件，进入变色溶液元件编辑界面，2/3delete1/34-576单击时间轴左上角的场景按钮，退出元件的编辑模1。在时间轴的层掌握窗口中单击“插入图层”按钮，3，修改图层名称为“变色动画创立“变色动画”图层的第1动画”图层的第1元件拖放到舞台，使之与试管完全重合，如图4-58所示。单击“变色动画”图1用选择工具单击选择变色溶液实例，翻开属性面板，单击“颜色”下拉菜单，选择alpha，设置alpha20%。创立“变色动画”图224帧选择该帧，单击鼠标右键，在弹出的菜单中选择

4-57变色溶液元件4-58变色溶液与试管重合创立“变色动画”图 图4-59完整的变色动画3个关键帧：单击“变色动画”图层的第60菜单中选择“插入关键帧单击“变色动画”图层的第60帧选择该帧，利用选择工具单击选择变色溶液实例，翻开属性面板，单击“颜色”下拉菜单，选择alpha，设置alpha100%2、3关键帧之间的任意一帧，翻开属性面板，设置补间属性为“动画4-59所示。第7第8.Fl。四、动画资源的应用,既可使课件、主题学习网站更为生动、好玩、活泼气氛，还可以制造虚拟环境，便于帮助学习者比照事物的内部构造及相互关系、事物进程、工艺流程，有利于不同角度、不同距离地显示物体及多层次表现同一PowerPoint演示型课件中动画资源的使用以及在DreamWeaver软件中为主题学习网站添加动画资源。〔一〕PowerPoint演示文稿中使用动画资源GIF动画1步：运用上述方法预备GIF动画资源。2GIFGIF“插入GIF动画文件。3GIF控件属性其他控件在演示型课件中插入控件属性其他控件1步：运用上述方法预备SWF格式的FlashFlash文件〔top.swf〕PowerPoint课件〔如第一章.ppt〕Flash文件格式必需是sw