設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

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

設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

神器鏈接:Gifntext

打開首頁是這樣的:

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

看起來比較隨意,不過首頁就說明了網(wǎng)站能做到的所有事:

設(shè)計神器!輕松添加GIF文字特效的GIFntext

△ 瀏覽器插件自動翻譯

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

加載后,動圖的編輯頁面是這樣的:

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

勾選逐幀編輯:

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

點擊下方的 Creat the GIF。

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

?設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

歡迎同學(xué)們關(guān)注最充滿智(dou)慧(bi)的設(shè)計賬號:

設(shè)計神器!輕松添加GIF文字特效的GIFntext

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

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

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

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è)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。

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

收藏 15
點贊 1

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。