GIF格式动画制作教材.docx

1、GIF格式动画制作教材浅谈GIF格式动画制作邹国平一、什么是动画？动画是通过连续播放一系列画面,给视觉造成连续变化的图画。 它的基本原理与电影、电视一样，都是视觉原理。医学已证明，人类具有“视觉暂留”的特性，就是说人的眼睛看到一幅画或一个物体后，在1/24秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。我们所介绍是一种较简单的动画制作，称作平面GIF动画制作。是由许多帧静止的画面连续播放所产生的动画。 二、什么是帧（zhn）？帧是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。 一帧就是一副静止的画面，连续的帧就形成动画，如电

2、视图像等。帧数，就是在1秒钟时间里传输的图片的帧数，也可以理解为图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）表示。每一帧都是静止的图像，快速连续地显示帧便形成了运动的假象。高的帧率可以得到更流畅、更逼真的动画。每秒钟帧数 (fps) 愈多，所显示的动作就会愈流畅。三、什么是GIF？GIF的全称是 Graphics Interchange Format（可交换的文件格式）， 是 Compuserve 公司提出的一种图形文件格式，主要应用于互联网。GIF格式提供了一种压缩比较高的高质量位图，但 GIF 文件的一帧中只能有 256 种颜色。GIF格式的图片文件的扩

3、展名就是“.gif ”。与其它图形文件格式不同的是, 一个GIF文件中可以储存多幅图片，这时, GIF 将其中存储的图片像播放幻灯片一样轮流显示, 这样就形成了一段动画。GIF 文件还有一个特性：它的背景可以是透明的, 也就是说, GIF格式的图片的轮廓不再是矩形的, 它可以是任意的形状, 就好象用剪刀裁剪过一样。GIF格式还支持图像交织, 当您在网页上浏览 gif 文件时, 图片先是很模糊地出现, 然后才逐渐变得很清晰, 这就是图像交织效果。四、如何制作GIF动画？很多软件都可以制作 GIF格式的文件, 如 Macromedia Flash, Microsoft Powerpoint 等,

4、相比之下, Ulead Gif Animator 的使用更方便, 功能也很强大。Ulead Gif Animator 不但可以制作静态的 Gif 文件, 还可以制作 Gif 动画, 这个软件内部还提供了二十多种动态效果, 使您制作的 Gif 动画栩栩如生。现在我们就开始介绍 Ulead Gif Animator 的安装及使用方法。五、Ulead GIF Animator的安装一般先在网络上搜索,找到后下载，解压到默认的文件夹中。打开该文件夹，找到下面这个文件，设置成桌面快捷方式，双击即可运行该软件。六、案例一制作步骤1)打开“我的文档”，找到示例图片，选择打开方式为“Microsoft off

5、ice picture manager ”来打开该图片。2)在工具栏上按“编辑图片”按钮，选择其中的“调整尺寸”，再将“原始宽度X高度的百分比”设成70，这时显示调整后的尺寸为：560X420像素，按“确定”按钮。3)调整后的图片是做了压缩的图片，为不破坏原图片，需将调整后的图片另外保存。4)启动Ulead Gif Animator，在弹出的启动向导里点击“动画向导”按钮。5)先设置画布尺寸，输入刚才调整的尺寸，即宽560,高420,按“下一步”按钮。6)按“添加图像”按钮，依次将春、夏、秋、冬四幅调整好的图片添加进去，按”下一步“按钮。7)将“画面延迟时间”设为100,将“按帧比率指定”为1

6、,按”下一步“按钮。8)按“完成”按钮。此时动画已初具规模，但还没有形成文件，需给它命名（season.gif)，并将其放入选定的文件夹中。9)可用“Windows图片和传真查看器”打开该文件，也可将其复制后粘贴到文档或网页上，其显示效果都是动画。特别说明：Ulead Gif Animator软件只能对像素较小的图片进行处理。对于像素较高的数码相片，也需采用类似的方法进行压缩和尺寸调整处理后才能使用该软件制作成动画。七、在画面中添加文字（一）制作步骤1)启动Ulead Gif Animator，在启动向导中选择“打开一个现有的图像文件”按钮，在对话框中找到已保存的“season.gif”，按“

7、打开”按钮。2)在帧面板中选取帧，然后点击工具面板上的“T”按钮，再在图片适当的位置上左键点击，出现“文本条目框”，设置字体、大小等格式，输入文字，按“确定”按钮。3)图片上的文字被虚线框着，将鼠标停留在图片上单击右键，从快捷菜单中选取“文本霓虹”，钩选后按“确定”按钮。4)重复2、3步，将四张图片分别添加文字。5)选取文件菜单，选择”另存为”，将添加文字的动画命名为season2.gif。八、在画面中添加文字（二）制作步骤1)启动Ulead Gif Animator，关闭启动向导。2)选择菜单命令“文件添加图像”，将先前调整好尺寸的图片文件“blue hills.jpg”添加到帧面板上。3)

