当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

PS优化GIF动态图片的技巧(2)

来源:不详 作者:么么茶 学习:13764人次

  四、减少帧的数量

  如果你在Photoshop中重新打开GIF输出选项,或者在时间轴面板中减少第二或第三帧动画,则GIF动态图片的大小将会进一步减小。接下来,你可以选择剩下所有帧的动画,并提高它们的持续时间,以补偿帧丢失。如果不提高持续时间,则你的GIF动态图片的播放将会比原来快很多。一旦你将该新版本GIF动态图片进行保存,即可发现比原来小很多。

PS优化GIF动态图片的技巧
图05

  五、色彩数量

  与优化GIF动态图片大小最直接相关的选项是其在颜色表中所使用的颜色数量。颜色的最高数量是256,这是8-bit的限制。不过一般来说,大家都使用64色。当然你也可以根据你自己的需求来增加颜色数。

PS优化GIF动态图片的技巧
图06

六、应该选哪种颜色算法?

  1、可感知——有限考虑创建比人眼对颜色具有更高灵敏度的自定义颜色表。

  2、可选择——选择创建一个类似于感知颜色表,但更加利于颜色以各种形式保存。这种颜色表通常能产生具有最大颜色完整性的图像。

  3、随样性——通过最常见的图像中的频谱采样来创建自定义颜色表。如,只有深浅的绿色和蓝色的图像就主要生成绿色和蓝色颜色表。当然,大多数图像的颜色都会集中在色谱的某一特定区域中。

  4、受限——严格使用标准的216色,以及Windows和Mac OS的8位(256色)面板中的网页安全色表。此选项可确保GIF动态图片在各大浏览器中能被正常展现。

PS优化GIF动态图片的技巧
图07

  七、仿色

  由于GIF动态图片中包含的颜色数量有限,所以我们希望能通过仿色(Dithering)的方式令大家看到比实际图像更多的色彩。打开仿色菜单,我们选择的算法即为仿色的方式。我们也可以在“扩散”选项中来调整仿色量。一般来说,图案和杂色均不用调整。而仿色调整越大,则GIF动态图片的大小也将越大。仿色可增加不同颜色之间的平滑渐变,从而令观者好像看到比实际图像多的色彩。不过,为了不让GIF动态图片过大,我们一般都尽量以最小的仿色调整来完成图片创作。

PS优化GIF动态图片的技巧
图08

  八、网页快照、有损、透明度和隔行扫描

  1、网页快照主要是用来帮助GIF动态图片在各个浏览器中的仿色。它是通过捕捉到一些颜色,然后将其转换成Web安全颜色。一个GIF动态图片中,Web安全色越多,则支持的浏览器也会越多,且不会改变任何颜色。

  2、有损是为了减小GIF文件的大小,在不影响视觉体验的情况下,对图片进行了有损压缩。

  3、如果图片包含了透明度,则应该选择保留透明度像素;取消透明度就应用哑光色完全填充或部分填充透明的像素。

  4、隔行扫描GIF文件,是为了GIF文件的运行更加流畅。

  九、比较原始和优化后的GIF动态图片版本

  一旦你对GIF动态图片进行了大量的自定义修改,就一定要记得使用Photoshop双联视图来检查文件的大小和质量的差异。

PS优化GIF动态图片的技巧
图09

  十、预览、保存预设和优化文件大小

  如果你对你优化过的GIF动态图片的效果感到满意,要记得预览,以及将设置保存为预设。此外,还可从菜单优化附加选项中指定文件大小限制,如此可在Photoshop中获得该尺寸大小下的最佳图像质量。

PS优化GIF动态图片的技巧
图10

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
wangyudong22014-04-02 09:35
学习了
风-羽忌2014-04-01 01:18
谢谢分享
会哭的眼泪2014-04-01 12:11
优化么,我觉得ps做出来的gif图片中我可以看到一粒粒沙子一样的东西,很苦恼,怎么去除
li875896652014-03-31 05:16
谢谢分享

关注大神微博加入>>

网友求助,请回答!