PS優(yōu)化GIF動態(tài)圖片的技巧(3)

對于大家而言，GIF圖片格式并不令人感到陌生。我們此前就分享過宮崎駿經(jīng)典動漫GIF動態(tài)圖片、美到令人窒息的GIF動態(tài)圖片等內(nèi)容，其中的GIF動態(tài)圖片制作精美，令人稱贊。

宮崎駿動漫GIF動態(tài)圖片

國外超唯美GIF動態(tài)圖片

　　GIF（Graphics Interchange Format）的原義是“圖像互換格式”，是CompuServe公司在1987年開發(fā)的圖像文件格式。GIF圖片，是一種基于LZW算法的連續(xù)色調(diào)的無損壓縮格式。GIF圖片格式曾被廣泛使用，不過隨著JPEG和PNG圖片格式日益普遍后，GIF的使用率逐漸降低。不過，由于GIF可存多幅彩色圖像，且能將這些圖像圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，從而形成一種簡單的動畫特效，因此，GIF圖片依舊是被看好的圖片格式。

　　在本PS教程中，我們就來看看如何將視頻轉(zhuǎn)換為GIF動態(tài)圖片，以及如何優(yōu)化GIF動態(tài)圖片。先來看看最終效果：

　　最終效果圖：

圖01

視頻：PS優(yōu)化GIF動態(tài)圖片的技巧

　　一、修剪動畫

　　首先，你需要在Photoshop中打開視頻文件。大多數(shù)時候，我們的GIF動態(tài)圖片并不需要完整序列的動畫，因此，我們可以在時間軸面板中修剪視頻。打開操作面板，將你的視頻進行修剪。

圖02

　　二、縮小圖像尺寸

　　縮小圖像尺寸，你既可以在圖像菜單中操作，也可以在之后的圖片保存過程中操作。筆者喜歡一開始就縮小圖像尺寸，因為如此，當打開存儲為Web所用格式對話框時，可節(jié)省大量的加載時間。此外，一定記得將你的視頻圖層變?yōu)橹悄軐ο�，如此可避免圖像質(zhì)量的損壞。另外，你也不用為重新定義了圖片大小而感到擔心，這并不會影響我們接下來的工作。

圖03

　　三、存儲為Web所用格式

　　一旦我們將GIF圖片格式選擇為“存儲為Web所用格式”對話框的默認選項后，我們就不用再花時間對時間軸面板進行任何轉(zhuǎn)換。這也是筆者相當喜歡的一個工作流程。當然，如果需要進一步降低GIF動態(tài)圖片的大小，你可以在“存儲為Web所用格式”對話框中進行一些設置。

圖04

　　四、減少幀的數(shù)量

　　如果你在Photoshop中重新打開GIF輸出選項，或者在時間軸面板中減少第二或第三幀動畫，則GIF動態(tài)圖片的大小將會進一步減小。接下來，你可以選擇剩下所有幀的動畫，并提高它們的持續(xù)時間，以補償幀丟失。如果不提高持續(xù)時間，則你的GIF動態(tài)圖片的播放將會比原來快很多。一旦你將該新版本GIF動態(tài)圖片進行保存，即可發(fā)現(xiàn)比原來小很多。

圖05

　　五、色彩數(shù)量

　　與優(yōu)化GIF動態(tài)圖片大小最直接相關(guān)的選項是其在顏色表中所使用的顏色數(shù)量。顏色的最高數(shù)量是256，這是8-bit的限制。不過一般來說，大家都使用64色。當然你也可以根據(jù)你自己的需求來增加顏色數(shù)。

圖06

六、應該選哪種顏色算法？

　　1、可感知——有限考慮創(chuàng)建比人眼對顏色具有更高靈敏度的自定義顏色表。

　　2、可選擇——選擇創(chuàng)建一個類似于感知顏色表，但更加利于顏色以各種形式保存。這種顏色表通常能產(chǎn)生具有最大顏色完整性的圖像。

　　3、隨樣性——通過最常見的圖像中的頻譜采樣來創(chuàng)建自定義顏色表。如，只有深淺的綠色和藍色的圖像就主要生成綠色和藍色顏色表。當然，大多數(shù)圖像的顏色都會集中在色譜的某一特定區(qū)域中。

　　4、受限——嚴格使用標準的216色，以及Windows和Mac OS的8位（256色）面板中的網(wǎng)頁安全色表。此選項可確保GIF動態(tài)圖片在各大瀏覽器中能被正常展現(xiàn)。

圖07

　　七、仿色

　　由于GIF動態(tài)圖片中包含的顏色數(shù)量有限，所以我們希望能通過仿色（Dithering）的方式令大家看到比實際圖像更多的色彩。打開仿色菜單，我們選擇的算法即為仿色的方式。我們也可以在“擴散”選項中來調(diào)整仿色量。一般來說，圖案和雜色均不用調(diào)整。而仿色調(diào)整越大，則GIF動態(tài)圖片的大小也將越大。仿色可增加不同顏色之間的平滑漸變，從而令觀者好像看到比實際圖像多的色彩。不過，為了不讓GIF動態(tài)圖片過大，我們一般都盡量以最小的仿色調(diào)整來完成圖片創(chuàng)作。

圖08

　　八、網(wǎng)頁快照、有損、透明度和隔行掃描

　　1、網(wǎng)頁快照主要是用來幫助GIF動態(tài)圖片在各個瀏覽器中的仿色。它是通過捕捉到一些顏色，然后將其轉(zhuǎn)換成Web安全顏色。一個GIF動態(tài)圖片中，Web安全色越多，則支持的瀏覽器也會越多，且不會改變?nèi)魏晤伾?/p>

　　2、有損是為了減小GIF文件的大小，在不影響視覺體驗的情況下，對圖片進行了有損壓縮。

　　3、如果圖片包含了透明度，則應該選擇保留透明度像素；取消透明度就應用啞光色完全填充或部分填充透明的像素。

　　4、隔行掃描GIF文件，是為了GIF文件的運行更加流暢。

　　九、比較原始和優(yōu)化后的GIF動態(tài)圖片版本

　　一旦你對GIF動態(tài)圖片進行了大量的自定義修改，就一定要記得使用Photoshop雙聯(lián)視圖來檢查文件的大小和質(zhì)量的差異。

圖09

　　十、預覽、保存預設和優(yōu)化文件大小

　　如果你對你優(yōu)化過的GIF動態(tài)圖片的效果感到滿意，要記得預覽，以及將設置保存為預設。此外，還可從菜單優(yōu)化附加選項中指定文件大小限制，如此可在Photoshop中獲得該尺寸大小下的最佳圖像質(zhì)量。

圖10