NBA篮球技术论坛-NBADO.com 投篮教程 篮球教程 跳投教程 标准投篮教程

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2330|回复: 5

小猫GIF教程基础篇(三):给你的动画减减肥~

[复制链接]
发表于 2012-2-5 22:13:59 | 显示全部楼层 |阅读模式
本帖最后由 小猫不理 于 2012-2-5 22:36 编辑

在上一篇文章中我们已经成功制作出自己的GIF动画,可是一查看属性,好家伙,整个就一个庞然大物!既不方便上传也不方便观看,今天我们要谈谈怎么压缩GIF动画的大小。



要压缩GIF动画主要从两个方面入手:

一、减少图片的数量: 我们可以算一笔帐,假设 480*360 的jpg图像有50kb,我们截取100张,总共就是5M左右,这在网上已经算是比较大的开销了。如果数量能减少一半,那动画体积就可大大缩小。


二、减小单张图片体积:我们通常的做法有:减少图片的颜色数、降低图片的质量、缩小图片的长宽等等。



先来看看第一种做法,如何减少图片的数量:


我们知道,动画的原理是利用人的视觉残留机制通过快速地切换动作连续的图片而形成“动”的错觉。人的视觉是很好“糊弄”的,为了压缩体积,我们可以稍稍地降低一点观看质量,每隔两帧截取一张图片,但好糊弄的视觉机制仍会认为这是连续的动画。


在前两篇文章中,我们采取的是“宁可错杀三千,绝不漏网一个”的做法,每帧都截取下来了,现在我们要每两帧才截取一次,如下图所示:






1、2帧中只要第一帧,3、4帧中只要第三帧.....依此类推,这可以减少一半的图片。以现在的截取方式,图片和图片之间动作的差别稍稍大了一些,但经过大脑的识别和补全,仍然不影响观看。


来实际操作一下,我们需要同时在“切割”和“合成”两个步骤进行改动:

首先是在用 Kmplayer 进行切割截取时,我们要把“要捕获的帧”设为“每2帧”,如下图红线部分所示。







这样设置以后,The Kmplayer 就知道每2帧才需截取一次,其余的操作方法和第一篇文章是一样的。


在“合成”的过程中,由于是每隔两帧才截取一次,所以,每一帧的持续时间应该比以前多一倍,如下图所示:




我们用 Ulead Animator 5 来操作一下,还记得“动画向导”吗?我们在“动画向导 -- 画面帧持续时间”这一步设定动画的播放的速度,现在要把播放速度调慢:






原先设定的是“25帧/秒”,即每秒播放25张图片,现在我们要把它调慢一半,如果严格地来除的话应该是“12.5帧/秒”,这样恰好是原来的一半。不过实际操作下来发现,把播放速度设为10帧/秒的话效果更好。

所以,我们把“按帧比率指定(帧每一秒)”这一栏填为 10。



总结一下:第一种压缩体积的做法是在截取图像时每两帧图像只取一帧,因为图片少了,所以每一帧的图像显示的时间都要比原先延长一倍(换句话说也就是:放动画的时候放得慢一点,每秒钟比原来少显示几帧图像)。


-------------------------------------------------------------------------------


是不是感觉有点琐碎,我们来理一理头绪,目前为止完整地做动画步骤为:

一、截取阶段
1.打开 The Kmplayer ,打开乒乓球视频,放到想截取动画的地方,按暂停。
2.通过菜单调出“画面:高级捕获”,设定“要捕获的帧”为 每2帧。
3.开始捕获 -> 播放视频 -> 到满意的地方停止视频 -> 停止捕获。

二、合成阶段
1.打开 Ulead Animator GIF 5 -> 点“动画向导”。
2.设置尺寸 -> 添加图像 -> 设定帧速率为 10帧/秒 -> 完成。
3.文件 -> 另存为 -> GIF文件。



----------------------------------------------------------------------------------




好,保持头脑清醒,我们下面来看第二种做法,减少单张图片的体积。

这要求我们在Ulead GIF Animator 中保存动画前先对动画进行优化。步骤如下:


1.文件 -> 优化向导。
2.全局优化调色板 -> 是的。
3.颜色数量 = 128,抖动数值 = 80% -> 完成。



优化好了以后,直接“另存为”,这就是我们要上传的那个文件了!下面看图说话~























大功告成!我们同时用两种做法减小了GIF文件的体积,这个苗条的文件就是我们要贴到论坛里的文件。下一节将完整地制作一张乔丹的动画,算是对基础篇的总结,敬请期待~







本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
发表于 2012-2-6 11:32:01 | 显示全部楼层
  好哇                                   
发表于 2012-7-2 18:37:23 | 显示全部楼层
谢谢了!不简单啊!
发表于 2012-7-3 15:24:58 | 显示全部楼层
发表于 2012-7-3 15:36:51 | 显示全部楼层
发表于 2014-1-10 17:20:26 | 显示全部楼层
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|NBA篮球技术论坛-NBADO.com 投篮教程 篮球教程 跳投教程 标准投篮教程 ( 鲁ICP备18000611号 )

GMT+8, 2025-9-5 20:52 , Processed in 0.038550 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表