樱花大战--浪漫樱姿BBS - 在杂谈&网友交流内发帖

>> 欢迎您，客人：登录

按这里注册

忘记密码

在线

搜索

论坛风格

帮助

插件

>>> 言之有物的聊天也不是那么难的
樱花大战--浪漫樱姿BBS → 杂谈&网友交流 → 发表回复

主题标题： [原创]GIF动画制作大全

您目前的身份是：客人，要使用其他用户身份，请输入用户名和密码。未注册客人请输入网名，密码留空。

请输入您的用户名

您没有注册？

请输入您的密码

忘记密码？

当前心情

将放在帖子的前面

内容　

在此论坛中：

HTML 　标签: 不可用

EMOTE　标签: 不可用

LeoBBS 标签: 可用

贴图标签　: 允许

Flash 标签 : 禁止

音乐标签　: 允许

文字大小　: 允许

帖数标签　: 允许

积分标签　: 允许

保密标签　: 允许

允许使用表情字符转换

　『 HTML 编辑器』『 ASCII 字形生成器』『文本内容替换』

模式:帮助　完全　基本　　>> 复制到剪贴板 | 查看长度 | 转换剪贴板超文本 <<

点击表情图即可在帖子中加入相应的表情

选项

使用 LeoBBS 标签？
是否显示您的签名？
您是否希望使用表情字符转换在您的文章中？
使用字体转换？
加密此帖，只对部分用户可见，用户威望至少需要
出售此帖，只有付钱才可以查看，售价怨金

帖子一览：[原创]GIF动画制作大全 (新回复在最前,最多列出 6 个)　 [列出所有回复]

mozart 发表于： 2005/12/01 01:29am

没人感兴趣么?????? 失落啊~~~~~

Anyhow 发表于： 2005/11/26 02:06pm

强烈要求申精华!!!!!!!!!!!!!!

绝对的指导大作!!!!!!!!!!!!!!

不过,如果有图片的话那就更完美了!!!!!!!!!!!

mozart,你真不怕累啊......强人......兄弟我拜服一个......

mozart 发表于： 2005/11/25 10:16pm

