| |
uNc\(lV
GIF动画制作大全 .d?HFuU"d
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS 2G$awsR=Da
作者：mozart~01a@
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS 7qe%PuJiL
本人制作这个教程是为了方便一些不会做GIF图像的人 如果有什么地方说错了 望大家指出谢谢 u`@2x=qVrOv
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS YI:U1Fg
要制作GIF动画首先 应该了解什么是动画 所谓动画就是在一段时间内显示的一系列图像或帧。每一帧较前一帧有轻微的变化，当连续、PT*jrDg#
快速地显示这些帧时会产生运动的错觉。 这就是动画-DVp<>L
?<!D|Gj>
再来了解什么是GIF图片 GIF图形交换格式 是在 World Wide Web 及其他联机服务上常用的一种文件格式，用于显示超文本标记语*eWxd|cZ
言 (HTML) 文档中的索引颜色图形和图像GIF 是一种用 LZW 压缩的格式，目的在于最小化文件大小和电子传输时间。GIF 格式保留rG]w]
索引颜色图像中的透明度 ，但不支持 Alpha 通道。 V0wl}.+
Ml:G6BG
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS 9&-5W%[!Zp
什么是 Alpha 通道 通道是存储不同类型信息的灰度图像 打开新图像时，自动创建颜色信息通道 。图像的颜色模式确定所创建的颜_*I95MP
色通道的数目 例如，通常使用的RGB 图像有 4 个默认通道：红色、绿色和蓝色各有一个通道，以及一个用于编辑图像的复合通道 Q7
uIxpLk
Alpha 通道，可将选区存储为 8 位灰度图像。可以使用 Alpha 通道创建并存储蒙版，这些蒙版使您可以处理、隔离和保护图像的特定部zBC
分。 只有当以 Adobe Photoshop、PDF、PICT、Pixar、TIFF 或 Raw 格式存储文件时，才保留 Alpha 通道。DCS 2.0 格式只保留专色通道。&l/k
以其它格式存储文件可能会导致Alpha通道信息丢失（Alpha 通道其实与GIF动画无关让大家了解一下）(x#S)Z"TG
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS 2
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS iwTp
GIF的替代产品 便携网络图形 (PNG)用于在 World Wide Web 上无损压缩和显示图像。与 GIF 不同，PNG 支持 24 位图像并产生无锯齿状vpEx6
边缘的背景透明度；但是，某些 Web 浏览器不支持 PNG 图像。PNG 格式支持无 Alpha 通道的 RGB、索引颜色、灰度和位图模式的图像。PNG 1hS
保留灰度和 RGB 图像中的透明度不支持动画。50^b
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS 7=!KAv
网络最常用的 联合图片专家组 (JPEG) 格式是在 World Wide Web 及其他联机服务上常用的一种格式，用于显示超文本标记语言 (HTML) `d~i*^(4
文档中的照片和其他连续色调图像。JPEG 格式支持 CMYK、RGB 和灰度颜色模式，但不支持 Alpha 通道。与 GIF 格式不同，JPEG 保留 RGB EzMz=KDa
图像中的所有颜色信息，但通过有选择地扔掉数据来压缩文件大小当然也不支持动画。 p^[%x$@
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS SmN[93
JPEG 图像在打开时自动解压缩。压缩级别越高，得到的图像品质越低；压缩级别越低，得到的图像品质越高Gt1`Z+^
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS <hL[uC+BIm
windows专用格式 BMP 是 DOS 和 Windows 兼容计算机上的标准 Windows 图像格式。BMP 格式支持 RGB、索引颜色、灰度和位图颜色模式。X}Pt(
可以为图像指定 Windows 或 OS/2? 格式和位深度。对于使用 Windows 格式的 4 位和 8 位图像，还可以指定 RLE 压缩不支持动画。 &S&
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS *oDUf_0
BMP 图像通常是自下而上编写出；但您也可以选择“翻转行序”选项，自上而下编写。您还可以点按“高级模式”选择其他编码方法。（“翻JE~3=1
转行序”和“高级模式”对于游戏程序员和其他使用 DirectX 的人员而言最有用。）C2Tj1!
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS vX^2m!w@
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS L3[Mc
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS BYvl ]y5D]#
Zp=
好了对图片格式有了一定的认识下面就来讲讲可以作GIF动画的几个常见的软件 {h_Z
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS N_rIxNZh
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS JA0|]sz
介绍软件前先对大家说说优化设置这个项目 其功能不是让图片更好看而是对图片进行压缩就向jpeg那样对图片的某些象素进行删除Fre;iFkGFyr
以减少图片大小的一个项目 这个功能极为有用 9VsfiP
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS ;CiQ'pBd1
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS mYsJmF$
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS pcASv,W
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS <8)UxFJ
介绍 1 Ulead GIF Animator 5 工具 JLQJEf:Tuo
此工具对于GIF动画初学者来说简直就是GIF傻瓜机 制作极为简单它支持 AVI mpg 的影像文件导入 缺点就是vQ3RxE
\]*c'
用此方法文件占用空间极大 一张几秒的图片一般有上百张图将近1～5MB左右 --nRL):-%O
R{n
不过还是可以用添加图像的方法来制作的 打开影片然后截图 之后添加图像一帧一帧的制作这样图片大小就小的多!doa4dcb
Sy:82z
每一张图片下面有图像停留的时间 选择合适的时间后另存为*z?=5>2N)D
];!B1 _
Ulead GIF Animator 5支持导入的图像BMP (Windows Bitmap) B%RzG#*Qw
EPS (EPS File format)x[~3wN)54M
GIF (Graphics Interchange format)h~jfk
IFF (Amiga ILBM)_T
IMG (GEM Image)|w0y}
JPG (JPEG file interchange format) =p-A
MAC (MacPaint)MSP (Windows Paint)DIj=m
PCD (Kodak Photo CD)柯达公司的照片 CDgy;Hy4v&
J{
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS TsJM/8&2
制作完成后就可以保存GIF Ulead GIF Animator 5支持保存的格式GIF文件格式ltHW>f4@vOa
UGA文件格式4EJt
UFO文件格式C iS*6-0i
PSD文件格式CS<L+]H
:@!}&+
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS 6E8w$_
保存时注意要选另存为如果选 保存 那将只是保存UGA（Ulead GIF Animator 5）格式#<
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS s}r_nj
介绍 2 Macromedia Fireworks MX 2004工具H?r\i
这款工具对于制作网页的人来说那因改是很熟悉的，著名的Macromedia公司出品Fireworks MX 2004相对于上一款来说这款软件制作起来gwTy
就比较繁琐不过效果是比上一款要来的好C9H7~\T`?\G
其中图像的优化设置就要比上一款要好的多 不过制作方法比较繁琐每导入一张图片需要经过点击拉伸的方式来制作d6[fGx^j
k%8% aIgt
在导出的时候先要导出预览才可导处或者导出html然后图片另存为 如果选保存那么格式就是PNG格式虽然PNG格式的帧数没有少 但是上面0/"
提到PNG格式不支持动画所以以PNG格式保存的动画在一般的浏览器中是看不出动画效果的 只有在Macromedia Fireworks MX 2004中才可GTUI]K;U3
以看到 S%a<q$!<2D
Egb(hV4
制作方法首先要新建一个文件 文件的大小尺寸可以自己随意 然后在右边的选项中找到 帧和历史记录 旁的一个按钮按下 选择添加帧4nIgO=%(yA
帧数可自己调节然后在每一帧导入相应的图片（比如说影片中的动作帧的截图等） 导入后看不到图片？ 不要紧看到有个直角标志了吗>oZ7x
点击鼠标不要松开向下拉就可以看到图片了 拉的大小可以随意 如果想拉到和画布一样的大小那么拉到与画布差不多大小的时候图像会Tt?.DT!\
自动找到画布大小将其对应 在每一帧的右边是设置图片停留时间 双击就可以改变时间 Prv? DN{-
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS ey"`MM6
综上所诉的作好每一帧后 就是保存的时候了保存的时候尤其注意 如果只是点击保存或另存为的画那么保存的格式就是PNG格式 在 WebX@+kr k h
上以及图片浏览器上是没有动画效果的只有在 Macromedia Fireworks MX 2004 才有动画效果 :rf=K`
yE}_|~DS,b
想保存GIF格式有这几种方法 文件 选择导出 在格式中选html和图像 那么可以先打开网页在将图片进行保存 还有一种方法就是 文件 lgUP6k
导出预览 然后自己选择一下图像的优化设置优化到合适的大小后导出 这样可以直接导出GIF动画 它还支持导出 SWF flash格式的文^7*&S=W6?b
件P8^4*8
zWD0LY
Macromedia Fireworks MX 2004支持导入的文件Fireworks (*.png)P}o'#C
FreeHand (*.fh7;*.ft7;*.fh8;*.ft8;*.fh9;*.ft9;*.fh10;*.ft10;*.fh11;*.ft11)"6pb68GrQThu
GIF (*.gif)Ud"I<R4'0
JPEG (*.jpg;*.jpe;*.jpeg)^6_GnU9
Photoshop PSD (*.psd)=>`K!b4b";
WBMP (*.wbmp;*.wbm)3 "0]IaC
TIFF (*.tif;*.tiff):H,i@
Targa (*.tga)qbzgsO%%
BMP (*.bmp;*.dib;*.rle)w~Z5.40
Adobe Illustrator (*.ai;*.art) q>,"'l
EPS (*.eps)Nu+(*,)
RTF 文本 (*.rtf )&RsD~S3&MXNk
HTML 文件 (*.htm ;*. html; *.xhtm ;*.xhtml ; *.)U>Lf3%_
ASCII 文本 (*. txt)09qkx'*`
F{%T"yU:
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS a)mrA'Q f
Macromedia Fireworks MX 2004支持导出的文件 HTML和图像5A 7u$v
仅图像（GIF）hA/,t9`xFy3V
Dreamweaver 库 (.lbi )_(+VP'>#]
CSS 层 (.htm )2IN7v
Director (.htm)fj]s7
层到文件（GIF）^W0b
帧到文件（GIF）el>YpIU
Lotus Domino Designer6viU 69knw
Macromedia Flash SWFZ&Dd
Illustrator 7)9cf
Photoshop PSDF\<}*s
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS pR7"{`6$g
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS >:ioawq
介绍 3 Adobe ImageReady 7.0.1 专家级工具X~iMk:
喜欢Adobe Photoshop7. 0.1也就是大家说的PS的用户对于Adobe ImageReady7.0.1 应该有些了解了吧！！ 本人非常喜欢这个软件NW/M4
用它来作GIF简直就是神兵利器啊～～～～～～～w]D:l0
k"Va,ejpH
他可以在Photoshop与ImageReady间自由转换编辑区遇到动画问题可以交给ImageReady遇到图像问题可以教给Photoshop可以不夸张的b1#I+0
说用他们来做动画都可以 具体方法比上面的方法都要复杂一些不过 制作出来的效果 绝对是ImageReady要好 nWm fK
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS I}.5
知道方法的话运用ImageReady来制作GIF才是王道jremB,&1G
$b`Gj
在这里我只简单的介绍动画的制作方法 如果说复杂的那就可以出书了e$pQs
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS U}#n9u
在右边的优化选项中选择图片格式为GIFZ=;[ToI
!}UD)VB
如果是已经有一堆截图准备进行GIF的制作的话简直太简单了 首先先把文件粘贴到一个文件夹 然后运行 ImageReady点击文件 导入pH36Fz.[Z
选择作为帧的文件夹 找到刚才贴入图片的文件夹 确定 之后图片会依次导入快速无比 N@mH0)=
B&S*!9Z
如果想一帧一帧编辑的话下面有个动画的工具栏 点击右边的一个箭头即可 新建帧 每新建一个帧都会以前一帧的图片为背景然后编辑f9 |F.tW
在动画的工具栏中的图片下有图片停留时间 点击即可选择时间 qc24S2Y
12v%+h~5
之后就是保存了 如果选保存或另存为那么图片格式只有PSD格式 如果想保存GIF那么选存储优化结果 或 将优化结果存储为就可以存储+z_Q
GIF图像了Z{HFEp
2GWB2f WiF
Adobe ImageReady 7.0.1支持导入的图片Compuserve GIF (*.gif) ... Adobe ImageReadyo^!Uf)T
JPEG (*.jpg;*.jpeg;*.jpe)e;H
PNG (*.png) ,P,wa
WBMP (*.wbmp;*.wbm)!5 T%5Tre7
Acrobat TouchUp Image (*.pdf;*.ai;*.pdp)fq->2;i
BMP (*.bmp;*.rle;*.dib)/l)>
Filmstrip (*.flm)b$,M5
PCX (*.pcx)u,q3gNw(
Photo CD (*.pcd)e(57zeml
Pixar (*.pxr)`yHr
QuicEPS (*.eps)"-
Targa (*.tga;*.vda;*.icb;*.vst)Yh53E>
TIFF (*.tif;*.tiff)>@J??f37
通用 EPS (*.ai 3;*. ai4;*. ai5; *.ai6 ;*.ai 7;*.)t{s%%f
通用 PDF (*.pdf ;*. pdp)M$Jdz ;YH2
通用 PDF (*.ai )?MPp~<`G]
脚本快捷批处理 (*. exe))a*Q'kT<
Z%j&6`P
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS bi5+5CP*
Adobe ImageReady 7.0.1支持导出的图片 HTML和图像(*. html )iqc
GIF仅限图像(*.gif )[ZnoK
png仅限图像(*.png)nZ'OJf&
jpeg仅限图像(*.jpeg)~Ujb
wbmp仅限图像(*.wbmp)b_I
仅限HTML(*.html )rxmzFYa4
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS fphanhDB
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS lIptsPerb
如果你是想做动画的话 那么建议大家就不要以GIF图片的方式来制作 GIF图片只是让大家娱乐的一个好工具 还是做广告的一个好帮手但Tzp
是如果你是想做一个短片动画的话 用以上工具就有点勉强了 还是建议使用Macromedia Flash软件才是王道～～～～～～～～,<G]jSl/
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS /df8?v`W1M
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS C[.qg{
k[}1RJ
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS "sT{
本人知道 做GIF的方法还有很多 很多～～比如用QQ的动态截图也可以做GIF 以上三种是本人经常用的三种 所以告诉其使用方法如果有JCJY'#;MY9
谁还有补充的话 ， 本人热烈欢迎贵客前来补充。yNOj_rad:S
| | |
|
|
|
按这里注册 
顶端 
加到"个人收藏夹"
主题管理：
总固顶 
消息
查看
搜索
好友
引用
回复
只看我
2005/11/25 10:16pm 
IP: 已设置保密
