一些简单的GIF制作心得

来源:百度文库 编辑:神马文学网 时间:2024/04/28 16:42:39
一些简单的GIF制作心得



关于对GIF文件的优化

每个GIF工具都具有自动优化的功能,

这里首推“GIF MOVIE GEAR”(以下简称“GMG”),

因为比较“Ulead GIF Animator”(以下简称“UGA”),

它的优化幅度要稍微大一些。优化方法很简单,

先在“帧-属性”对话框中确认一下如下所示:



然后按一下工具栏中下图这个标记出来按钮就好了:



优化文件的好处就是能一定幅度的减小文件的容量,

利于网络传输,本站收集GIF的其中一个要求就是要优化容量,

所以还是希望每个热心的GIF作者能够进行一下这么个简单的步骤。

对于不透明的场景图,则要在优化前把全局帧的属性设定为

如图所示:



这样优化出来的图至少可以减少三分之二的容量,

帧数多的甚至能优化到10%以下。

另外帧的过多也会直接导致文件过大,

这时候怎么优化都无济于事,只能删除不必要的帧。

删除多余帧的原则是相同的邻近帧必须删除,

可以加倍前一帧的帧率来达到延迟的效果,

而没必要无辜多出一帧。简单的位移动作,可以隔帧的删除



上面这幅飞行器平移的动画,

在帧数减少三分之一的情况下,视觉效果没有大的差异,

可以考虑隔帧或者隔两帧删除一帧的办法来减小文件的容量,

适当的可以调整剩下的帧的帧率来弥补一下流畅度。



关于图片的“留白”

GIF图片不需要,也不应该留下大片的空白画面,

因为图片是放在网页上展示的,为网页的布局方便来着想,

只要不失真,图片面积自然是越小越好。

还是介绍用GMG剪切留白的方法,

在“动画-剪辑”菜单中,打开这个对话框:



按下“自动”就ok了,图中蓝色的框是原始面积,

自动剪切后是不是可以减小不少呢,

而且不用担心在别的帧里人物会被剪去手足,很方便的。

需要注意的是要在优化文件后自动剪切才能发挥作用,

否则按下“自动”按钮后可能会没有任何反应。

不过下面有个现象要注意一下。

关于“脚底闪烁”现象



注意到上图的脚底有闪烁现象,

这是由于对GIF的剪切过度引起的,

用ACDSEE等看图工具是看不出来的,

只有在IE (“Mozilla Firefox”等其它非IE核心的浏览器不会有此问题) 中,

这类优化过度的闪烁现象才可能显露出来。

一般出现这种现象的原因是图中紧贴图像边缘的部分前后两帧无变化,

由此优化算法产生错误造成的。



因此对于自动剪切的GIF,为保险起见,

剪切后不要急于按下“确定”,

要在剪切结果的四个方向上都向外拉开两个像素。

已经发生闪烁现象的GIF需要求助于UGA5。

用UGA5打开需要修补的GIF,

找到“编辑-画布大小”菜单



在“按位置”和“高度”上重新设置一下:

增加二个像素的高度就好了;

要修复的图中哪个方位有闪烁现象,

“按位置”就选这个方向的反方向。

上图是脚底闪烁,因此“按位置”就选择反方向上方。

其实GMG也可以补救“脚底闪烁”的GIF,

方法是打开菜单“动画”-“参数设置”,

看到如下对话框:



把“高度”数值增加2,

图片在脚底部分就会自动增加二个像素的空白高度。

如果“宽度”数值增加2,

图片会在右侧增加二个像素的空白宽度,

这种方法只能解决“脚底”和右侧的闪烁险象。

如果出现的“头顶”或左侧闪烁,

就需要在完成上面的步骤后选定全部的帧,

然后选择菜单“帧”-“移动/裁剪”,

打开以下对话框:



这个对话框的作用是设置选定的帧中的图像在画布中的相对位置。

在图中画圈的地方设置数值:如果是左边闪烁,

就在左边的数值上加2,如果是“头顶”闪烁,

就在右边的数值上加2。

关于帧率

先解释一下什么叫帧率,

GIF的帧率是把每一秒分成100等份后所占用的份数。

