我們也可以將一段視頻作為動畫的素材加以導入，方法是使用【文件＞導入＞視頻幀到圖層】命令。這個命令要求系統中安裝有quicktime7.1及以上版本才能使用，否則會出現如下圖所示的警告框。quicktime是蘋果公司所創的一種應用于視頻的優秀的編碼方式，早年只能在mac os系統中使用，現在已經移植到windows系統中?？蓮腶pple的網站上下載免費版本的播放器，網址為http://www.apple.com.cn/quicktime。

圖1

　　我們將一段自拍的動物視頻經由premiere剪接為簡短的版本，提供給大家進行導入練習。點此下載該視頻。進入導入視頻幀到圖層后的對話框如下左圖所示。在左方可選擇全部導入或只導入某個片斷。全部導入就不必詳細說明了。導入片斷需要事先定義視頻范圍，方法是拖動播放進度條至所需片斷的開始時刻(紅色箭頭處)，然后按住shift鍵繼續拖動至結束時刻(綠色箭頭處)，也可按住shift鍵直接點擊結束位置。這時播放進度條上會出現一段深色區域，該區域即為將要導入的片斷。確定后將建立一個以獨立圖層方式存在的動畫，即每一幀由一個圖層組成，在不同的幀中分別顯示不同的圖層。動畫調板類似下右圖所示。

　　這種視頻導入方式所形成的動畫字節數通常是非常龐大的，這與片斷的時長及視頻的幀速率有關。比如片斷時長為10秒，幀速率為15fps，那么所產生的總幀數就是150幀，是相當大的。所以一般都不宜導入太長的時間，兩三秒這樣就差不多了。但對于一些高幀率的視頻(如24fps、30fps)來說，這點時間所產生的總幀數也很可觀，此時可開啟“限制為每隔2幀”，這樣對原始視頻是每2幀取1幀導入，所產生的總幀數就減少了一半。如果設置為每隔3幀，則總幀數減少三分之二，以此類推。這種方法稱為幀抽離。可有效地減少動畫字節數，但由于是平均抽離，可能會丟失一些動作細節，或造成畫面的跳躍感。

　　一般情況下，對于15fps的原始視頻可采取每隔3幀的導入方式，形成每秒5幀的動畫。更高速率的原始視頻據此類推即可。注意導入后需要調整幀停留時間為原先的3倍，否則會出現類似快進的播放效果。

圖2

圖3

|||

　　對于導入后的動畫而言，要減少字節數就需要從圖像尺寸和色彩數方面去進行調整。在這里需要提醒大家的是，采用【圖像＞圖像大小】〖ctrl＋alt＋i〗縮小圖像，可能會由于像素重組導致一些原本邊緣銳利圖像的邊緣變得模糊，從而增加理論色彩數。如下圖所示就是一個邊緣銳利的正方形在縮小前后的理論色彩數對比，可以看出由于像素重組使得色彩數有所增加。在這種情況下，縮小后的圖像未必就具備較小的字節數。除非將色彩數強行指定為與前者相同。但強行減少色彩數可能會形成毛刺邊緣。

　　再者，有一些流程圖像主要由點、線、框構成，使用縮小命令會令這些細節變得難以辨認，從而影響表達。這個問題不僅針對整個圖像，也會出現在針對某些圖層的自由變換命令中。所以，對于一些邊緣銳利的圖像而言，縮小并不是減少字節數的好方法，甚至很可能適得其反。

　　對于視頻而言，因為大部分視頻的編碼方式重在表現幀之間流暢性而非單個幀的畫面質量，其本身就不能完美地記錄銳利邊緣，導入后的動畫畫面也是如此，所以縮小尺寸造成的損失及色彩數量的變化并不明顯。

圖4

　　除了整體縮小圖像尺寸以外，也可以考慮使用裁切命令保留視頻的局部，由于不涉及像素重組，因此不會對圖像邊緣造成影響，不會增加理論色彩數。在大部分情況下，這是一個較好的解決方法。如下圖所示是一個常見的處理流程，將原始畫面中一些不需要區域進行正方形裁切，得到動畫的主體，然后再縮小圖像為彩信的通用尺寸128×128(或其他所需要的尺寸)。最后視情添加色彩調整層以改善動畫的畫面色彩。

　　注意調整層需位于所有圖層上方才能確保針對所有圖層有效。當然也可以置于其他層次以營造動畫中色彩改變的效果。

圖5

　　在明確動畫的畫面布局后，可手工進行進一步的幀抽離，如下圖所示，若需要將一個過程中的10幀減少為5幀，可分別選擇2、4、6、8、10幀并刪除，并將剩余的幀延時。這需要大家首先瀏覽各個幀，在發覺某一過程中的各幀之間變化并不大時，可采用這種方法進行平均抽離。除此之外，也可以連續選擇某些幀進行集中抽離，比如物體落下用了7個幀，其間4幀中的變化并不很大，就可以將它們一起刪除，并更改剩余幀時長。

　　這種手動抽離幀的方法速度慢，且需要一定的經驗，但較為靈活，可依據實際情況采取不同的抽離方式，可大幅減少動畫的字節數，是大家必須掌握的知識。平時多做些嘗試，反正還可以撤銷。在抽離后最好輸出動畫到網頁或手機等觀看效果。手動幀抽離也可在修改圖像尺寸或裁切之前進行，但裁切和改變尺寸可確定動畫的畫面情況，建議大家在這個時候再進行。抽離幀后可刪除與之對應的圖層。

