[原创]GIF动画制作大全(申请精华)

mozart · 发表于 2005-11-25 21:11:46

GIF动画制作大全

                  作者：mozart

   本人制作这个教程是为了方便一些不会做GIF图像的人  如果有什么地方说错了  望大家指出谢谢

要制作GIF动画首先应该了解什么是动画  所谓动画就是在一段时间内显示的一系列图像或帧。每一帧较前一帧有轻微的变化，当连续、
快速地显示这些帧时会产生运动的错觉。这就是动画

再来了解什么是GIF图片 GIF图形交换格式是在 World  Wide  Web 及其他联机服务上常用的一种文件格式，用于显示超文本标记语
言 (HTML) 文档中的索引颜色图形和图像GIF 是一种用 LZW 压缩的格式，目的在于最小化文件大小和电子传输时间。GIF 格式保留
索引颜色图像中的透明度，但不支持 Alpha 通道。

什么是 Alpha 通道  通道是存储不同类型信息的灰度图像打开新图像时，自动创建颜色信息通道。图像的颜色模式确定所创建的颜
色通道的数目  例如，通常使用的RGB 图像有 4 个默认通道：红色、绿色和蓝色各有一个通道，以及一个用于编辑图像的复合通道

Alpha 通道，可将选区存储为 8 位灰度图像。可以使用 Alpha 通道创建并存储蒙版，这些蒙版使您可以处理、隔离和保护图像的特定部
分。只有当以 Adobe Photoshop、PDF、PICT、Pixar、TIFF 或 Raw 格式存储文件时，才保留 Alpha 通道。DCS 2.0 格式只保留专色通道。
以其它格式存储文件可能会导致Alpha通道信息丢失（Alpha 通道其实与GIF动画无关让大家了解一下）

GIF的替代产品便携网络图形 (PNG)用于在 World Wide Web 上无损压缩和显示图像。与 GIF 不同，PNG 支持 24 位图像并产生无锯齿状
边缘的背景透明度；但是，某些 Web 浏览器不支持 PNG 图像。PNG 格式支持无 Alpha 通道的 RGB、索引颜色、灰度和位图模式的图像。PNG
保留灰度和 RGB 图像中的透明度不支持动画。

网络最常用的联合图片专家组 (JPEG) 格式是在 World Wide Web 及其他联机服务上常用的一种格式，用于显示超文本标记语言 (HTML)
文档中的照片和其他连续色调图像。JPEG 格式支持 CMYK、RGB 和灰度颜色模式，但不支持 Alpha 通道。与 GIF 格式不同，JPEG 保留 RGB
图像中的所有颜色信息，但通过有选择地扔掉数据来压缩文件大小当然也不支持动画。

JPEG 图像在打开时自动解压缩。压缩级别越高，得到的图像品质越低；压缩级别越低，得到的图像品质越高

windows专用格式 BMP 是 DOS 和 Windows 兼容计算机上的标准 Windows 图像格式。BMP 格式支持 RGB、索引颜色、灰度和位图颜色模式。
可以为图像指定 Windows 或 OS/2? 格式和位深度。对于使用 Windows 格式的 4 位和 8 位图像，还可以指定 RLE 压缩不支持动画。

BMP 图像通常是自下而上编写出；但您也可以选择“翻转行序”选项，自上而下编写。您还可以点按“高级模式”选择其他编码方法。（“翻
转行序”和“高级模式”对于游戏程序员和其他使用 DirectX 的人员而言最有用。）

好了对图片格式有了一定的认识下面就来讲讲可以作GIF动画的几个常见的软件

   介绍软件前先对大家说说优化设置这个项目  其功能不是让图片更好看而是对图片进行压缩就向jpeg那样对图片的某些象素进行删除
   以减少图片大小的一个项目    这个功能极为有用

   介绍 1  Ulead GIF Animator 5 工具
此工具对于GIF动画初学者来说简直就是GIF傻瓜机  制作极为简单它支持 AVI mpg 的影像文件导入缺点就是

用此方法文件占用空间极大一张几秒的图片一般有上百张图将近1～5MB左右

不过还是可以用添加图像的方法来制作的  打开影片然后截图之后添加图像一帧一帧的制作这样图片大小就小的多

每一张图片下面有图像停留的时间  选择合适的时间后另存为

