超實用:文字LOGO動效的七種設(shè)計手法
一個簡單的文字LOGO能有多少種動效展示方法?今天這篇好文以一個簡單的文字LOGO為例,做出了高達14個酷炫的動效設(shè)計(新手版+進階版),無論拿來臨摹還是汲取靈感都非常實用,強烈建議閱讀。
本文以Better Me為例介紹:

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

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

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

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

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

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

7,路徑生成動畫
這里要說的路徑不是給文字做路徑動畫,而是用其他元素比如線條或者粒子做路徑動畫,最后以"生成"的形式露出文字logo。因此,基于路徑的創(chuàng)作可以讓這種動畫更為絢麗多彩一些,比如下面的案例。當(dāng)然,一腦補也可以想到水墨路徑、子彈路徑等等更多的玩法,以后再聊嘍。
以上這些呢,是阿隨君總結(jié)的一些基本的文字logo動畫思路,下面再來瞅瞅還有哪些進階玩法。
1,蒙版動畫蒙版動畫,嗯,簡單來說,就是用"文字logo"作為蒙版層,然后把其他影像內(nèi)容剪貼進去,在AE或是PS中都可以實現(xiàn),操作起來也比較容易。下面這個例子,結(jié)合了BM和阿隨君喜歡的《龍珠超》,悟空很厲害,而一路走來也有各種小伙伴相伴左右,Z戰(zhàn)士們攜手保護著地球,么么噠,這一小段片頭的剪貼,阿隨君頗以為很符合BM的slogan呢。

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

3,特效大片式
說到"汽車"這個元素,光有文字云似乎不夠過癮嘍,所以就來輛真車嘍,變形金剛,不,變形金字。

4,文字變形式
既然都能汽車變文字,當(dāng)然也能設(shè)計成文字logo變slogan,變變變。

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

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

7,靈感借鑒大法
這里要說的就是平常注意積累收集優(yōu)秀的動畫,模仿、練習(xí)也是不斷提高、不斷開腦洞的好的方法,比如下例就是對《哈利波特》魔法學(xué)院周年紀念時推出的動態(tài)魔法勛章的模仿與致敬。
最后再來一枚動畫大法:
OK,該系列就到這里了先。
相關(guān)文章
作為設(shè)計師的我們,每天都在與字體打交道,我們常常希望能很好的使用他們,為設(shè)計加油添彩。我們常常納悶,電腦里這么多的字體,要用哪一個?文字有這么多,怎樣排版才能表2017-03-02
最全的12個時下流行的LOGO設(shè)計風(fēng)格總結(jié)分享
這篇教程是向腳本之家的朋友分享最全的12個時下流行的LOGO設(shè)計風(fēng)格,適合收藏以備不時之需,推薦到腳本之家,希望這篇文章能對大家有所幫助2017-02-24
要將自己的方案清晰精煉的表現(xiàn)給客戶,也可把創(chuàng)作過程記錄下來,這些會加大提案的專業(yè)度與說服力。還有適當(dāng)?shù)男ЧM圖,客戶多半是外行,逼真的效果圖會給他們更直觀的視2017-02-15
這篇教程是向腳本之家的朋友分享游戲logo標(biāo)志設(shè)計思路,教程比較基礎(chǔ),適合新手來學(xué)習(xí),推薦到腳本之家,有需要的朋友可以參考本文,來看看2017-01-20- 隨著社會經(jīng)濟、政治、科技、文化的飛躍發(fā)展,到現(xiàn)在,經(jīng)過精心設(shè)計從而具有高度實用性和藝術(shù)性的標(biāo)志,已被廣泛應(yīng)用于社會所有領(lǐng)域,對人類社會性的發(fā)展與進步發(fā)揮著巨大作2016-11-07
- 今天為大家解析黃金分割加布爾運算設(shè)計LOGO過程,主要是對黃金分割,布爾運算的理解,這篇文章更多則是針對新手,希望能給大家?guī)韼椭?/div> 2016-11-07
LOGO設(shè)計的常規(guī)思路和3個實用的案例分享
這篇教程是向腳本之家的朋友分享LOGO設(shè)計的常規(guī)思路和3個實用的案例,教程真的很不錯,值得大家學(xué)習(xí),推薦到腳本之家,一起來學(xué)習(xí)吧2016-10-26有些公司的原始Logo那叫一個“雷人”,下面為大家整理出了50個世界知名企業(yè)Logo的今昔對比圖,看看它們是如何改頭換面的2016-10-26設(shè)計師配色寶典:LOGO設(shè)計的基礎(chǔ)配色使用技巧
本篇文章詳細解析LOGO設(shè)計的基礎(chǔ)配色使用技巧,教程介紹地比較基礎(chǔ),對于初學(xué)者來說很值得大家學(xué)習(xí),所以喜歡的朋友一起來學(xué)習(xí)吧2016-10-18作為設(shè)計師的你知道嗎?logo設(shè)計最忌諱的8個點
如何利用LOGO設(shè)計去幫助企業(yè),是設(shè)計師們該思考的一個重要方面,也是甲方寄予設(shè)計師的厚望。今天為大家分析下logo設(shè)計中需要忌諱的因素,以此警醒廣大設(shè)計師朋友,少走彎路2016-10-18最新評論