　　平均抽離可執行多次，如下圖中的最終動畫幀中，還可以將2、4幀抽離出去。但第6幀很重要，是情節轉化的關鍵，無論如何不能抽離。說句題外話，注意觀察這個第6幀，大家就會看到以前學過的運動模糊效果。其實運動模糊本來就是由攝影設備造成的，我們之前只不過是將其模擬出來而已。

圖6

|||

　　至于從色彩數方面減少字節數則比較困難，因為視頻編碼方式的特性，即使在畫面中處于靜止狀態的物體，在前后幀中的色彩也可能不同。再加上光照及攝像機光圈、焦距、曝光度的微小變化，更是使得前后幀之間很難具備同樣的色彩。這點與我們以前通過繪制創建物體的動畫是完全不同的。況且視頻的畫面中經常帶有過渡性的色彩，如光照或陰影的變化等，減少色彩數量很容易形成色斑。開啟仿色盡管可以改善色斑，但同時也會增加字節數。

　　此時可以考慮以灰度方式顯示動畫，即建立黑白漸變映射調整層。在灰度方式下減少色彩數量所造成的損失較不明顯。還可以使用閾值命令形成黑白分明的圖像，配合特殊混合模式的純色填充層，在減少字節數的同時還可以營造出特殊的藝術效果。

　　閾值命令所形成的畫面具備反差強烈的色彩，很適合用來制作透明背景。在存儲為web和設備所用格式的對話框中，可以指定某種顏色為透明色。首先確保“透明度”選項為關閉，然后使用吸管工具(快捷鍵i)在背景上點擊一下，這樣顏色表中的某個顏色就被選中了，接著點擊下方的按鈕，就可將所選的顏色變為透明。如下圖所示?？蓪⒍鄠€顏色轉為透明。

圖7

圖8

　　此外還有一種方法可有效減少字節數，就是采用抽絲線覆蓋畫面，由于覆蓋的地方變為單一的顏色，實際上就等于消除了這一行中的像素差異。其原理等同于將圖像的一半填充為全黑，只不過這里并不是連續填充，而是每隔1像素填充一行，使得畫面整體仍具備可讀性。這種方法其實就是被稱為掃描線或抽絲線的效果，可利用圖案填充來完成。隔行抽絲可令動畫字節數減少近一半。

　　需要注意的是，盡管半透明的抽絲線看上去效果不錯，但這里的圖案填充不能采用半透明，因為半透明并不能完全覆蓋圖像中原有的象素，達不到我們的目的。此外，黑色的抽絲線可能會使圖像偏暗，白色的則會使圖像偏亮，注意配合色彩調整圖層中和一下亮度。也可以采用其他顏色的抽絲線達到另類的效果，還可將抽絲線的顏色轉為透明。在轉為透明之前，抽絲線的顏色應盡可能與畫面的色彩有較大的反差，這樣是為了避免其它地方的同種色彩也被一并轉為透明，從而破壞畫面。

圖9

　　導入后的視頻以獨立圖層的方式存在，可切換到時間軸方式進行附加制作，如添加上文字或其他圖形等。在切換之前最好將所有的視頻幀歸為一個圖層組，以避免占用動畫調板的空間。如范例中就在左下方加了一個標志，以及增加了動態的文字效果。需要注意的是，用時間軸方式進行幀停留時間的調整是很困難的，因此在轉為時間軸方式時，最好確認之前的工作都已完成。

　　嘗試將這個動畫制作出來，之后參照對比范例文件。

圖10

|||

　　有些時候可能需要開啟現有的gif動畫文件進行再加工，這時就會出現一個問題，那就是直接開啟gif動畫文件后只能保留第一幀的畫面，而其后的動畫幀都被遺棄。如下圖所示。這顯然不能滿足需求。

圖11

　　其實photoshop是可以開啟現有的gif動畫的，只是屏蔽了這功能，我們可以通過【文件＞導入＞視頻幀到圖層】開啟動畫gif，如下圖所示，默認情況下只能開啟視頻格式mov、avi、mpg、mpeg，而并沒有gif。現在首先在紅色箭頭處確認路徑正確，然后在綠色箭頭處強行輸入動畫名及擴展名，如abc.gif、123.gif等。即可以獨立圖層方式導入動畫gif，導入后的一些操作與之前一致。大家可利用這個方法開啟以往的gif動畫試試看。

圖12

　　除了photoshop，還有一些軟件也能夠制作gif動畫，并且在某些方面還更加簡單。如ulead出品的gif animator就是其中之一，它可以很容易地將一些靜態圖片組成各種樣式的動畫，并添加一些文字或圖形。并且還可以將動畫gif的各個幀單獨輸出。在實際的制作中，大家可視情采用最合適的軟件。

　　最后一個作業是利用素材仿造出以下的動畫。這個動畫的尺寸是128×160，當時是為了用以刷入moto l6手機作為開機動畫。不過它也可用于彩信。這個動畫沒有技術難點，仔細觀察動畫的細節，多嘗試一些實現方法，找到最便捷的道路。并在完成后加入自己的創意形成新的動畫。

　　現在大家已經具備完全的gif動畫制作能力，可利用照片、視頻或自己繪制圖形來完成制作。將動畫以彩信發送給親朋好友吧，并在其中加上你的祝福話語。也可以發來給我看看喲，我的手機目前是qvga分辨率(240×320)。并且希望在網絡上能看到大家制作的被廣為流傳的優秀彩信。

圖13

　　到此為止，photoshop擴展教程的動畫制作部分結束，其后大家可繼續學習網頁設計部分。如果在閱讀過程中發現任何錯誤，歡迎指正。你們的支持是教程不斷完善的動力源泉。希望大家能將所學到的知識再傳播開去，讓更多人可以接觸并學習到這些知識，互相學習，共同進步。