1. 爱猫说设计师网首页
  2. 学设计
  3. 平面设计

如何制作小而巧的 GIF 动态图片,学会这个既省空间又省时间

从屏幕上录制而成的 GIF 动态图无论是用在教学、示范或是其他的内容,都会非常的棒,而且是必不可少。按照本攻略操作,就可以将你的动态图片缩小到适当的大小。

如果你从事的是教学工作,或者单纯想学习如何将屏幕录制成不占过多空间的 GIF 文件,这篇文章将为你介绍一些很实用的技巧。

你再也不需要降低颜色和画质,就可以让 GIF 文件小于 2MB,而且渐变效果看起来也不会像任天堂画面。继续往下看下去吧,了解录制的技巧。

只需要选取要使用的屏幕范围

当你开始用 QuickTime 录制一段新的屏幕时,只能选取要录制的屏幕范围。(我想着该怎么录制 “屏幕录制” 的屏幕想到快精神崩溃,因此把步骤写出来,来取代短视频示范。)

使用 QuickTime 开始录制新的屏幕,然后点击弹出的窗口中的 “录制” 按钮。当你看到这个信息时……

12 - 如何制作小而巧的GIF动态图片,学会这个既省空间又省时间

… 选择要录制的屏幕范围,储存之后.mov 格式的文件大小将缩小。

一开始文件就小,之后在 Photoshop 中使用起来会更省时。在转格式时才不会把与你想要文件的操作无关的桌面背景,或选单窗口等其他大的画面一起转换了。一开始就先把画面裁切好。

裁切并调整目标尺寸

有时为了显示菜单,你录制的区域可能会比实际需要的还大。如果是这种情况,可尝试以下步骤。

完成录制后,将.mov 文件拉入 Photoshop 中。在开始编辑或试着储存为 GIF 文件前,先裁切掉不需要的屏幕空间,再将文件大小调整为最终大小。

举例来说,在示范如何在时间轴窗口中建立 GIF 动画时,我们不会使用屏幕的全部内容…

12 - 如何制作小而巧的GIF动态图片,学会这个既省空间又省时间

我会将多余的部分裁减掉,只留下相关的窗口:

12 - 如何制作小而巧的GIF动态图片,学会这个既省空间又省时间

接着按住 “Option + Command”并按键盘上的 I 将文件大小调整为这些尺寸。

把这些额外的地方修掉,可以在最后导出文件时省下好几分钟的时间。使用预设裁剪尺寸文件的导出窗口,会减慢电脑的速度,因此一定要先把内容的画面大小调整好才上传。

降低影格率以大幅提高效率

使用 Photoshop 将.mov 文件转格式时能做的最大调整就是降低帧数。在导入.mov 文件时,Photoshop 的预设值为每秒 60 格。就 GIF 而言这太夸张了,这会使得画面太细致又太大,因而无法使用足够的色彩(至少 64)来达到美观的效果。

在完成上述的调整后,点击时间轴窗口中的汉堡选单(hamburger menu)。点击设定时间轴帧数(Set Timeline Frame Rate)。在弹出的窗口中,输入 15 或从下拉选单中选择帧数。建议选择 15 fps,因为它非常适合设计 GIF 教学,而且可以省下大量的处理和保存时间。

12 - 如何制作小而巧的GIF动态图片,学会这个既省空间又省时间

绝对不要保留缓存

以往如果未定期清除缓存,用于处理数据的暂存磁盘上的内存就会减缓速度。这些年来,Photoshop 在自行清除缓存这方面已经进步很多,不过要清除动图缓存还是有其他方法。

经验告诉你,当连续导出好几个 GIF 文件时,处理器就会开始发热,电脑风扇会启动,增加处理时间。而清除影片缓存有助于改善这种情况。

在 Photoshop 中,点击应用程序工具栏中的编辑,然后从选择清除记忆。点击影片缓存以进行清除即可。

祝大家制作 GIF 愉快!

爱猫说是一个完全独立的媒体,运营只靠网络广告支撑,如果您支持爱猫说设计狮网的话,请对此网站关闭广告拦截功能(如:Adblock)爱猫说设计狮网衷心的感谢您。

本文来自作者:请叫我网站管理员,资源整理不易,且下且珍惜。如果您觉得不错,欢迎评论。本文观点不代表爱猫说设计师网立场,转载请联系原作者。

若本文章的资源已经失效,您可以在评论区告诉我们,我们将及时更新。如果您想要获取更多资源,并与我们进行互动,请加入我们的官方QQ群:284300445。爱猫说设计狮联盟

发表评论

登录后才能评论