第七章 动画素材的制作

第七章动画素材的制作【教学目标】对动画及其收集、采集方法有基本的了解，学会制作动画并应用动画进行教学和课件制作。【重点难点】重点是网上动画gif动画和Flash动画的搜索和采集素材，难点是gif动画的制作。【教学策略】教师实例演示，学生上机操作，教师辅导。【媒体选择】本内容授课时间为2课时，讲课时主要采用PowerPoint课件和实际操作讲解相结合，并辅以文字教材和网上学习资源。【教学内容】7.1动画素材简介

动画在多媒体教学和课件制作的应用越来越广泛。动画和电影一样，是利用人类眼睛的“视觉暂留”现象，而使一副副静止的画面连续播放，看起来像是在动。

动画有平面动画和三维动画之分。前者如目前网络上流行的gif动画、Flash动画、SVG动画。后者如用3DSMax、3DS4、Vector3D制作的三维动画。此外，动画还有位图动画和矢量动画之分。前者如Flash动画、SVG动画，后者如gif动画。

1、动画素材的特点

制作课件、网页或网站，往往需要动画的点缀和衬托，起到美化、活化（增加动感、生机），甚至画龙点睛的作用（突出教学重点、突破教学难点，化抽象为具体等）。

2、准备动画素材的方法

自行创作：常见的动画创作工具有Flash、AnimatorPro、Director、3DSMax、3DS4、Vector3D等。

购置动画素材库光盘。

从网上或现成课件的文件夹中搜集。7.2用ImageReady制作文字GIF动画gif动画以其容量小、简单易学等优点受到青睐，是标准的网上动画格式之一。下面介绍如何用ImageReady制作一个有四段文字的GIF动画。一、先准备一张图片，作为动画的背景。然后在ImageReady7.0中打开该图片。这时在它的“动画”窗口中出现了第一帧的图标。利用“复制帧”按钮，将当前帧复制成四帧。注意：在每个帧图标的左上角都有一个数字，表示这是当前帧数。二、制作第一帧动画将光标定位在第一帧上，然后激活图像编辑窗口，从工具箱中选中“文字工具（T）”，在图像上输入汉字，设置字体、字号（例如“华文隶书”、30号字）。三、制作第二帧动画打开Imageready7.0的“图层”菜单，将其子菜单“传播帧1的更改（1）”前面的“√”去掉。在动画窗口将光标定位在第二帧上。这时，图像窗口、动画窗口均与步骤二相同。这时，首先要将文字图层前“眼睛”图标去掉，即在第二帧上将该图层隐藏。接下来，再利用文字工具在图像上输入另一段文字。四、制作第三、四帧动画参照制作第二帧动画的方法制作第三、四帧。在添加该帧的文字时，要将其它图层的文字隐藏。即将光标定位在哪一帧上时，只显示一层文字，其他图层文字隐藏。（也可显示两层，只是两层文字不要重叠）。五、预览动画此时点击动画窗口下方箭头向右的按钮（即播放或停止动画按钮）即可播放。不过此时，播放的速度非常快，各帧之间没有停留。要想延迟各帧时间，需要做如下设置：点击动画窗口中“0秒”右边向下的箭头，选择你所要设置的秒数。将每一帧设置完后，再播放看一下效果，若不满意可再重新设置。六、输出动画现在的文件格式还不是.gif格式，不能直接插入课件或网页中，需要进行优化输出。优化输出时需经过以下步骤：1、在ImageReady软件的“优化”窗口中进行参数设置，按默认设置即可。2、设置完毕，打开“文件”菜单，点击“输出优化结果”，即可将动画文件输出。试一试从网上下载一个gif动画，用ImageReady将此动画打开，利用动画面板进行修改，例如修改其中的汉字或者其他内容，使合乎自己制作课件或网页的要求，最后优化输出。7.3用GIFAnimator制作GIF动画