Ulead GIF Animator 5支持导入的图像BMP (Windows Bitmap)
                                    EPS (EPS File Format)
                                    GIF (Graphics Interchange Format)
                                    IFF (Amiga ILBM)
                                    IMG (GEM Image)
                                    JPG (JPEG file interchange format)
                                    MAC (MacPaint)MSP (Windows Paint)
                                    PCD (Kodak Photo CD)柯达公司的照片 CD

制作完成后就可以保存GIF Ulead GIF Animator 5支持保存的格式GIF文件格式
                                                            UGA文件格式
                                                            UFO文件格式
                                                            PSD文件格式

保存时注意要选另存为如果选  保存那将只是保存UGA（Ulead GIF Animator 5）格式

   介绍  2  Macromedia Fireworks MX 2004工具
这款工具对于制作网页的人来说那因改是很熟悉的，著名的Macromedia公司出品Fireworks MX 2004相对于上一款来说这款软件制作起来
就比较繁琐不过效果是比上一款要来的好
其中图像的优化设置就要比上一款要好的多  不过制作方法比较繁琐每导入一张图片需要经过点击拉伸的方式来制作

在导出的时候先要导出预览才可导处或者导出html然后图片另存为如果选保存那么格式就是PNG格式虽然PNG格式的帧数没有少但是上面
提到PNG格式不支持动画所以以PNG格式保存的动画在一般的浏览器中是看不出动画效果的只有在Macromedia Fireworks MX 2004中才可
以看到

制作方法首先要新建一个文件  文件的大小尺寸可以自己随意  然后在右边的选项中找到帧和历史记录旁的一个按钮按下选择添加帧
帧数可自己调节然后在每一帧导入相应的图片（比如说影片中的动作帧的截图等）导入后看不到图片？不要紧看到有个直角标志了吗
点击鼠标不要松开向下拉就可以看到图片了  拉的大小可以随意如果想拉到和画布一样的大小那么拉到与画布差不多大小的时候图像会
自动找到画布大小将其对应在每一帧的右边是设置图片停留时间双击就可以改变时间

综上所诉的作好每一帧后  就是保存的时候了保存的时候尤其注意如果只是点击保存或另存为的画那么保存的格式就是PNG格式在 Web
上以及图片浏览器上是没有动画效果的只有在  Macromedia Fireworks MX 2004 才有动画效果

想保存GIF格式有这几种方法文件选择导出在格式中选html和图像那么可以先打开网页在将图片进行保存  还有一种方法就是文件
导出预览  然后自己选择一下图像的优化设置优化到合适的大小后导出  这样可以直接导出GIF动画  它还支持导出 SWF flash格式的文
件

Macromedia Fireworks MX 2004支持导入的文件Fireworks (*.png)
                                          FreeHand (*.fh7;*.ft7;*.fh8;*.ft8;*.fh9;*.ft9;*.fh10;*.ft10;*.fh11;*.ft11)
                                          GIF (*.gif)
                                          JPEG (*.jpg;*.jpe;*.jpeg)
                                          Photoshop PSD (*.psd)
                                          WBMP (*.wbmp;*.wbm)
                                          TIFF (*.tif;*.tiff)
                                          Targa (*.tga)
                                          BMP (*.bmp;*.dib;*.rle)
                                          Adobe Illustrator (*.ai;*.art)
                                          EPS (*.eps)
                                          RTF  文本 (*.rtf )
                                          HTML  文件 (*.htm ;*. html; *.xhtm ;*.xhtml ; *.)
                                          ASCII  文本 (*. txt)

  Macromedia Fireworks MX 2004支持导出的文件  HTML和图像
                                          仅图像（GIF）
                                          Dreamweaver 库 (.lbi )
                                          CSS 层 (.htm )
                                          Director (.htm)
                                          层到文件（GIF）
                                          帧到文件（GIF）
                                          Lotus Domino Designer
                                          Macromedia Flash SWF
                                          Illustrator 7
                                          Photoshop PSD

介绍  3  Adobe ImageReady 7.0.1  专家级工具
喜欢Adobe Photoshop7. 0.1也就是大家说的PS的用户对于Adobe ImageReady7.0.1 应该有些了解了吧！！  本人非常喜欢这个软件
用它来作GIF简直就是神兵利器啊～～～～～～～

