老婆爱打扮的两种区别:大 师 级 GIF 图 片 制 作 完 整 教 学 帖(中)

先补课一下相关的知识:
首先说抓图:现街机游戏的主流模拟器无外乎Nebula\WinKawaks和NeoRAGEx\Mame.除了Mame是用热键抓图,列举的前3个都有自己的抓图工厂.
这是Nebula的(如下图)

这是Kawaks的(如下图)

这是NeoRagex的(如下图)

他们的抓图各有特点,

做人物gif可以使用软件整体裁减掉，但是做场景图还是不要用它了.
WinKawaks的抓图功能是很强大,它分的活动块相对较少,操作方便,是制作GIF的首选.但他很难抓到游戏中的全部背景,Nebula独有的图层移动和伸缩功能可以多少弥补这一点.但操作繁琐,它的录像功能还会在抓图时被屏蔽.这篇文章中说的背景的隐藏部分就可以用Nebula来抓.制作人物出招时可以用它抓到作伸出视线外的画面.(kawaks和nebula抓下来的图颜色会有少许差异，请看这一篇教程)
再来就是GIF制作软件了:当前比较流行的GIF制作软件大概要属GIF Movie Gear和Ulead GIF Animator了.
GIF Movie Gear制作人物动作十分方便.界面简洁,操作方便.
Ulead GIF Animator在处理图层抖动以及优化等方面都十分出色.该软件的5.0版增加了层的功能以及对象功能，这两点对于制作场景图以及合成图gGIF非常有用(4.0和5.0各有优点,可以在使用中自己摸索使用技巧)现在我们就用WinKawaks和GIF Movie Gear做一个简单的人物GIF.
用WinKawaks读取游戏,选好角色(选择1P VS 2P模式).

首先把背景颜色设置成粉红 操作:视频( V )-设置背景颜色( B )-粉红.

进入"抓图工厂".操作:工具( T )-抓图工厂( S )

介绍一下这个抓图工厂:
1.活动块:是所有画面的显示单元,双击某个单元,单元上的"勾选"会去掉,在游戏窗口,这个单元就不见了,再勾选则又会出现.
2.图层信息:是包括图层\活动块的位置以及是否压缩等数据,不能改动(Nebula可以改).
3.图层:分8x8\16x16\32x32三个选项,本游戏只有8x8图层,它所显示的是"活动块"以外的游戏信息.例如投币数量\怒槽\游戏提示等.抓图时应该把它关闭.
4.保存图像:"未过滤"是指没有经过模拟器处理的,保持了原始的大小和效果,我们就是选它抓图."经过滤"是经过模拟器处理过的抓图,就是把我们直接看的到的效果抓下来,例如你选择了ScanLines( 隔行扫描 )显示模式,用“经过滤”抓图,ScanLines效果也会在抓到的图中体现出来.
5.显示下一帧:这个就不用多说了吧.
6.显示\隐藏此活动块:这个键和用鼠标勾选活动块的效果一样,可以对选中的多个活动块进行显示或隐藏的操作.
7.重新显示全部:按下后,所有的活动块都会重新在Kawaks窗口中显示.
8.闪烁显示所选块:选中某个或多个活动块后,点中此项,选中的活动块就会在游戏窗口中闪烁,有助于辨认所选块在窗口中的位置.
提示:kawaks抓图快捷键为"ctrl＋p" ,"下一帧"的快捷键为"shift＋空格"
那么我们在制作中就要把2P人物和背景以及8x8图层去掉.如图

一般的MVS游戏(例如侍魂和KOF)前几个活动块都表示背景,这里第三个活动块表示人物的影子,中间的块体现人物的活动,最后一个为血槽.CPS系统的游戏(例如名将和街霸系列游戏)差不多也遵循了这个规律.只不过分的块很细很碎.
窗口中只剩下我们要的人物,按"保存图像(未过滤)"就保存了这个画面,再按几下"显示下一帧"注意人物画面是否变化(游戏中的活动块有些是4帧一变有些是8帧 就是说按4下或8下"显示下一帧"人物才能变化动作).大概抓了十几张图了,是不是觉得动作开始重复了,这样差不多够一个循环了.关掉模拟器,到Kawaks安装目录下的capture文件夹里就看到我们抓的图,全是PNG格式的.

用GIF Movie Gear(下简称GMG)的4.0版本支持了导入PNG图像,但我们平时使用的3.0版则不能,需要把它转换成为BMP格式.用任何一款看图软件都 可以实现两者的转换.
这里 简单说说用ACDSee转换.打开ACDSee进入capture文件夹

