一個簡單的文字LOGO能有多少種動效展示方法?今天這篇好文以一個簡單的文字LOGO為例,做出了高達14個酷炫的動效設計(新手版+進階版),無論拿來臨摹還是汲取靈感都非常實用,強烈建議閱讀。
本文以Better Me為例介紹:
1、文本動畫
最直接想到的是基本的"文本動畫",基於"文字"的位置、旋轉、縮放、透明度、填充和描邊等基本屬性來做關鍵幀動畫,可以逐字逐詞,也可以完整一句來做動畫,玩法非常多。比如下面這種用"物理撞擊"結合位置和旋轉兩個屬性來實現的效果。
2、MG一波流
MG風在近年幾乎大行其道,基本可以用風靡江湖來形容了。從視覺感官上來說,通過簡單的元素、豐富得體的運動設計,營造的衝擊力清新而美好,玩法自然也灰常多,比如下面這個極簡的例子,基礎的幾何元素加到文字上,再通過文本的基本屬性運動,來實現效果。熟練了之後,也可以讓畫面更為豐富有趣,當然也要謹記:形式勿大過內容!
3、手勢動畫
隨著智能設備的風起,"手勢動畫"也隨之大熱。而阿隨君這裡要說的是真正的手勢,即讓手勢參與到動畫中,相當於直觀展示用手勢操作手機的感覺。翻譯過來,其實也就是在文本動畫的基礎上加上"手"這個元素的動畫,比如說下面這個例子。
4、粒子消散動畫
除了在文本動畫的基礎上稍加發揮外,我們當然能夠繼續開腦洞,比如說做"粒子動畫",尤其在AE中,利用各種粒子插件如Trapcode Particular 、Trapcode Form等,可以很炫地玩起來,比如下面這個粒子消散類的動畫效果。
5、能量衝擊動畫
在製作文字logo動畫的時候,還可以從動漫中吸收靈感,比如加入能量衝擊波的概念,結合文字logo本身的寓意,讓視覺效果更酷炫一點。
6、光效動畫
上帝說,要有光,於是有了光。嗯,動畫要有光,於是,它亮了起來。光,可以玩的方法也是灰常多,元素細分後更是細節豐富,這裡先簡單放一個例子,以後再繼續跟小夥伴們聊更多有趣的光效玩法。
7、路徑生成動畫
這裡要說的路徑不是給文字做路徑動畫,而是用其他元素比如線條或者粒子做路徑動畫,最後以"生成"的形式露出文字logo。因此,基於路徑的創作可以讓這種動畫更為絢麗多彩一些,比如下面的案例。當然,一腦補也可以想到水墨路徑、子彈路徑等等更多的玩法,以後再聊嘍。
以上這些呢,是小編總結的一些基本的文字logo動畫思路,下面再來瞅瞅還有哪些進階玩法。
1、蒙版動畫
蒙版動畫,嗯,簡單來說,就是用"文字logo"作為蒙版層,然後把其他影像內容剪貼進去,在AE或是PS中都可以實現,操作起來也比較容易。下面這個例子,結合了BM和阿隨君喜歡的《龍珠超》,悟空很厲害,而一路走來也有各種小夥伴相伴左右,Z戰士們攜手保護著地球,麼麼噠,這一小段片頭的剪貼,阿隨君頗以為很符合BM的slogan呢。
2、動態文字雲
在文字排版中,"文字雲"的形式越來越受到大家的喜歡,So,那我們當然也可以把文字雲"搬到"動畫設計中,比如下面這個例子,把BM文字和部分關鍵詞一起嵌入到"汽車"形狀的文字雲中,Duang,有個性的一枚文字logo動畫就誕生了。
3、特效大片式
說到"汽車"這個元素,光有文字雲似乎不夠過癮嘍,所以就來輛真車嘍,變形金剛,不,變形金字。
4、文字變形式
既然都能汽車變文字,當然也能設計成文字logo變slogan,變變變。
5、華麗包裝式
也就是說,我們可以把文字logo看成一個元素,然後在它本身,或者它的前後左右添加修飾包裝元素,來襯託、引出、對比等為它"搭臺",至於包裝元素就不要太多了,腦洞在那兒,可勁兒開就是了。比如,下例中香豔模特的巧用。
6、中國風式
用山水田園、水墨太極等典型的中國風意象的視覺元素來包裝文字logo的一種方法,比如下例中這種行雲流水的風格。
7、靈感借鑑大法
這裡要說的就是平常注意積累收集優秀的動畫,模仿、練習也是不斷提高、不斷開腦洞的好的方法,比如下例就是對《哈利波特》魔法學院周年紀念時推出的動態魔法勳章的模仿與致敬。
最後再來一枚動畫大法: