Profil de 幻影幻影驿站PhotosBlogListes Outils Aide

Blog


30 mai

游戏GIF动画制作简易教程

                                                                                                        free page hit counter

     这个是我刊在《玩电脑》杂志05年第一期的上的文章,我现在贴出原稿,全文采用GIF Movie Gear做图,简单易用。

     常上论坛的朋友一定见过一些街机游戏人物的个性动画签名,是不是觉得很有意思呢,我现在就教大家如何制作此类签名。
那些有趣的图片就是GIF动画,是由好几张甚至几百张图片组成的,我们要做的就是截取游戏图片,然后合成一个GIF动画。

     一、截取图片: 
     首先就是要有模拟器和游戏(rom),这个我相信有玩过模拟器的都有。我就以著名的模拟器WinKawaks和KOF97游戏为例,来介绍整个制作过程。先熟悉一下几个常用的按键。
Enter键是暂停,F5是存盘,F7是读盘,Shift+F5是开始录像,Shift+F7是读取录像。(图1)


1、读取游戏:点图1中的载入游戏,弹出游戏菜单(图2),


双击游戏名称就进入游戏了。
2、先玩玩吧,玩够了你接着往下看。
3、好了,我们来做一个人物的出招动作,游戏中按下Shift+F5开始录像,完成出招动作后,再按Shift+F5结束录像。现在按下Shift+F7看看是否是刚才录制的动作的回放,确定我们录制的动作无误后接下来进行下一步。
4、再次按下Shift+F7,然后按回车键暂停。点“视频”把背景颜色设置成“粉红”,因为这个颜色是游戏中用不到的颜色,便于将来的去背景操作。(图3)


然后点“工具”选“抓图工厂”(图4),


就弹出图5所示的窗口,


由于之后的截图操作都是在这里进行,所以最好把原游戏窗口和这个抓图工厂窗口一左一右或一上一下的放置,以便于操作。
5、双击图5中的活动块便可以去掉游戏背景以及不要的人物,图7就是图6去掉部分活动块后的效果。




最后我们只留下一个人物的活动块(见图8),


这时画面中除了人还有不用的血槽和时间(图9)。


不要紧,点图9中鼠标处的图层8x8,就可以去掉了。(图10)


(提示:其他游戏,如某些射击游戏可能还要去掉16x16、32x32图层)
6、现在可以开始截图了,点图9中的“屏幕截图(未过滤)”,便截下一张图,然后点“显示下一祯(S)”,画面就变了,于是再点“屏幕截图(未过滤)”就截下第二张图。由于活动块不是固定的,所以在点下一祯时,画面可能会又多出不用的背景,这时需要再去掉这些活动块。依法一张张的截图,直到人物完成整个出招动作。
(提示:不必每一祯都截下来,只要截不同画面的祯就好了,将来有了经验之后还知道有些不同的祯不需要截。)
7、由于人物的动作还带有火焰,所以截图时也要保留,其他的如人物的影子则可以不要。并注意随时调整多余和丢失的活动块。
8、所有截图文件都保存在WinKawaks模拟器目录下的capture文件夹里,格式为png。

     二、制作动画: 
     制作动画的工具我推荐大家用GIF Movie Gear4(以下简称GMG),这款GIF工具简单易用,功能强大,非常适合新手做GIF图,软件下载地址: http://emugif.emu-zone.org/down/soft/gmg401.rar
1、打开GMG,点“打开文件”载入capture文件夹下的所有图片(图11),



这时GMG的播放窗口就弹出来并且开始播放动画(图12)。


2、我们先关闭动画窗口,并双击任一祯画面弹出“属性设置”框,选第二分页项“全局祯”,然后点图13中的“透明”,


在弹出的“选择透明索引色”框里用吸管点一下粉红的背景(图14),


这时画面中就只有人物了(图15),


最后点击确定,回到了刚才的“属性设置”框。现在点击最下面的下拉菜单,把默认的“不做处理”换成“先用背景色填充”(图16)。


再次确定退出,发现所有的祯都去掉了背景,这样大致的动画就完成了。

     三、修整动画: 
     先点工具栏上的播放按键看看效果(图17),


是不是觉得偏慢或者发现一些截取图片时忘记去掉活动块而产生的多余的东西,不要紧,现在我们就来调整这个动画。
(提示:点工具栏上的放大或缩小键便于整体查看所有画面)
1、删除多余祯:由于每个人截的图都不同,所以做法略有不同,在刚才播放过动画后(图18),


我发现16祯前面的几祯不是我要的动作,所以可以删掉。点选不要的祯,然后删除。
(提示:点一副图后按下shift键再点另一副图,这样可以选取两副图之间的所有图片。(图19)


2、剪掉多余的图像:如图20,


有红线框的祯在左上角都有多余的头像,在需要修剪的图片上点右键,选“移动/裁剪祯(M)”(图21),


把虚线拉到合适的地方然后点确定(图22),


这样就去掉了多余的头像。截图中的其他杂质也是用这个方法去除。
3、去除相似祯,中间祯:相邻的两祯或几祯常常都是人物位移上有些细微差距,如图23就是人物在高度上有些细微变化,


这时就可以只保留一祯。还有人物的前进、后退、上升、下降的全过程截出的图都有好多,其实我们只要保留移动动作的头尾祯,中间的过程祯可以不要,或者最多保留一张中间祯,因为连续播放时这些画面都一闪而过,人的肉眼根本就观察不到,所以删除了也没有关系,还可以节省动画的体积,更提高了动作的流畅度,所以这个操作是必要的。当然如果游戏中人物的动作有明显的移动过程,那还是要多留些中间祯的。
(提示:感觉速度慢或者不该停顿的地方有停顿就是因为保留的帧太多,这时就该动手删掉一些过渡祯,但是也需要留意删除的尺度,如果删除过渡造成动画出现掉帧那就不妙了。)
4、时间问题:可能有人会觉得奇怪,为什么我在做图时人物的动作都很正常,但是一旦上传到网页上就太快或者太慢了呢?其实我们作图软件和看图软件里看到的GIF动画的速度是和网页上看到的速度是不一样的,电脑配置越高,在作图软件和看图软件里看到的速度就越快,而网页则不受这个影响,而且我们做签名也是在网页中使用,所以我们作图的速度应该以网页中的为准。一般时间设为10时,作图软件和网页里速度是一样的,所以10是做GIF的标准速度。而10以下的时间不是越少越快,在网页里最快的速度是6而不是0也不是1,所以在觉得人物速度偏慢时,可以把速度调为6。除6外的所有时间和10都差不多,这个大家可以自己体会。图16中的数字10就是速度,也可以在图24中改速度,


还要注意的是改的时候是单祯的速度还是全局祯的速度,这个要看具体需要。所以一个图做完可以把图拉到IE浏览器里播放看看是否速度正常,不正常再改,而不必到上传到网页后才知道。
5、裁剪大小:全部完成后图片的尺寸是204x224(图25),


我们可以剪掉空白的部分,这样放到网页上也省空间。照上面剪多余头像中讲的方法可以剪掉多余的空白,但是操作比较麻烦,新手可以偷懒一点,直接点图26中的“优化动画”按钮,


结束后再双击任一祯,在弹出的“属性设置”框里选第三分页项“动画”,然后点击“自动大小”(图27),


最后确定。这样图的尺寸就小了。(图28)


     好了,以上就是做一个简单动作的全部过程,你学会了吗?如果你对这个GIF动画制作感兴趣而且想做更漂亮的合成图,那就到 http://emugif.emu-zone.org/ 网站看看,网络上流行的此类GIF图都是来自这里的。

 

-----------------传说中的分割线---------------

 

附上刊载此文的《玩电脑》杂志截图:

 

 

--------------又一条分割线-------------------

以后会陆续帖出我在EMU GIF写的GIF作图教程,或者你直接到这里观看更多

http://www3.emu-zone.org/host/emugif/teach/teach.htm

Commentaires (3)

Veuillez patienter...
Le commentaire entré est trop long. Raccourcissez-le.
Vous n'avez rien entré. Réessayez.
Il est actuellement impossible d'ajouter votre commentaire. Réessayez plus tard.
Pour ajouter un commentaire, tu dois avoir l'autorisation de tes parents. Demander l'autorisation
Tes parents ont désactivé les commentaires.
Il est actuellement impossible de supprimer votre commentaire. Réessayez plus tard.
Vous avez dépassé le nombre maximal de commentaires qu'il est possible d'envoyer le même jour. Réessayez dans 24 heures.
Votre compte a pu laisser les commentaires désactivés parce que nos systèmes indiquent que vous risquez d'arroser d'autres utilisateurs de messages. Si vous pensez que votre compte a été désactivé par erreur, contactez l'assistance en ligne de Windows Live.
Effectuez la vérification de sécurité ci-dessous pour finaliser l'envoi de votre commentaire.
Les caractères entrés pour la vérification de sécurité doivent correspondre à ceux de l'image ou du fichier audio.

Pour ajouter un commentaire, connectez-vous avec votre identifiant Windows Live ID (si vous utilisez Messenger ou Xbox LIVE, vous avez un identifiant Windows Live ID). Connectez-vous


Vous n'avez pas d'identifiant Windows Live ID ? Inscrivez-vous

Image de Anonyme
氯原子 a écrit :
第一次是在原点看的啊……简直天书
1 Juin
Image de Anonyme
我叫幻影 a écrit :
什么当初第一次看啊,没听明白,我不是学美术的,我学计算机的。
31 Mai
Image de Anonyme
氯原子 a écrit :
现在看比当初第一次看要好多了
幻影你以前是学美术的吗?
31 Mai

Rétroliens

L'URL de rétrolien de ce billet est :
http://zxshuanying.spaces.live.com/blog/cns!1E2344291949C12B!165.trak
Blogs Web qui font référence à ce billet
  • Aucune