全选后按"Ctrl+F"弹出"图像格式转换"窗口 如图

选择BMP格式,勾选"移去原文件"后确定.PNG格式的图片就转化成了BMP的了

准备都做完了
打开GIF Movie Gear看到这个界面

第一步:点选如图中"插入帧"按钮找到capture文件夹.

选取所有图片后导入.

这里为了让大家看得明白,我才采用小缩略图,如果在制作中使用小缩略图,就不能分辨人物动作的变化了.
这些缩略图排队的顺序默认的是从上倒下然后再从左往右.打开"查看"--"排列",可以根据自己的喜好更改.
接下来,仔细辨认每张图的变化,删掉重复的(注意人物的呼吸和刀上的水珠),最后保留了一个循环,有14张.注意不要使帧的先后顺序打乱.在GMG中可以使用鼠标拖拽进行顺序编排.
第二步:对所有的帧进行一些设置.
在任意一帧上双击然后选择“所有帧”(或按"Ctrl+A"全选)点按GMG面板上的帧设置选项,如图

弹出设置窗口(Properties窗口)

勾选"透明处理",对它进行编辑,选择粉红色,这样动画中的粉红色就变成透明的了.按"确定".
还是这个页面,看到下面的"动画"一项 如图

在最下面的选择中,选"背景色".这项的作用是,使每一帧显示完了就消失,接着再显示下一帧."无法移除"则是让前一帧显示完后不消失,接着再贴上下一帧.直到全部显示完,再全部清除.这样制作人物时就“重影”了.制作背景时才用这个.选项"不管他拉"(???)则始终都是显示完一帧后再覆盖下一帧,少了"无法移除"选项的最后清除功能.这几个选项都试试,更容易理解.
提示:做人物出招GIF一定要选"背景色"，做场景图则一定要用"无法移除"
OK了.看一下原来的每帧是不是变透明了.

选择菜单里“动画”－“优化(T)Ctrl+T”优化一下(切记要作完前两步之后才可优化)
第三步:对帧进行剪裁.
如果作的是人物图,就需要裁剪掉空白区域.“全选”后进入"动画(A)"--"剪切(O)",然后选自动,有的时候一次不到位,多按几下.再把每个方向上扩大2个象素防止剪切过度.确定. 如图


现在可以预览看看.按"Ctrl+P".看到了.速度有些慢.
最后一步:设置帧的延迟.
这个设置目的是设置每一帧停留的时间.

看到GMG面板上的"延迟编辑窗口",默认的是100(单位是1％秒)我们把第一帧设置成50,把其他的设置成15.再预览看看.好多了吧.
关于"延迟"还有一些经验之谈,设置延迟的最小值一般不要小于6,小于6的话在看图软件里能看到效果但从IE里就会变得比6慢.
保存作品.
全部完成.

素材的另类收集教程
虽然我们已经有大量的素材收集了，但还是有很多人做图时没有素材，现在我就教大家两种素材的收集法。
一、抠图法

比如这上面这张图，我要里面的白虎做素材，难道我要去截图再做吗，当然不用。用GIF Movie Gear打开这个图，先删掉没有白虎的帧(图2)

然后双击任何一帧，打开“属性设置”，选第二分页“全局帧”(图3)

点击“编辑”后弹出如图4界面

其实这就是我们平常的去背景界面了。用“吸管＋”来吸取不要的颜色(图5)

最后就只剩下白虎了，大家在预览动画时可能会看到有黑色的人影(图6)

这个没关系，保存退出，再次用GIF Movie Gear打开就看不到了。如下图

像这个素材的抠取比较简单，也很快，但有的素材图可能会与人物或其他火花之类的共用象素，这时只好保留共用的象素，然后用Ulead GIF Animator 5每一帧去擦除不用的杂质了，擦图时橡皮大小建议用1，虽然擦的慢，但不会出现杂色。
好在这个素材的帧数都不多，稍微加工一下就好了，如果帧数很多，还是重新截图来得快。
二、改色法
比如要做一个合成图，但是手头人物素材衣服肤色不一样，或者深浅不一样，甚至干脆有的是1P角色，有的是2P角色的，这时候要重新做图了吧，其实也不用，只要你会改色就可以。



如上面两图，我要把2P角色变为1P角色，首先打开两个GIF Movie Gear，分别载入这两个图，双击任一帧，打开“属性设置”，选第三分页“动画”(图10)