一、熟悉GIF界面首先，让我们先熟悉一下GIFAnimator界面。1．菜单栏，包括文件、编辑、查看、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。在GIFAnimator中，层的概念大致等同于帧，在图层的菜单中，添加层即是向GIF中添加帧，这些层可以是空白的图像、导入的图像和相应的视频文件，也可以是包含注释信息的帧。在视频F/X菜单中集成了23种动画效果，其功能如下表：效果功能3DGate-3D（三维立体）在动画中实现两个帧之间的动画3D过渡效果，可以在对话框中设置过渡方向、填充颜色和柔化过渡边界的参数。BuildDiagonal-Build（倾斜过渡）按照不同的倾斜对角线路径，逐渐的按照不规则块的方式实现两个帧之间的过渡ClockSweepClock（时钟式过渡）按照顺时针和逆时针方式实现过渡效果F/XDiamondF/X（菱形F/X动画）菱形效果IrisF/X（彩虹F/X动画）十字心形的彩虹效果MosaicF/X（马赛克F/X动画）马赛克元素效果PoweroffF/X（关机F/X动画）显示器关机效果FilmFlapB-Film（分割的倾斜翻页效果）将原来的帧分为四份，分别从中心开始倾斜的实现与目标帧的过渡ProgressiveFilm（前进式翻页效果）也是将原来的帧分为四份，分别从中心开始以前进式的方式实现到目标帧的过渡TurnFilm（整页翻页效果）整页翻页效果来实现两个帧之间的过渡，同时可以设置翻页的方向等参数PeelTurnPeel（整页翻页的剥落效果）以剥落的效果实现两个帧之间的过渡，与上一个翻页效果略有不同。PushRunandStopPush（移动到停止间的推动效果）为了消除两个帧之间生硬的动画元素移动，使用这种效果可以将这种效果作成好看动态效果RollSideRoll（整面翻转效果）整面翻转效果SlideBar-Slide（条状滑动效果）可以从不同的方向用两个条状的滑动实现过渡StretchCrossZoom-Stretch（交叉缩放拉伸效果）交叉缩放拉伸效果WipeStarWipe（星形擦除效果）星形擦除效果2DmappingCrop…（修剪效果）修剪效果CameraLenGradient（倾斜效果）在原帧中加入模糊的镜头，可以设定移动方向等参数Mirror（镜象效果）对原帧中的明显的对象加以处理，实现两个帧之间的过渡ZoomMotion（缩放动作效果）缩放效果DarkroomHue&Saturation（色调饱和）设置图像中的颜色的变化效果NaturePaintingCharcoal（木炭效果）木炭效果SpecialAddNoise（加入噪音）在原帧中加入噪音干扰效果Wind（风）风的效果2．工具栏，可以通过点击按钮实现对文件的操作、撤消和重做、填加图像、动画和注释以及对每个图层的上移和下移操作，还有将编辑好的GIF动画在IE和Netscape中预览。3．参数设置区，在这个区域中设计者可以设定动画的每一幅图像的标题、移动方式、高和宽以及是否使用交错效果、透明索引、延迟时间等参数，在右上角的按钮改变全局属性。4．层面板，在第一次启动程序时，层面板显示为列表形式，可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。在导入多幅图像时，列表中列出了每个图像的标题（每幅图像的文件名，在参数设置区可以进行修改）。5．工作区，在这个区域中可以查看GIF动画的结构，还可以针对每一幅GIF动画图像进行编辑。在选择工作模式中有“结构”、“编辑”、“优化”和“预览”，其中最强大的是GIF的优化功能，在GIFAnimator中预设了七个方案，可以将图像优化成色彩数不同的GIF动画，相应的优化后的质量也是不同的。同时还可以对优化的各种参数进行设置，在优化后程序还会报告优化的效果6．调色板，在GIFAnimator中使用的是非标准的Windows调色板。在层面板中选择一帧，然后在调色板中将出现在这个帧中的出现的色彩，但是不可能用到所有的256中色彩，我们可以通过点击加号和减号来管理色彩的种类，并且可以将配置好的配色方案以调色板文件的方式进行导出和导入操作。同时，我们可以通过点击更改色彩按钮，在标准的Windows调色板可以更改选中的色彩。调色板分为局部调色板和全局调色板，全局调色板中定义的是最常用的16种颜色，而局部调色板将可以显示全部的256种颜色。二、制作实例制作一个由多幅图像按照一定的顺序出现的动画。1.使用动画向导，在“文件”菜单中选择“动画向导（AnimationWizard）”。2.在弹出的对话框中点击“添加图像”按钮。3.在弹出的选择文件对话框中选择多个文件。4.点击“打开”按钮，在默认状态下，在选择的文件中按照文件名的先后次序排定在动画中的出现次序。可以拖动文件名调整出现次序。5.经过对图像抖动和延迟时间的设置后，动画中的各个文件会出现在层面板中，可以点击“缩略图”和“胶片”标签查看每个图像的效果，同时点击“预览”标签预览动画。6.在第一幅图像和最后一幅图像的过渡很生硬，所以我们要应用一些效果。在层面板中选择最后一个层，点击“视频F/X”菜单，在“Darkroom”中选择“Hue&Saturation（色调饱和）”。7.在弹出的提示框中询问添加的图层数，在这里我