超全面！文字LOGO的7種動效設計方法（新手版+進階版）

編者按：一個簡單的文字LOGO能有多少種動效展示方法？今天@阿隨向前沖?這篇好文以一個簡單的文字LOGO為例，做出了高達14個酷炫的動效設計（新手版+進階版），無論拿來臨摹還是汲取靈感都非常實用，強烈建議閱讀。

本文以Better Me為例介紹：

1，文本動畫

最直接想到的是基本的“文本動畫”，基于“文字”的位置、旋轉、縮放、透明度、填充和描邊等基本屬性來做關鍵幀動畫，可以逐字逐詞，也可以完整一句來做動畫，玩法非常多。比如下面這種用“物理撞擊”結合位置和旋轉兩個屬性來實現(xiàn)的效果。

2，MG一波流

MG風在近年幾乎大行其道，基本可以用風靡江湖來形容了。從視覺感官上來說，通過簡單的元素、豐富得體的運動設計，營造的沖擊力清新而美好，玩法自然也灰常多，比如下面這個極簡的例子，基礎的幾何元素加到文字上，再通過文本的基本屬性運動，來實現(xiàn)效果。熟練了之后，也可以讓畫面更為豐富有趣，當然也要謹記：形式勿大過內容！

3，手勢動畫

隨著智能設備的風起，“手勢動畫”也隨之大熱。而阿隨君這里要說的是真正的手勢，即讓手勢參與到動畫中，相當于直觀展示用手勢操作手機的感覺。翻譯過來，其實也就是在文本動畫的基礎上加上“手”這個元素的動畫，比如說下面這個例子。

4，粒子消散動畫

除了在文本動畫的基礎上稍加發(fā)揮外，我們當然能夠繼續(xù)開腦洞，比如說做“粒子動畫”，尤其在AE中，利用各種粒子插件如Trapcode Particular 、Trapcode Form等，可以很炫地玩起來，比如下面這個粒子消散類的動畫效果。

5，能量沖擊動畫

在制作文字logo動畫的時候，還可以從動漫中吸收靈感，比如加入能量沖擊波的概念，結合文字logo本身的寓意，讓視覺效果更酷炫一點。

6，光效動畫

上帝說，要有光，于是有了光。嗯，動畫要有光，于是，它亮了起來。光，可以玩的方法也是灰常多，元素細分后更是細節(jié)豐富，這里先簡單放一個例子，以后再繼續(xù)跟小伙伴們聊更多有趣的光效玩法。

7，路徑生成動畫

這里要說的路徑不是給文字做路徑動畫，而是用其他元素比如線條或者粒子做路徑動畫，最后以“生成”的形式露出文字logo。因此，基于路徑的創(chuàng)作可以讓這種動畫更為絢麗多彩一些，比如下面的案例。當然，一腦補也可以想到水墨路徑、子彈路徑等等更多的玩法，以后再聊嘍。

以上這些呢，是阿隨君總結的一些基本的文字logo動畫思路，下面再來瞅瞅還有哪些進階玩法。

1，蒙版動畫

蒙版動畫，嗯，簡單來說，就是用“文字logo”作為蒙版層，然后把其他影像內容剪貼進去，在AE或是PS中都可以實現(xiàn)，操作起來也比較容易。下面這個例子，結合了BM和阿隨君喜歡的《龍珠超》，悟空很厲害，而一路走來也有各種小伙伴相伴左右，Z戰(zhàn)士們攜手保護著地球，么么噠，這一小段片頭的剪貼，阿隨君頗以為很符合BM的slogan呢。

2，動態(tài)文字云

在文字排版中，“文字云”的形式越來越受到大家的喜歡，So，那我們當然也可以把文字云“搬到”動畫設計中，比如下面這個例子，把BM文字和部分關鍵詞一起嵌入到“汽車”形狀的文字云中，Duang，有個性的一枚文字logo動畫就誕生了。

3，特效大片式

說到“汽車”這個元素，光有文字云似乎不夠過癮嘍，所以就來輛真車嘍，變形金剛，不，變形金字。

4，文字變形式

既然都能汽車變文字，當然也能設計成文字logo變slogan，變變變。

5，華麗包裝式

也就是說，我們可以把文字logo看成一個元素，然后在它本身，或者它的前后左右添加修飾包裝元素，來襯托、引出、對比等為它“搭臺”，至于包裝元素就不要太多了，腦洞在那兒，可勁兒開就是了。比如，下例中香艷模特的巧用。

6，中國風式

用山水田園、水墨太極等典型的中國風意象的視覺元素來包裝文字logo的一種方法，比如下例中這種行云流水的風格。

7，靈感借鑒大法

這里要說的就是平常注意積累收集優(yōu)秀的動畫，模仿、練習也是不斷提高、不斷開腦洞的好的方法，比如下例就是對《哈利波特》魔法學院周年紀念時推出的動態(tài)魔法勛章的模仿與致敬。

最后再來一枚動畫大法：

OK，該系列就到這里了先。

歡迎關注作者阿隨向前沖，個人公眾號：JasonGodard

阿隨向前沖：影視圈邊緣文字工作者，非著名影像設計折騰玩家，曾任《看電影》編輯，《香港電影史記》聯(lián)合作者，《玫瑰與小鹿》MV曾入選《曉松奇談》之《黃金大劫案》播出！

「有哪些看上去很高大上，但實際很簡單的PS技巧？」

《有哪些看上去很高大上，但實際很簡單的PS技巧？》
《有哪些看上去很高大上，但實際很簡單的PS技巧？（入門篇）》

冷知識系列第一期：《那些你不知道的PHOTOSHOP冷知識》
冷知識系列第二期：《第二彈！那些你不知道的PHOTOSHOP冷知識之乾坤大挪移》
冷知識系列第三期：《最終完結篇！那些你不知道的PHOTOSHOP冷知識》
冷知識系列完結篇：《最終完結篇特制版！那些你不知道的PHOTOSHOP冷知識（四）》

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com