他可以在Photoshop与ImageReady间自由转换编辑区遇到动画问题可以交给ImageReady遇到图像问题可以教给Photoshop可以不夸张的
说用他们来做动画都可以具体方法比上面的方法都要复杂一些不过制作出来的效果绝对是ImageReady要好

知道方法的话运用ImageReady来制作GIF才是王道

在这里我只简单的介绍动画的制作方法如果说复杂的那就可以出书了

在右边的优化选项中选择图片格式为GIF

如果是已经有一堆截图准备进行GIF的制作的话简直太简单了  首先先把文件粘贴到一个文件夹  然后运行 ImageReady点击文件导入
选择作为帧的文件夹  找到刚才贴入图片的文件夹确定之后图片会依次导入快速无比

如果想一帧一帧编辑的话下面有个动画的工具栏点击右边的一个箭头即可新建帧每新建一个帧都会以前一帧的图片为背景然后编辑
在动画的工具栏中的图片下有图片停留时间点击即可选择时间

之后就是保存了如果选保存或另存为那么图片格式只有PSD格式如果想保存GIF那么选存储优化结果或将优化结果存储为就可以存储
GIF图像了

Adobe ImageReady 7.0.1支持导入的图片Compuserve GIF (*.gif) ...       Adobe ImageReady
                                    JPEG (*.jpg;*.jpeg;*.jpe)
                                    PNG (*.png)
                                    WBMP (*.wbmp;*.wbm)
                                    Acrobat TouchUp Image (*.pdf;*.ai;*.pdp)
                                    BMP (*.bmp;*.rle;*.dib)
                                    Filmstrip (*.flm)
                                    PCX (*.pcx)
                                    Photo CD (*.pcd)
                                    Pixar (*.pxr)
                                    QuicEPS (*.eps)
                                    Targa (*.tga;*.vda;*.icb;*.vst)
                                    TIFF (*.tif;*.tiff)
                                    通用 EPS  (*.ai 3;*. ai4;*. ai5; *.ai6 ;*.ai 7;*.)
                                    通用 PDF  (*.pdf ;*. pdp)
                                    通用 PDF  (*.ai )
                                    脚本快捷批处理          (*. exe)

Adobe ImageReady 7.0.1支持导出的图片  HTML和图像(*. html )
                                    GIF仅限图像(*.gif )
                                    png仅限图像(*.png)
                                    jpeg仅限图像(*.jpeg)
                                    wbmp仅限图像(*.wbmp)
                                    仅限HTML(*.html )

  如果你是想做动画的话  那么建议大家就不要以GIF图片的方式来制作  GIF图片只是让大家娱乐的一个好工具还是做广告的一个好帮手但
是如果你是想做一个短片动画的话  用以上工具就有点勉强了  还是建议使用Macromedia Flash软件才是王道～～～～～～～～



本人知道做GIF的方法还有很多  很多～～比如用QQ的动态截图也可以做GIF  以上三种是本人经常用的三种  所以告诉其使用方法如果有
谁还有补充的话，本人热烈欢迎贵客前来补充。

lllyyykkk · 发表于 2005-11-25 21:59:40

虽然很想支持楼主,
不过这贴该去PC区

JOVI10000 · 发表于 2005-12-5 20:52:07

似乎很难理解吖~作为动漫咪一定要掌握吗？是的话可就辛苦咯~

Questiongo · 发表于 2005-12-6 23:55:19

好象很复杂的样子....真是辛苦楼主了

晓缘 · 发表于 2005-12-10 22:00:52

楼主辛苦了~
不过好像说的空泛了一点~
感觉上都是概念性的东东……
觉得要是配合图片说明，来一个教程会更生动实际一点~

说到ImageReady，我也想学一点，不过找来找去大多是介绍PS的书，IR只是附带一提……[wdb2]

现在只能做做眼睛变色，眨眨眼什么的……[wdb2]顺便，我的头像也是用PS和IR画的。

迷茫雪 · 发表于 2005-12-12 00:39:50

用Macromedia软件做出来的ＧＩＦ图片有渐变颜色的部分变质的厉害

想问下用什么软件比较能够保证导出后图片质量受影响的小些

ＰＳ：除了ImageReady

		自动登录	找回密码
密码			注册