©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　;SnO7
GIF动画制作大全 +c
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　PB
作者：mozartT^q9
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　F
本人制作这个教程是为了方便一些不会做GIF图像的人如果有什么地方说错了望大家指出谢谢 dy+
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　(? Uu?
要制作GIF动画首先应该了解什么是动画所谓动画就是在一段时间内显示的一系列图像或帧。每一帧较前一帧有轻微的变化，当连续、v
快速地显示这些帧时会产生运动的错觉。这就是动画>UL>K*
.
再来了解什么是GIF图片 GIF图形交换格式是在 World Wide Web 及其他联机服务上常用的一种文件格式，用于显示超文本标记语J<m
言 (HTML) 文档中的索引颜色图形和图像GIF 是一种用 LZW 压缩的格式，目的在于最小化文件大小和电子传输时间。GIF 格式保留<A
索引颜色图像中的透明度，但不支持 Alpha 通道。 D$!`Wt
[4UO
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　aRI
什么是 Alpha 通道通道是存储不同类型信息的灰度图像打开新图像时，自动创建颜色信息通道。图像的颜色模式确定所创建的颜];
色通道的数目例如，通常使用的RGB 图像有 4 个默认通道：红色、绿色和蓝色各有一个通道，以及一个用于编辑图像的复合通道 Z+/Pgz
`
Alpha 通道，可将选区存储为 8 位灰度图像。可以使用 Alpha 通道创建并存储蒙版，这些蒙版使您可以处理、隔离和保护图像的特定部@S]$
分。只有当以 Adobe Photoshop、PDF、PICT、Pixar、TIFF 或 Raw 格式存储文件时，才保留 Alpha 通道。DCS 2.0 格式只保留专色通道。T!
以其它格式存储文件可能会导致Alpha通道信息丢失（Alpha 通道其实与GIF动画无关让大家了解一下）B~!g'
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　'OT5l
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　25?
GIF的替代产品便携网络图形 (PNG)用于在 World Wide Web 上无损压缩和显示图像。与 GIF 不同，PNG 支持 24 位图像并产生无锯齿状eOq4
边缘的背景透明度；但是，某些 Web 浏览器不支持 PNG 图像。PNG 格式支持无 Alpha 通道的 RGB、索引颜色、灰度和位图模式的图像。PNG $DS
保留灰度和 RGB 图像中的透明度不支持动画。*
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　@Y[R-
网络最常用的联合图片专家组 (JPEG) 格式是在 World Wide Web 及其他联机服务上常用的一种格式，用于显示超文本标记语言 (HTML) pB/
文档中的照片和其他连续色调图像。JPEG 格式支持 CMYK、RGB 和灰度颜色模式，但不支持 Alpha 通道。与 GIF 格式不同，JPEG 保留 RGB ynN*<l
图像中的所有颜色信息，但通过有选择地扔掉数据来压缩文件大小当然也不支持动画。 $_ya
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　P~m
JPEG 图像在打开时自动解压缩。压缩级别越高，得到的图像品质越低；压缩级别越低，得到的图像品质越高A
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　afAC<w
windows专用格式 BMP 是 DOS 和 Windows 兼容计算机上的标准 Windows 图像格式。BMP 格式支持 RGB、索引颜色、灰度和位图颜色模式。)>Nw
可以为图像指定 Windows 或 OS/2? 格式和位深度。对于使用 Windows 格式的 4 位和 8 位图像，还可以指定 RLE 压缩不支持动画。 K,\V}
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　|a
BMP 图像通常是自下而上编写出；但您也可以选择“翻转行序”选项，自上而下编写。您还可以点按“高级模式”选择其他编码方法。（“翻\>v)|
转行序”和“高级模式”对于游戏程序员和其他使用 DirectX 的人员而言最有用。）"q
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　V
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　H.
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　}@vE9
u
好了对图片格式有了一定的认识下面就来讲讲可以作GIF动画的几个常见的软件 <%
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　qWd=D
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　kgc2Qb
介绍软件前先对大家说说优化设置这个项目其功能不是让图片更好看而是对图片进行压缩就向jpeg那样对图片的某些象素进行删除u
以减少图片大小的一个项目这个功能极为有用 6]vo
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　]ZN\Xl
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　3}
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　d
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　]E>(j
介绍 1 Ulead GIF Animator 5 工具 ]ykf
此工具对于GIF动画初学者来说简直就是GIF傻瓜机制作极为简单它支持 AVI mpg 的影像文件导入缺点就是Rn
59L
用此方法文件占用空间极大一张几秒的图片一般有上百张图将近1～5MB左右 FwRV>]
lKd
不过还是可以用添加图像的方法来制作的打开影片然后截图之后添加图像一帧一帧的制作这样图片大小就小的多 95YtT
rb2lOr
每一张图片下面有图像停留的时间选择合适的时间后另存为|#i_
~RJ^
Ulead GIF Animator 5支持导入的图像BMP (Windows Bitmap) ;)GSIU
EPS (EPS File format)27tj+
GIF (Graphics Interchange format)ICIV*\
IFF (Amiga ILBM)C%.
IMG (GEM Image)A
JPG (JPEG file interchange format) q
MAC (MacPaint)MSP (Windows Paint)0a
PCD (Kodak Photo CD)柯达公司的照片 CDI`=G<
[QQ,
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　dg{{
制作完成后就可以保存GIF Ulead GIF Animator 5支持保存的格式GIF文件格式-Ug#
UGA文件格式"-mi%
UFO文件格式Q
PSD文件格式PSe$
;5E
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　lMa
保存时注意要选另存为如果选保存那将只是保存UGA（Ulead GIF Animator 5）格式N
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　<$^
介绍 2 Macromedia Fireworks MX 2004工具bz,
这款工具对于制作网页的人来说那因改是很熟悉的，著名的Macromedia公司出品Fireworks MX 2004相对于上一款来说这款软件制作起来8hjod
就比较繁琐不过效果是比上一款要来的好8
其中图像的优化设置就要比上一款要好的多不过制作方法比较繁琐每导入一张图片需要经过点击拉伸的方式来制作I
_Fnt@
在导出的时候先要导出预览才可导处或者导出html然后图片另存为如果选保存那么格式就是PNG格式虽然PNG格式的帧数没有少但是上面H,.
提到PNG格式不支持动画所以以PNG格式保存的动画在一般的浏览器中是看不出动画效果的只有在Macromedia Fireworks MX 2004中才可}
以看到 fA%v\
&_g
制作方法首先要新建一个文件文件的大小尺寸可以自己随意然后在右边的选项中找到帧和历史记录旁的一个按钮按下选择添加帧96P
帧数可自己调节然后在每一帧导入相应的图片（比如说影片中的动作帧的截图等）导入后看不到图片？不要紧看到有个直角标志了吗~v{z
点击鼠标不要松开向下拉就可以看到图片了拉的大小可以随意如果想拉到和画布一样的大小那么拉到与画布差不多大小的时候图像会G00{
自动找到画布大小将其对应在每一帧的右边是设置图片停留时间双击就可以改变时间 q6JE
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　y3Klq
综上所诉的作好每一帧后就是保存的时候了保存的时候尤其注意如果只是点击保存或另存为的画那么保存的格式就是PNG格式在 WebX[B05
上以及图片浏览器上是没有动画效果的只有在 Macromedia Fireworks MX 2004 才有动画效果 }X%-u
%qv6P"
想保存GIF格式有这几种方法文件选择导出在格式中选html和图像那么可以先打开网页在将图片进行保存还有一种方法就是文件 |S~]|
导出预览然后自己选择一下图像的优化设置优化到合适的大小后导出这样可以直接导出GIF动画它还支持导出 SWF flash格式的文)N*y;w
件kE`Q
VSj
Macromedia Fireworks MX 2004支持导入的文件Fireworks (*.png)c_v
FreeHand (*.fh7;*.ft7;*.fh8;*.ft8;*.fh9;*.ft9;*.fh10;*.ft10;*.fh11;*.ft11)&+
GIF (*.gif)G4FDcC
JPEG (*.jpg;*.jpe;*.jpeg)1j[
Photoshop PSD (*.psd)g
WBMP (*.wbmp;*.wbm)dn,
TIFF (*.tif;*.tiff)7
Targa (*.tga)HvI
BMP (*.bmp;*.dib;*.rle)+Ro:!
Adobe Illustrator (*.ai;*.art).Np3
EPS (*.eps)E
RTF 文本 (*.rtf )8
HTML 文件 (*.htm ;*. html; *.xhtm ;*.xhtml ; *.)-R
ASCII 文本 (*. txt)]G
P
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　50w
Macromedia Fireworks MX 2004支持导出的文件 HTML和图像~*DtT
仅图像（GIF）&8b>
Dreamweaver 库 (.lbi )DNr
CSS 层 (.htm )<
Director (.htm)[JbhN
层到文件（GIF）J_
帧到文件（GIF）6o\C
Lotus Domino Designer#
Macromedia Flash SWFAj
Illustrator 7)
Photoshop PSDmy+#
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　(
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　E.=
介绍 3 Adobe ImageReady 7.0.1 专家级工具.^JPo}
喜欢Adobe Photoshop7. 0.1也就是大家说的PS的用户对于Adobe ImageReady7.0.1 应该有些了解了吧！！本人非常喜欢这个软件k-'IV
用它来作GIF简直就是神兵利器啊～～～～～～～K
w.
他可以在Photoshop与ImageReady间自由转换编辑区遇到动画问题可以交给ImageReady遇到图像问题可以教给Photoshop可以不夸张的~
说用他们来做动画都可以具体方法比上面的方法都要复杂一些不过制作出来的效果绝对是ImageReady要好 #
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　5P
知道方法的话运用ImageReady来制作GIF才是王道=4P|f(
ARU[|q
在这里我只简单的介绍动画的制作方法如果说复杂的那就可以出书了<W
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　h!i[]D
在右边的优化选项中选择图片格式为GIF@ <<C
Z81y
如果是已经有一堆截图准备进行GIF的制作的话简直太简单了首先先把文件粘贴到一个文件夹然后运行 ImageReady点击文件导入'bG?#I
选择作为帧的文件夹找到刚才贴入图片的文件夹确定之后图片会依次导入快速无比 CkR)c
H
如果想一帧一帧编辑的话下面有个动画的工具栏点击右边的一个箭头即可新建帧每新建一个帧都会以前一帧的图片为背景然后编辑Un2q{y
在动画的工具栏中的图片下有图片停留时间点击即可选择时间 LY1
Vw@SQA
之后就是保存了如果选保存或另存为那么图片格式只有PSD格式如果想保存GIF那么选存储优化结果或将优化结果存储为就可以存储Ce
GIF图像了]+Yt
q$,8
Adobe ImageReady 7.0.1支持导入的图片Compuserve GIF (*.gif) ... Adobe ImageReadyhx`.
JPEG (*.jpg;*.jpeg;*.jpe)M?Ma
PNG (*.png)#
WBMP (*.wbmp;*.wbm)""
Acrobat TouchUp Image (*.pdf;*.ai;*.pdp)'35M
BMP (*.bmp;*.rle;*.dib)4;MXS
Filmstrip (*.flm)c&\Tyx
PCX (*.pcx))N^+d4
Photo CD (*.pcd)|~{Mh|
Pixar (*.pxr)VC
QuicEPS (*.eps)/
Targa (*.tga;*.vda;*.icb;*.vst)Wu91N
TIFF (*.tif;*.tiff)c
通用 EPS (*.ai 3;*. ai4;*. ai5; *.ai6 ;*.ai 7;*.)I>|
通用 PDF (*.pdf ;*. pdp)Tl
通用 PDF (*.ai )I]
脚本快捷批处理 (*. exe)S
x];
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　X#@Fe
Adobe ImageReady 7.0.1支持导出的图片 HTML和图像(*. html )-.
GIF仅限图像(*.gif )N
png仅限图像(*.png)zB;
jpeg仅限图像(*.jpeg)0l@SO
wbmp仅限图像(*.wbmp)a~BQ?w
仅限HTML(*.html )N>xNO
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　G{i
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　>~6A:*
如果你是想做动画的话那么建议大家就不要以GIF图片的方式来制作 GIF图片只是让大家娱乐的一个好工具还是做广告的一个好帮手但hqA
是如果你是想做一个短片动画的话用以上工具就有点勉强了还是建议使用Macromedia Flash软件才是王道～～～～～～～～I
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　-Go9
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　H,7'7
uP
©樱花大战--浪漫樱姿BBS -- 樱花大战--浪漫樱姿BBS　　@PB
本人知道做GIF的方法还有很多很多～～比如用QQ的动态截图也可以做GIF 以上三种是本人经常用的三种所以告诉其使用方法如果有mM
谁还有补充的话，本人热烈欢迎贵客前来补充。\5q

本论坛言论纯属发表者个人意见，与 樱花大战--浪漫樱姿BBS 立场无关

当前页面执行消耗时间： 62.50 毫秒　[Gzip: On, Level: 9]