点击“编辑”进入“编辑调色板”界面，先放大右边的人物画面(便于改色)，如(图11)所示。我们的目的是要把2P角色改为1P角色，也就是要用1P角色的颜色替换2P角色的颜色。首先来改2P角色的粉红衣领，用吸管吸取1P角色的蓝色衣领，得到数值112、72、200

再把图中2P角色相对位置的衣领数值224、0、112(图12)替换为112、72、200就得到(图13)


依此法逐个象素替换，最后就得到(图14)的样子

保存退出后预览看看，是不是天衣无缝啊。

改色的技巧就是由浅到深的替换象素。角色互换都可以改，那颜色相近更不在话了，由此法得知，人物颜色也可以自创，只要你改的深浅合适，一样很好看，这样一来，素材帖里的各种光电火的效果是不是更丰富了呢，现在不用愁没有素材了吧。 有关GIF教学及标准要点
眼看最近论坛越来越多新面孔投入制作者行列
有一些网友本来就具有绘图设计相关经验的 有些网友则之前已有制作 gif
也有一些网友是从零开始的～^^
无论如何我们都非常欢迎新的网友加入制作的
所以现在发一个主题集中教学及提出一些看起来不起眼但却常犯的小错误
希望帮得了大家（包括经验者及没经验者、旧人或新人）
截图
先来谈谈截图的方法，截图基本上都是使用 winkawaks 模拟器的
因为他自带截图工厂 (Shotfactorys) 而且最重要一点，她是一个最易用最易上手的模拟器
其实 关于其它模拟器的截图法基本上都是大同小异的还不是有很多方格及勾号吧，只要把不要的对象取消勾选，最后留下需要的对象然后截图就可以了。
以下用 winkawaks 为范例：
先 load 出游戏，然后到 Tools -> Shotfactorys，然后应该看到以下窗口：

看到里面的方块没？有勾选的方块正代表着游戏中画面上的一切对象
如果把勾 Click 走，那画面上就会缺少一小部份的对象噜～
再来就是耐心的 Click 走你不需要的对象，只留下需要的人或物留在画面上就可以了
然后截图就按 Screenshot(Filtered) 按钮
注意一定要 Filtered 这一个唷！
否则截出来的图片会过大，那就不适合做 Gif 的素材了
但别忘记你需要的对象不是只一帧就了事的，要移到画面的下一个 Frame 就按 Stepframes 键然后就是苦力活了，意指不断重复以上步骤，直到需要的对象所有动作都已截下来
背景色的调校
预设的背景大多是黑色的
但有时候人物身上也会有黑色，所以去背时就不能避免地连人物主体某部份颜色也删减掉
要删除上面的情况，不能只靠呆板的程序，要从截图时的背景色设定入手
在截图前，把模拟器背景色调成跟人物主体上不会相撞的颜色就好了
如下图：

录制片段及回放
有时在输入指令后要第一时间调出 Shotfactorys 感到很困难吧？
其实只要录制一小段片段就可以无限次回放指定的招式，方便唷～
在发招前，先按键盘上的 F5 键进行录制（游戏画面上会有讯息出现）
尽情输入指令吧～！！完成后再按一次 F5 键以停止录制动作（同样画面上亦会有讯息出现）要回放此一片段按 F7 （画面会出现正在回放的讯息）
这样就可以简单地截到指定的招式的图片了
制作过程
以上为截图的方法，那么接下来谈谈有关于制作方面的
因应不同的作品种类及形式，所采用的工具也可能不同
例如：做游戏原图的话 UGA4 或 GMG 已经足够，但要做合成动画还是 UGA5 较方便
另外，任何人都有其习惯使用的工具，所以制作教学，还是可以参考其他教程：
当有不明白的地方，就把半成品放上论坛来，然后就会有热心人士助你按步就班地解决疑难
好了，截图及制作大家都已经熟识了～～
但做好一个作品，是否代表一定能够跟佳作划上一个等号呢－？
任凭创意及灵感多好 如果连基本的标准都达不到
这行为等于一手摧残自己辛苦得来的作品～～^ ^”
所以，以下就列出作图通常会犯的错误，只要能够达到以下的标准
那么无论如何，你的作品怎样也具有一定水平
作图标准及要点
1. 速度太慢，请各位做完图需要和游戏对比一下，把图片拉到 IE 浏览器中看看，其速度是不是和游戏中的一样。
网页中最快的速度是 6 ， 10 以下的其它时间其它都和 10 没什么分别，所以速度不快时调成 6。
除了速度太慢以外，有些时候也会速度太快的。
在此，小弟希望各位习惯把默认帧率调为 10 ，这样子在需要加快时 还有四种帧率的空间可供调校，自由度较全调为 6 弹性。
以上只是而已建议方法，依也好不依也好，最终目的还是跟游戏中一样速度、一样流畅就可以了。
2. 多去掉一些类似的帧，典型的是比如人物上升、下降，移动，这时可以只留头尾帧，顶多加个中间帧，就可以了，除非游戏中的人物动作偏慢，有明显的移动过程，那可以适当的加些中间帧。
基本上在截图时，看到角色动作变化不大的，也可以只保留头尾的动作。
有时候，人物动作虽有变化，但变化不大或变化过程很长的话 ，可试试每隔一帧删除一个动作这比单单把帧率调快、更有效
如下图：
这是所有帧率调为 10 全过程尽录，无删剪版本， 可看到明显偏慢

