精彩动画自己做——GIF Tools
　　在彩屏手机日渐取代黑白屏手机的今天，各种个性化设定、个人DIY要求已经成了一个相当重要的角色。看惯了电脑的屏幕保护程序，是否也想在手机上爽一把吧？又或者想自己亲手制作一个可爱的动画，通过MMS发给亲爱的她或他，送上一份温馨的惊喜呢？来吧，马上为你介绍这个简单好用的手机动画制作软件——Gif Tools，让你在最短的时间里做出自己特色的动画来！
一、软件资料
软件名称：Gif Tools
软件版本：V3.1
软件大小：476KB
软件授权：免费版
软件语言：简体中文
运行环境：Win9x/Me/NT/2000/XP/2003
软件下载：
二、使用软件
　　下载完成后，解压文件包到指定位置，双击其中的
图标即可运行该软件，进入软件的主界面（如图1）
　　然后，我们选择“打开”或者点击工具栏中的“+”按钮插入一幅图片，可以是静态的，也可以是动态的（如图2）。如果是动态的动画的话，将会分为好几帧显示出来。
　　其中选择打开，只能打开GIF格式的文件，而选择插入，则可以选择各种格式的图片素材加入。
　　如果你对动画的要求不高，不准备作细致的修改，直接选择右侧编辑栏的“动画设置”（如图3），在这里你可以看到当前动画文件的有关尺寸和循环次数，我们这里勾选了“永远循环”。（你选择的图片素材应该和你的手机屏幕显示尺寸要匹配，不然的话，你传到手机里面的图象可能就变形了。）
　　如果你想做得更精细一点，要对每幅画面进行不同的效果处理，你可以选定要编辑的图（这里只能对单帧进行编辑），点选右侧编辑栏里的“图像设置”，这里可以设置该帧的延迟时间，也就是该画面在动画中的停留时间，一般设置为35-50较为合适，当然可以设置得更长，但不宜设定得过小，因为帧与帧之间切换得太快的话，是很难看清楚的（如图4）。
　　接着我们可以选中第一张图片，选择菜单“图像处理”，在这里我们可以对当前帧的图像进行简单的修改。在弹出的对话框中选择“特殊效果”标签，其中有多种图像效果，例如我们点选“喷射”，然后拖动滑动块，看，瞬间模糊的效果就做出来了（如图5）。
　　如果此时您觉得不满意的话，可以点击“恢复”按钮回到初始状态，但如果是点了“确认”按钮那可就无法回头喽。设置好以后单击“确认”，回到主界面中。
　　此外Gif Tools还提供了动画效果供选择，通过这些特定的效果，可以为每一幅图象加上各种动态的过渡效果。选中要添加效果的图像，选择菜单“动画效果”，在弹出的对话框中你可以看到有一百多种效果供您选择，此时我们选择第34号“自上向下堆积”，然后点击“添加动画效果到帧列表”按钮，在随后弹出的生成帧窗口中选择适当帧数，其中注意了，此时设置的数字越大的话，生成文件的体积也会越大。设置完毕后点击“确定”按钮即可（如图6）。
　　最后在Gif Tools主界面的“动画制作”下拉菜单里选“优化处理”，可以对动画进行更多的设定（如图7）。
　　当编辑好每一帧图像的具体效果后，你就可以点击工具栏上的“播放键”
，看看你的大作的最终效果了（如图8。
　　好了，对你的作品还满意吧？我们现在把它保存起来，点选工具栏上的“保存动画”按钮，在弹出的窗口中选择存放位置，输入文件名，点击“保存”按钮即可（如图9）。
　　此外，Gif Tools还提供了“Avi格式转Gif格式”和“Gif格式转Avi格式”的功能，点击“工具”菜单下的相应选项，在弹出的对话框中选择源文件及输出动画文件，然后点击“开始转换”按钮即可（如图10）。
相关报道：
新闻热线：010-
责任编辑：
名企动态： |
标志着Windows迈出个性化计算的第一步……
本站特聘法律顾问:于国富律师
Copyright (C) 1997-七个步骤教你用PS制作高质量的gif动画教程
作者：佚名
字体：[ ] 来源：互联网 时间：12-23 14:59:59
这篇教程是向脚本之家的朋友介绍利用PS制作高质量的gif动画，教程比较简单，只需七个步骤，但效果很不错，推荐到脚本之家，喜欢的朋友可以跟着教程一起来学习吧
这篇教程是向脚本之家的朋友介绍利用PS制作高质量的gif动画教程，教程很不错，制作出来的效果非常地棒，推荐到脚本之家，喜欢的朋友可以跟着教程一起来学习吧！
在InVision，GIF可不是消磨时间的玩意&&它们在市场和教育方面扮演着强有力的角色。更有甚者，我们在首页上用的就是GIF，而不是基于代码的炫酷动画。
实际上，人们开始询问，&那些GIF你们怎么做出来的？&是时候透露一下秘密了
1. 秘密武器
这就是我不可告人的小秘密：所有的GIF是从视频文件开始的。我通常在ScreenFlow（www.telestream.net）里制作，我们也用它来制作产品视频。它足够简单，学起来很快，内置了一些非常有用的动画工具。
将动画导出成视频文件后，我通过文件&导入&视频帧作为图层将它导入到Photoshop里。
高级技巧：&如果ScreenFlow或After Effects超出你的预算，可以在Keynote里创作你的动画，然后导出成视频。是的，最后有这个选项。
2. 更少的颜色 = 更多的乐趣
如果想要惊艳的GIF，你得精挑细选地使用颜色。它不仅会使文件大小激增，使用更少的颜色也能让你制作更长、更复杂的GIF，而且文件仍然可以相对较小。（对我来说，1MB以下才算小）
3. 可能的话，使用运动模糊
像ScreenFlow和After Effects这样的软件，能输出带有运动模糊效果的视频。这不仅使你的动画看起来更专业，而且为了压缩文件尺寸，要从Photoshop中的GIF里删掉一些帧，还能帮你蒙混过关。
4. 懒（某种程度来说）
想像一下，本文开头的那个GIF，我本来还能加很多东西进去。带有用户名的小提示、一个鼠标指针点击加号按钮、鼠标滑过头像触发更多提示和悬停状态。人们不用看到每个细节就能了解情况，所以就只展示需要展示的部分&&时间和文件大小是有限的。
下面这些诀窍可能会让你有些紧张，在这之前，先尝试直接导出GIF。如果文件大小可以接受，那么很好！继续这么做。如果它太大了，继续往下看。
5. 删除重复的帧
你的动画很可能在某处会暂时停止。仔细观察，你会发现这些片段包含了一大堆重复的帧，每个0.03秒。如果有10个重复帧，删掉9个，把剩下的那个时间设长一些，比如说1秒。
如果这没用，尝试重新导入视频，但这次要选间隔帧。它会显著缩减文件大小。
高级技巧：&这不是一条铁律，但如果你的GIF有超过150帧，你就得花好一阵子来削减文件大小。
6. 缩减色彩
在Photoshop中保存GIF时，右边能看到一个下拉菜单写着&颜色&。随便调调。只要GIF不会变成一团糟，设得越低越好。
7. 调整失真率
老实说，我甚至不知道失真率是什么意思。但我的确知道，如果你把它设置成1和10之间的某个数，就能在不降低画质的情况下剔除很多kb。
这些都不管用！求助！
如果上面方法都尝试过，但GIF大小就是压不下去，这时候需要倒退一步。你想做的是不是太多了？有没有其他方式达成你的目标？如果把它拆分成几个不同的GIF呢？就像大多数创意产品一样，如果你专注于一件事，你的GIF会表现更好。
大家感兴趣的内容
12345678910
最近更新的内容你所在的位置:&
iSee动炫功能
iSee动炫功能介绍 制作GIF动画不求人
　　与静态图片相比，相信大部分的朋友都更倾向动态图片吧！随着各种GIF制作工具的出现，动态图片的应用变得更加广泛。有些朋友想将自己的网络头像、QQ签名等等弄成动态，但苦于没那技术。没关系，这里小编就教大家用iSee软件制作GIF动画，非常简单实用。
　　1）在iSee的缩略图模式下，选择几张喜欢的照片。（提示：按【Ctrl】和鼠标左键可选择多个图片）
　　然后，点击【炫彩地带】-》【动炫网图】-》【幻灯片动画】，出现以下界面：
幻灯片动画界面
　　2）在继续制作之前，我简单给大家介绍一下GIF动画的基本原理。跟电影一样，GIF动画也是由一张一张的静态图片组合而成的，这些图片连续播放出来，在我们肉眼看来感觉就是里面的画面内容在动了。动画里每一张图片称为一&帧&。iSee的幻灯片动画就是在用户挑选的照片之间插入过渡效果图片。
　　3）通过此界面上方的工具条，可以添加、移除所要播放的图片，以及调整播放先后次序。
　　4）调整动画设置。
调整动画设置
　　图片间动画帧数：在用户选择播放的图片中间插入幻灯片效果图片的数目，此数目越大，动画效果就越平滑、越好，但同时生成的文件也越大。此数目设为1，则最终的动画只切换图片，不显示幻灯特效。
制作GIF动画&
大家都在下
其它图形小分类
最热软件教程最新软件教程
(928679次浏览)
(611244次浏览)
(413613次浏览)
(387209次浏览)
(237661次浏览)
(10次浏览)
软件装机必备手机装机必备后使用快捷导航没有帐号？
只需一步，快速开始
查看: 23099|回复: 19
如何做出清晰高质量图片的GIF小动画？
UID495275在线时间 小时积分5963帖子离线17056 天注册时间
本帖最后由 ywmadonis 于
17:22 编辑
如何做出清晰高质量图片的GIF小动画？我用PS做的PNG格式的图片放到FW里，但不论怎么弄出来的效果都不清晰，不知道网上专业的朋友是如何实现的。懂的朋友指点一下。
FW我没有系统学过，可能这也有很大原因。
我做的效果
本帖子中包含更多资源
才可以下载或查看，没有帐号？
UID203937在线时间 小时积分787帖子离线17056 天注册时间
高级会员, 积分 787, 距离下一级还需 213 积分
楼主看来是没搞懂版主说的什么意思
我来添一足，
GIF只支持单通道透明，也就是说要么全透明要么不透明，
而PNG是支持32位透明，支持各种颜色从0-100的各种半透明
GIF是无法做出完美 的无锯齿动画的！
解决方案是
1、设计时把底色设为纯色或变化不大的渐变色
出图时采用底色和半透明部分混合的方式&&FW输出的面板上里选择底色作为混合色
但这个图放在其它颜色上就会露马脚
2、把动画各帧画到同一张PNG上，用CSS给页面相应位置的DIV作为背景，然后通过JS控制背景图片上移相同的高度来完成动画的实现
3、做成FLASH。。。
UID495275在线时间 小时积分5963帖子离线17056 天注册时间
没有系统学过 Fireworks 确实是很大原因，首先你要了解 Fireworks 输出GIF要怎么设置，你上传的图明显是用 ...
噢，非常感谢。
我去看看如何设置这个“索引色Alpha”。
找时间得学一下FW，但用处好像不是太多。
UID495275在线时间 小时积分5963帖子离线17056 天注册时间
直接在fw里面用矢量图形制作动画
那就是说所有用到的元件要在FW里手绘了，对吧？
UID503274在线时间 小时积分9618帖子离线17056 天注册时间
本帖最后由 WaveF 于
01:34 编辑
没有系统学过 Fireworks 确实是很大原因，首先你要了解 Fireworks 输出GIF要怎么设置，你上传的图明显是用了索引色Alpha，由于GIF不支持Alpha通道（简单理解为半透明），索引色透明其实就是把某些颜色硬生生的从GIF图片上剔除出去，改为绝对透明色，从而造成了你发上来那种图的情况。
而那张所谓的专业网友动画图，只不过是正确设置了输出参数罢了，而且那张图并没有开启透明色。
我抽些许时间用Fireworks也做了一张（时间仓促，已经很晚了，就凑合着看吧）：
本帖子中包含更多资源
才可以下载或查看，没有帐号？
UID89332在线时间 小时积分19252帖子离线17056 天注册时间
直接在fw里面用矢量图形制作动画
UID495275在线时间 小时积分5963帖子离线17056 天注册时间
本帖最后由 ywmadonis 于
10:39 编辑
楼主看来是没搞懂版主说的什么意思
我来添一足，
嗯，解释的很明白了，不多余。就是单色效果可以呗
非常感谢。
UID503274在线时间 小时积分9618帖子离线17056 天注册时间
噢，非常感谢。
我去看看如何设置这个“索引色Alpha”。
如果你钟情于PS，你可以继续用你的PS，不需要说什么“用处好像不是太多”，你可以继续使用“用处很多、可以做视频、可以做3D、编辑模式却一直以印刷类设计为主十几年没变化过的PS”来做Web Design。
其实虽然我说没系统学过Fireworks是很大成因，但其实这是一句客套话。你主要不理解的是图像格式，做GIF动画你最起码要对这种格式有个基本的了解，而不是点击“save for web”，然后点保存就完事了，参数什么的从来不去调也不去学习，这样的话说实话PS也不太适合你，你应该用Ulead GIF Animator。
c2j3y4说的是css sprites的动画方式，在个人网站上可以使用，但在分享网站上一般不会允许你上传css和js等代码，所以有时还是需要用到GIF的，而且分享此类GIF一般不会设计到背景色问题，所以算是弥补了c2j3y4提到的GIF的不足。
Fireworks 是一个强大的软件，如果不是被Adobe刻意弱化其地位，现在足矣取代Photoshop。你要发问，首先要怀着谦卑的心态来看待她，而不是一种高高在上的态度来“不耻下问”。忠言逆耳，希望你能从中受益。
UID494384在线时间 小时积分8047帖子离线17056 天注册时间
有种图像格式叫做APNG，A就是动画的意思。
示例：
/~dolske/apng/demo.htmlhttp://upload.wikimedia.org/wikipedia/commons/1/14/Animated_PNG_example_bouncing_beach_ball.png
UID503274在线时间 小时积分9618帖子离线17056 天注册时间
有种图像格式叫做APNG，A就是动画的意思。
很早以前我就知道有APNG了，但是你不知道的是APNG并不被PNG制定组织所支持。事实上，APNG是一个被否决的方案，并且PNG组织曾宣布不会再考虑APNG，目前支持APNG的浏览器是Mozilla的Firefox，即便是Google Chrome也并不支持它，除非安装第三方扩展。
最近APNG重新进入人们的视野是因为对PNG动画的迫切需求，毕竟GIF已经是不太适合潮流的格式。如果要找一个替代品，那么你们应该尝试去了解一下MNG，这是一种被PNG组织所承认并支持的PNG动画格式。
从个人而言，我是比较偏向于APNG的，不过由于目前浏览器对于APNG和MNG的支持度仍然低得离谱，所以我们还是实际点用回GIF作为过渡吧。
UID13837在线时间 小时积分738帖子离线17056 天注册时间
高级会员, 积分 738, 距离下一级还需 262 积分
这个学习了。
UID495275在线时间 小时积分5963帖子离线17056 天注册时间
本帖最后由 ywmadonis 于
10:41 编辑
很早以前我就知道有APNG了，但是你不知道的是APNG并不被PNG制定组织所支持。事实上，APNG是一个被否决的 ...
嗯，感谢版主答疑。
接着这个问题再追问一下。我在网上找了别人做的成品效果，有PNG分层图(黑背景)，PNG拼图（透明）也就是说，如果做成透明的，就只能以不“完美”的形式展现了吗？貌似我还没有真正搞明白
PNG分层黑背景
本帖子中包含更多资源
才可以下载或查看，没有帐号？
UID495275在线时间 小时积分5963帖子离线17056 天注册时间
有种图像格式叫做APNG，A就是动画的意思。
非常感谢，学习了。
下面有了新追问，能帮忙解答下不
UID494384在线时间 小时积分8047帖子离线17056 天注册时间
先说LZ做的图片和专业网友的对比，同为gif图片，专业网友的那张颜色数量为227(在我机器上的FW里看得)，而LZ做的图片颜色数量仅为25。
gif动画最多颜色数为256，超过256的颜色就会被丢弃或者修改，LZ做的最底下那张动画图肉眼看起来明显的失真，就是这个原因。
专业网友的那张颜色数小于256，加上是单一的背景色，不像下面那几张小太阳的图片，数量颜色很丰富，已经超出了256。这是其”清晰“的原因。再说说”高质量“，在FW下，这张图一共有30个状态(帧)，适合人眼的分辨的帧数，故而看起来很流畅，感觉就像平常看到的视频差不多。
LZ最上面那张自己做的图导出的方式不对，而且只有1帧。最底下那张小太阳，上面也提到了原因。如果想要色彩丰富，而且效果流畅美观的动画，鉴于目前图像技术发展的程度，建议还是采用flash动画或者视频之类的吧。
一些关于GIF动画的理解：
/sutoo/media_dome/07_media_demo/07_animation/a02_gif/index.htm
UID494384在线时间 小时积分8047帖子离线17056 天注册时间
APNG格式的图片对于目前常用的浏览器来说，兼容性还不是很好，Firefox和Opera支持的比较好，其他的像版主所说，需要插件或者不被支持。总之，根据自己的实际需要，选择不同的图片格式或者解决方案。
UID495275在线时间 小时积分5963帖子离线17056 天注册时间
先说LZ做的图片和专业网友的对比，同为gif图片，专业网友的那张颜色数量为227(在我机器上的FW里看得)，而LZ ...
非常感谢指导……
UID655130在线时间 小时积分27帖子离线17056 天注册时间
提示: 作者被禁止或删除。
UID399381在线时间 小时积分1429帖子离线17056 天注册时间
银牌会员, 积分 1429, 距离下一级还需 1571 积分
如果你钟情于PS，你可以继续用你的PS，不需要说什么“用处好像不是太多”，你可以继续使用“用处很多、可 ...
ADOBE是混蛋。
UID677330在线时间 小时积分81帖子离线17056 天注册时间
初级会员, 积分 81, 距离下一级还需 119 积分
ps可以做gif格式的动画，但是要做动画的话好像Flash更专业一些！
UID684276在线时间 小时积分33帖子离线17056 天注册时间
新手上路, 积分 33, 距离下一级还需 17 积分
这个我喜欢
Powered by动漫星空&>&&>&&>&正文
一月新番GIF：你知道省钱的动画应该怎样做吗？
来源：动漫星空[原创]
作者：月下高歌
编辑：月下高歌
浏览：loading
　　大家好，又到了日常回顾动画的时间。说起一月新番，最近开始注意起《只有我不存在的街道》，本来笔者不太喜欢推理题材的动画，但是在很多人安利下看了这部片子，发现确实 做的很好。而且注意到动画制作公司A-1 Pictures这个季度三开动画还能稳定住动画的质量，相比studio deen三开除了昭和元禄落语心中剩下全部作画崩坏，谁是业界良心一眼就能看出来。另外很佩服《只有我不存在的街道》的演出，总是保持一个画面不动给你讲故事，虽然觉得这是为了达到讲故事的效果，但还是有种好省钱的感觉啊。
友情提示：支持键盘左右键“← →”翻页
相关新闻：
二次元手游
类型：角色扮演
大小：619.00 MB
类型：策略经营
大小：320.00 MB
类型：卡牌
大小：34.92 MB
类型：角色扮演
大小：98.80 MB
类型：动作
大小：48.00 MB
游民星空联运游戏