也就是说,帧率为6,这一帧就占用了6/100秒的时间。

一般的GIF软件默认的帧率都是10,

这个速度对于有些需要突出力度和流畅度的动作来说就慢了,

因此需要把要加快的帧减小延迟时间,

在浏览器中能够表达的最小帧率是6,

有些朋友喜欢把帧率设为0或者1,

下面看一个对比的例子,这是一幅只有两帧的图:

帧率:0   
帧率:10      
帧率:6
                                              
在看图工具中看出的效果自然是帧率为0时最快,

但是要考虑到在网页上显示的效果与看图工具是不同的

(UGA5的预览是调用浏览器的内核,

因此于网页显示效果一致,

而GMG则与看图工具显示效果一致),

因此本站推荐最小帧率为6。

当然要做出体现游戏节奏的GIF来,

就不能一味求快了,

根据需要每一帧都应该有它自己的帧率,

这就需要GIF爱好者们自己来对比和设定了。

关于位移



格斗游戏中镜头总是取双方的折中位置的,

因此如果一方被打得飘起来,随着镜头的上移,

站在地面的人相对位置就要向下漂移了,

在GIF中这种情况会影响美观,

因此需要对产生位移的帧逐帧调整人物位置。

调整方法是选定一帧,

右键打开“帧属性”菜单



调整“偏移量X”和“偏移量Y”两个数值,

这个步骤很麻烦,需要点耐心,

因为一次可能调不准确,

每一帧都需要多次反复的调,

达到以下结果才算OK。



关于人物位置

抓图时人物的位置没有选好,

就可能发生一胳膊一腿露在屏幕外面,

抓图没有抓进去,

这样出来的作品会很难看,

因此需要在抓图的时候尽量让人物站在屏幕中间。

如果需要做打击效果,打击后两个人会弹开,

则可以考虑让不需要抓进图中的一方站在版边,

这样双方弹开的位置较小,

可以避免主要人物被弹到屏幕外。



上面这条龙在飞进屏幕的时候效果并不理想



因此干脆舍弃不完整的帧,使动作显得完整一些。

   
教程来自网络 欢迎大家学习




关于对GIF文件的优化

每个GIF工具都具有自动优化的功能,

这里首推“GIF MOVIE GEAR”(以下简称“GMG”),

因为比较“Ulead GIF Animator”(以下简称“UGA”),

它的优化幅度要稍微大一些。

优化方法很简单,

先在“帧-属性”对话框中确认一下

如下所示:



然后按一下工具栏中下图这个标记出来按钮就好了:



优化文件的好处就是能一定幅度的减小文件的容量,

利于网络传输,

本站收集GIF的其中一个要求就是要优化容量,

所以还是希望每个热心的GIF作者能够进行一下这么个简单的步骤。

对于不透明的场景图,

则要在优化前把全局帧的属性设定为如图所示:



这样优化出来的图至少可以减少三分之二的容量,

帧数多的甚至能优化到10%以下。

另外帧的过多也会直接导致文件过大,

这时候怎么优化都无济于事,只能删除不必要的帧。

删除多余帧的原则是相同的邻近帧必须删除,

可以加倍前一帧的帧率来达到延迟的效果,

而没必要无辜多出一帧。

简单的位移动作,可以隔帧的删除



上面这幅飞行器平移的动画,

在帧数减少三分之一的情况下,

视觉效果没有大的差异,

可以考虑隔帧或者隔两帧删除一帧的办法来减小文件的容量,

适当的可以调整剩下的帧的帧率来弥补一下流畅度。



关于图片的“留白”

GIF图片不需要,也不应该留下大片的空白画面,

因为图片是放在网页上展示的,

为网页的布局方便来着想,只要不失真,

图片面积自然是越小越好。

还是介绍用GMG剪切留白的方法,

在“动画-剪辑”菜单中,

打开这个对话框:



按下“自动”就ok了,图中蓝色的框是原始面积,

自动剪切后是不是可以减小不少呢,

而且不用担心在别的帧里人物会被剪去手足,很方便的。

需要注意的是要在优化文件后自动剪切才能发挥作用,

