好久好久没认认真真的更新原创的文章了。最近一直都是很忙。悲催啊。
这两个图标其实半个多月前就做了，那时候只是静态版的。
等到昨天，有点点空闲的时间，立马把图标改成gif动画的。
做gif的重点就在于“连贯”。动作的连贯。有的人可能会说，连贯有什么大不了的，我一帧一个小动作的做。
但其实不是这样的，要利用人类眼睛对动画的联想。有帧迅速播放，比如，睁眼和闭眼。就两个帧。但速度达到一定值的时候，人类的眼睛会自己想象出从睁眼到闭眼过程的无数个小动作来。用来个帧来完成一个动作，这就是gif动画的精髓。换句话说，用最少的帧完成最多的动作。
那做基于web应用的gif必须要满足上面“用最少的帧完成最多的动作”的要求后的重点是图片的大小，这里的大小指的是多少多少kb。推荐一个小工具：UleadGIFAnimator 。相当好用，压缩率有时候可以达到50%。需要的同学去百度一下吧。
废话了这么多，上图：
源文件：QQ客服按钮_源文件
假如你是用photoshop cs2以上的版本的话，直接打开，然后在窗口-动画 面板就可以看到帧。
假如你是使用cs2yi以下的版本，那么用imageready打开。