这是所有帧率调为 10 隔一帧删一帧的修改版本，帧率同为 10 但速度已经比上一个快多了

可能有人认为全过程尽录的同时，把所有帧率调为 6 不就简单方便吗～
不要忘记，你做的图，将会辑录到首页上，每次都把所有过程尽录一定会令图片容量大增 ，这将会增加首页空间负荷
而且，删帧运用得好，也有利于截图效率，因为在截图时已能判断那个动作可以不截、那个动作可能跳下一帧
无形中，不是方便自己吗？
另外，要留意画布大小，不要太贴近人物的四个边缘，因为太贴边可能引起角色身体闪烁的形象，如图中脚底位置：

详细请看下图：

人物的四个边缘，上图粉红色的地方请预留1个像素以上的空间
3. 某些动作存在位移问题，请大家调整好人物位移，选择恰当的参照物，比如脚，是左脚还是右脚，需要常识判断。
在画面中设个界线当作地面，那么人物就不会无缘无故沉到地底或者在站立时突然浮空了
在空中要对照位移，单用双脚来对位移可能会很困难，这时就用头作重心去对齐位移吧
4. 必杀的光，只要前面的光就可以，后面的光影不要
KOF2002 或以前的话应该只要这个：

而不要这个（浅色背景下比较难看）：

5. 补充雷说的一点，就是尽量用 1P 服装的人物。
这也是最重要一点，图库的统一很重要，这对于个别人物的补全、统一就更重要。
在目录中角色突然会变了颜色，外人看上去会感到作者及网页制作者马虎了事唷～
无谓令自己的辛劳成品为任何细微缺憾而蒙上污点啊 D-Player GIF动画制作
很多人应该都有玩过D－Player（以下简称DP）这个韩国的优秀软件，并且喜欢用这些跳舞小人来做头像或签名，现在我以DP2.0为例（旧版本也行），来说说D－Player GIF的制作过程。
第一部分：截图
先打开DP，关掉舞台，影子等只留人物，然后点设置（Preferences）更改背景颜色，由于这个软件的skin很多，所以可能大家的界面不一样，统一的点右键选选项也可以打开设置界面。（图1）

为了简便作图，我们选最后一个自定义背景色为白色，假如人物身上使用大量白色，则换一种人物身上没有的颜色做背景色。（图2）

按住Ctlr+Alt+C，弹出软件自带的抓图工厂。（图3）

捕获尺寸设置里默认的大小是128×128，这个可以凭个人爱好，尺寸越大，截出来的图就越大，我这里使用300×300。
捕获时间设置看具体情况，比如你要录某个时间段的动画，那就具体的填时间起始。如果要从头录到尾，那就从0到确切时间。不知道曲子的时间可以到DP安装目录下Sound文件夹里找到相应MP3文件，打开查看时间，我这里是0－22。
第三个设置的地方是每秒帧率，默认的是15，其实不用那么多，选8、9、10都可以，如果做出来要求和舞曲相配，那当然越大越好，这里我选10，因为等下我们作图的工具最常用的时间是10。罗嗦一下，如果只是看效果，帧率越小越好，但以不丢帧为底线，这个可以自己摸索最佳时间，帧数大小是与将来最终成图大小成正比的。
最后是设置抓图存放的位置，这个就不用我多说了。
全都设置好，就可以点“start”开始捕获了，这时候最关键，捕获过程不要移动这个抓图工厂的窗口，电脑配置慢的一定要在开始前把抓图工厂窗口移出主程序窗口，不然就会出现抓出重影的人物图。捕获结束就可以点OK了。
这里还有一种抓图的方法，就是运行DP后暂停，然后按Ctrl+Alt+S开始录制，按Ctrl+Alt+E结束，大家可以试试哪种更好用。