否则按下“自动”按钮后可能会没有任何反应。

不过下面有个现象要注意一下。

关于“脚底闪烁”现象



注意到上图的脚底有闪烁现象,

这是由于对GIF的剪切过度引起的,

用ACDSEE等看图工具是看不出来的,

只有在IE (“Mozilla Firefox”等其它非IE核心的浏览器不会有此问题) 中,

这类优化过度的闪烁现象才可能显露出来。

一般出现这种现象的原因是图中紧贴图像边缘的部分前后两帧无变化,

由此优化算法产生错误造成的。



因此对于自动剪切的GIF,为保险起见,

剪切后不要急于按下“确定”,

要在剪切结果的四个方向上都向外拉开两个像素。

已经发生闪烁现象的GIF需要求助于UGA5。

用UGA5打开需要修补的GIF,

找到“编辑-画布大小”菜单



在“按位置”和“高度”上重新设置一下:

增加二个像素的高度就好了;

要修复的图中哪个方位有闪烁现象,

“按位置”就选这个方向的反方向。

上图是脚底闪烁,因此“按位置”就选择反方向上方。

其实GMG也可以补救“脚底闪烁”的GIF,

方法是打开菜单“动画”-“参数设置”,

看到如下对话框:



把“高度”数值增加2,

图片在脚底部分就会自动增加二个像素的空白高度。

如果“宽度”数值增加2,

图片会在右侧增加二个像素的空白宽度,

这种方法只能解决“脚底”和右侧的闪烁险象。

如果出现的“头顶”或左侧闪烁,

就需要在完成上面的步骤后选定全部的帧,

然后选择菜单“帧”-“移动/裁剪”,

打开以下对话框:



这个对话框的作用是设置选定的帧中的图像在画布中的相对位置。

在图中画圈的地方设置数值:如果是左边闪烁,

就在左边的数值上加2,如果是“头顶”闪烁,

就在右边的数值上加2。

关于帧率

先解释一下什么叫帧率,

GIF的帧率是把每一秒分成100等份后所占用的份数。

也就是说,帧率为6,这一帧就占用了6/100秒的时间。

一般的GIF软件默认的帧率都是10,

这个速度对于有些需要突出力度和流畅度的动作来说就慢了,

因此需要把要加快的帧减小延迟时间,

在浏览器中能够表达的最小帧率是6,

有些朋友喜欢把帧率设为0或者1,

下面看一个对比的例子,

这是一幅只有两帧的图:

帧率:0   
帧率:10      
帧率:6
                                              
在看图工具中看出的效果自然是帧率为0时最快,

但是要考虑到在网页上显示的效果与看图工具是不同的

(UGA5的预览是调用浏览器的内核,因此于网页显示效果一致,

而GMG则与看图工具显示效果一致),

因此本站推荐最小帧率为6。

当然要做出体现游戏节奏的GIF来,

就不能一味求快了,根据需要每一帧都应该有它自己的帧率,

这就需要GIF爱好者们自己来对比和设定了。

关于位移



格斗游戏中镜头总是取双方的折中位置的,

因此如果一方被打得飘起来,随着镜头的上移,

站在地面的人相对位置就要向下漂移了,

在GIF中这种情况会影响美观,

因此需要对产生位移的帧逐帧调整人物位置。

调整方法是选定一帧,右键打开“帧属性”菜单



调整“偏移量X”和“偏移量Y”两个数值,

这个步骤很麻烦,需要点耐心,

因为一次可能调不准确,每一帧都需要多次反复的调,

达到以下结果才算OK。



关于人物位置

抓图时人物的位置没有选好,

就可能发生一胳膊一腿露在屏幕外面,

抓图没有抓进去,这样出来的作品会很难看,

因此需要在抓图的时候尽量让人物站在屏幕中间。

如果需要做打击效果,打击后两个人会弹开,

则可以考虑让不需要抓进图中的一方站在版边,

这样双方弹开的位置较小,

可以避免主要人物被弹到屏幕外。



上面这条龙在飞进屏幕的时候效果并不理想




因此干脆舍弃不完整的帧,使动作显得完整一些。

   
教程来自网络 欢迎大家学习