一個(gè)簡(jiǎn)單的文字LOGO能有多少種動(dòng)效展示方法？今天這篇好文以一個(gè)簡(jiǎn)單的文字LOGO為例，做出了高達(dá)14個(gè)酷炫的動(dòng)效設(shè)計(jì)（新手版+進(jìn)階版），無(wú)論拿來(lái)臨摹還是汲取靈感都非常實(shí)用，強(qiáng)烈建議閱讀。

本文以Better Me為例介紹：

 1，文本動(dòng)畫

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

2，MG一波流

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

3，手勢(shì)動(dòng)畫

隨著智能設(shè)備的風(fēng)起，"手勢(shì)動(dòng)畫"也隨之大熱。而阿隨君這里要說(shuō)的是真正的手勢(shì)，即讓手勢(shì)參與到動(dòng)畫中，相當(dāng)于直觀展示用手勢(shì)操作手機(jī)的感覺(jué)。翻譯過(guò)來(lái)，其實(shí)也就是在文本動(dòng)畫的基礎(chǔ)上加上"手"這個(gè)元素的動(dòng)畫，比如說(shuō)下面這個(gè)例子。

4，粒子消散動(dòng)畫

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

5，能量沖擊動(dòng)畫

在制作文字logo動(dòng)畫的時(shí)候，還可以從動(dòng)漫中吸收靈感，比如加入能量沖擊波的概念，結(jié)合文字logo本身的寓意，讓視覺(jué)效果更酷炫一點(diǎn)。

6，光效動(dòng)畫

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

7，路徑生成動(dòng)畫

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

以上這些呢，是阿隨君總結(jié)的一些基本的文字logo動(dòng)畫思路，下面再來(lái)瞅瞅還有哪些進(jìn)階玩法。

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

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

在文字排版中，"文字云"的形式越來(lái)越受到大家的喜歡，So，那我們當(dāng)然也可以把文字云"搬到"動(dòng)畫設(shè)計(jì)中，比如下面這個(gè)例子，把BM文字和部分關(guān)鍵詞一起嵌入到"汽車"形狀的文字云中，Duang，有個(gè)性的一枚文字logo動(dòng)畫就誕生了。

3，特效大片式

說(shuō)到"汽車"這個(gè)元素，光有文字云似乎不夠過(guò)癮嘍，所以就來(lái)輛真車嘍，變形金剛，不，變形金字。

4，文字變形式

既然都能汽車變文字，當(dāng)然也能設(shè)計(jì)成文字logo變slogan，變變變。

5，華麗包裝式

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

6，中國(guó)風(fēng)式

用山水田園、水墨太極等典型的中國(guó)風(fēng)意象的視覺(jué)元素來(lái)包裝文字logo的一種方法，比如下例中這種行云流水的風(fēng)格。

7，靈感借鑒大法

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

最后再來(lái)一枚動(dòng)畫大法：

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

最新評(píng)論