@短腿僵尸木：為客戶錄制演示GIF難免需要添加文字注釋，這時候打開PS進行編輯往往會讓電腦卡出天際……

之前設計神器小分隊就給大家推薦過一個GIF在線編輯網站——Ezgif。

集在線制作、優化、壓制動圖，靜圖、視頻簡單處理編輯為一體，但是它有個很大的缺點是無法實時預覽你的修改效果，每次調整完，你都需要導出后才可以看到修改結果。今天設計神器小分隊就給大家推薦另一個GIF在線編輯，并且支持實時預覽的網站——Gifntext。

神器鏈接：Gifntext

打開首頁是這樣的：

?

看起來比較隨意，不過首頁就說明了網站能做到的所有事：

△ 瀏覽器插件自動翻譯

你可以通過直接粘貼動圖的網址，或者上傳100M以下的GIF文件來提供編輯源，當然你也可以點擊下方的紅字，使用它提供的范本進行嘗試。

?

加載后，動圖的編輯頁面是這樣的：

?

我們來仔細看下它的每個功能控件：左邊的是添加文字、添加圖片、畫筆工具和吸管工具，以及顏色調整；中間部分是播放、裁剪畫面、修剪GIF、幀數等；右邊是調整GIF的速度、幫助欄和意見欄。

?

接下來我們來試著編輯這個GIF。畫面的右上角有水印，我們通過拖動紅色的制表符剪裁畫面來去掉它。

?

另外，通過拖動右下角的陰影三角形可以縮放畫面。

還可以調整關鍵幀的位置預覽畫面，將動圖的時長修剪到需要的片段。?

?

其他兩個功能這里不做詳細解釋啦，大家可以去試一試。

?

接著我們可以通過左邊的控件添加文字。

?

添加文字后可以對其描邊、粗體、斜體做編輯，在圖中還可以對文字進行縮放和旋轉。拖動圖層中的文本兩端的紅色部分，還可以調節文本出現的時長。

勾選逐幀編輯：

?

接下來可以對文字變化添加關鍵幀。只要移動文字位置，或者進行縮放，就會自動生成關鍵幀。左鍵點擊關鍵幀可自動添加緩動，右鍵點擊則是刪除關鍵幀。

這樣，文字就能跟隨人物進行移動了。

?

圖片的編輯和添加與文字同理，可以自行上傳圖片進行編輯……然后就會變成這樣：

?

另外你也可以通過吸管工具進行畫面取色，通過畫筆工具進行繪制。但是畫筆繪制的圖形無法進行逐幀編輯。

接著我們可以通過右邊的工具欄編輯動圖的播放速度。

?

點擊下方的 Creat the GIF。

?

會進入這樣一個頁面。右鍵動圖，圖片另存為即可。

?

這樣我們就得到一個超棒的GIF了。

?

Gifntext 操作方便簡單，功能強大，不需要搭梯子即可免費使用，你無須打開PS就可以為你的GIF添加各種備注，是不是非常棒？最重要的是在編輯的過程中你可以實時預覽，簡直是貼心的小棉襖啊。大家快去玩起來吧。

歡迎同學們關注最充滿智（dou）慧（bi）的設計賬號：

優設人氣專題

iPhone X 學習指南丨優設獨家專訪丨在線摳圖神器丨靈感大全

免費素材網站 |?Sketch神器?|?免費圖庫丨配色神器丨讀書計劃丨PPT 神器丨魯班設計

iOS 11 學習指南丨人工智能丨PS 教程丨AI 教程丨C4D 教程?|?3D教程

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com