8、按帧面板的的按钮，弹出对话框，其右上角可调整预览框中图片的大小。4)在文本标签中设置字体、大小、颜色等格式；在效果标签中设置 “进入场景”为“Still”，“退出场景”为“减弱”; 默认画面帧控制的设置；在霓虹标签中钩选“霓虹”、“发光”，方向选择“Both Sides”,宽度为“8”，颜色是“黄色”。5)按“开始预览”按钮，就可在上方的预览框中看到设置的文本条目的动画效果；将鼠标停留在文字上时，变为黑色，即可拖动文字移到适当的位置。如果满意，就按“停止预览”后再按“确定”按钮，选择推荐的“创建为文本条”就行了。6)在帧面板的最后一帧任意位置单击右键，弹出快捷菜单，选择“添加帧”。7)重复2、

9、3、4、5、6步骤，依次将其他三张图片添加文字。8)最后将文件“另存为”season3.gif。九、案例二翻页效果制作步骤1)启动Ulead Gif Animator，在启动向导中选择“打开一个现有的图像文件”按钮，在对话框中找到已保存的“season.gif”，按“打开”按钮。2)在帧面板中选取帧，然后使用菜单命令“视频PeelTurn Page-Peel”，弹出对话框。3)设置“效果参数”。十、丰富视觉效果的方法利用菜单命令“视频”可制作出多种动画效果。Ulead Gif Animator 这个软件内部还提供了二十多种动态效果, 可以使您制作的 Gif 动画栩栩如生。十一、案例三汽车的移动

10、制作步骤1)按标准工具栏上的“新建”按钮，再按“画布尺寸”按钮，将画布设置成长条形，如宽度900，高度200。2)按标准工具栏上的“添加图象”按钮，将“car.jpg”文件添加到画布上，在画布上任意位置单击右键，选择“对象属性”，弹出对话框，在“位置与尺寸”标签中可设置图片大小，钩选“保持外表比率”。3)使用工具面板上的“涂擦工具”将图片上的框擦除，然后按“选取工具”按钮，将指针停留在图片上拖动图片到起始位置。4)将指针停留在帧面板上，单击右键，弹出快捷菜单，选择“添加帧”；再点击对象管理面板上最左边的空格，出现一只眼睛，这时帧面板和画布上都出现小车图片，用鼠标将小车拖到目的位置。5)在帧面板

11、上先选一帧，再按住“Ctrl”选另一帧，这样就同时选中了这两帧，单击右键，弹出快捷菜单，选择“画面帧属性”，设置“延迟”为3，“移动方式”为“灵敏”。6)单击帧面板上的“之间”按钮，弹出对话框，在画面帧标签中，“插入帧”设成30，“帧延迟”设成3。将其另存为“开车3.gif”十二、案例四眨眼睛制作步骤1)按标准工具栏上的“新建”按钮。2)按“添加图象”按钮，弹出添加图象对话框。3)因要添加的图片格式为.jpeg，不在文件类型之列，所以在浏览窗口看不到。此时在件名框内输入“*.jpeg”，回车即可在窗口看到要添加的“p1.jpeg”文件，选中它，按“打开”按钮。4)在画布上单击右键，选择“对象属

12、性”，来调整图片的尺寸，注意调整时应钩选“保持外表比率”，这样放大的图片就不易失真。记住图片宽度与高度的像素；按标准工具栏上的“画布尺寸”按钮，调整画布尺寸；使其与图片相配。5)在“帧面板”上单击右键，弹出快捷菜单，选择“添加帧”，重复2、3、4步骤。6)点击工具面板上的颜色选取工具，在上眼皮附近点一下选中皮肤色。7)使用工具面板上的画笔工具，把第二帧的眼睛涂成一条线状，这是操作的要点和难点，最好放大画布上的图片进行。8)选中第一帧，单击右键弹出快捷菜单，选择“画面帧属性”，将延迟时间设为60,再用同样方法将第二帧的延迟时间设为5。十三、案例五闪亮文字制作步骤1)新建一个文件，宽500,高10

13、0,背景透明。2)使用工具面板上的T按钮输入“浅谈GIF格式动画制作”几个字，字体选前面没有号的中文字体，大小为50,颜色采用两种颜色斜率，填充类型选第三种，颜色模式为HSB Clockwise。最后按“确定”。3)使用菜单命令“视频Darkroom/Hue&Saturation，弹出对话框，设置应用这个效果到20帧，背景为白色。按“确定按钮后又弹出对话框，拖动其中的滑块，设置色彩（HUE）和浓度（Saturation）。4)此时产生的闪亮字有白色背景，若想让背景透明，还需进行如下操作：A：分别在帧面板和对象管理面板上选中第二帧，再用工具面板上的“魔术棒”按钮在白色背景上点一下，此时面布上出现虚线框，按键盘上的Delete键即可删除白色背景。B：对其余各帧做A步骤，一帧一帧地删除白色背景。C：将文件另存为“标题.gif“。 .