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

之前設(shè)計(jì)神器小分隊(duì)就給大家推薦過(guò)一個(gè)GIF在線編輯網(wǎng)站——Ezgif。

集在線制作、優(yōu)化、壓制動(dòng)圖，靜圖、視頻簡(jiǎn)單處理編輯為一體，但是它有個(gè)很大的缺點(diǎn)是無(wú)法實(shí)時(shí)預(yù)覽你的修改效果，每次調(diào)整完，你都需要導(dǎo)出后才可以看到修改結(jié)果。今天設(shè)計(jì)神器小分隊(duì)就給大家推薦另一個(gè)GIF在線編輯，并且支持實(shí)時(shí)預(yù)覽的網(wǎng)站——Gifntext。

神器鏈接：Gifntext

打開首頁(yè)是這樣的：

?

看起來(lái)比較隨意，不過(guò)首頁(yè)就說(shuō)明了網(wǎng)站能做到的所有事：

△ 瀏覽器插件自動(dòng)翻譯

你可以通過(guò)直接粘貼動(dòng)圖的網(wǎng)址，或者上傳100M以下的GIF文件來(lái)提供編輯源，當(dāng)然你也可以點(diǎn)擊下方的紅字，使用它提供的范本進(jìn)行嘗試。

?

加載后，動(dòng)圖的編輯頁(yè)面是這樣的：

?

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

?

接下來(lái)我們來(lái)試著編輯這個(gè)GIF。畫面的右上角有水印，我們通過(guò)拖動(dòng)紅色的制表符剪裁畫面來(lái)去掉它。

?

另外，通過(guò)拖動(dòng)右下角的陰影三角形可以縮放畫面。

還可以調(diào)整關(guān)鍵幀的位置預(yù)覽畫面，將動(dòng)圖的時(shí)長(zhǎng)修剪到需要的片段。?

?

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

?

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

?

添加文字后可以對(duì)其描邊、粗體、斜體做編輯，在圖中還可以對(duì)文字進(jìn)行縮放和旋轉(zhuǎn)。拖動(dòng)圖層中的文本兩端的紅色部分，還可以調(diào)節(jié)文本出現(xiàn)的時(shí)長(zhǎng)。

勾選逐幀編輯：

?

接下來(lái)可以對(duì)文字變化添加關(guān)鍵幀。只要移動(dòng)文字位置，或者進(jìn)行縮放，就會(huì)自動(dòng)生成關(guān)鍵幀。左鍵點(diǎn)擊關(guān)鍵幀可自動(dòng)添加緩動(dòng)，右鍵點(diǎn)擊則是刪除關(guān)鍵幀。

這樣，文字就能跟隨人物進(jìn)行移動(dòng)了。

?

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

?

另外你也可以通過(guò)吸管工具進(jìn)行畫面取色，通過(guò)畫筆工具進(jìn)行繪制。但是畫筆繪制的圖形無(wú)法進(jìn)行逐幀編輯。

接著我們可以通過(guò)右邊的工具欄編輯動(dòng)圖的播放速度。

?

點(diǎn)擊下方的 Creat the GIF。

?

會(huì)進(jìn)入這樣一個(gè)頁(yè)面。右鍵動(dòng)圖，圖片另存為即可。

?

這樣我們就得到一個(gè)超棒的GIF了。

?

Gifntext 操作方便簡(jiǎn)單，功能強(qiáng)大，不需要搭梯子即可免費(fèi)使用，你無(wú)須打開PS就可以為你的GIF添加各種備注，是不是非常棒？最重要的是在編輯的過(guò)程中你可以實(shí)時(shí)預(yù)覽，簡(jiǎn)直是貼心的小棉襖啊。大家快去玩起來(lái)吧。

歡迎同學(xué)們關(guān)注最充滿智（dou）慧（bi）的設(shè)計(jì)賬號(hào)：

優(yōu)設(shè)人氣專題

iPhone X 學(xué)習(xí)指南丨優(yōu)設(shè)獨(dú)家專訪丨在線摳圖神器丨靈感大全

免費(fèi)素材網(wǎng)站 |?Sketch神器?|?免費(fèi)圖庫(kù)丨配色神器丨讀書計(jì)劃丨PPT 神器丨魯班設(shè)計(jì)

iOS 11 學(xué)習(xí)指南丨人工智能丨PS 教程丨AI 教程丨C4D 教程?|?3D教程

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

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com