今天25學(xué)堂在 站酷上看到這樣一位大神的主頁,其中一篇《閑聊文字logo的動畫大法》勾起了學(xué)堂君的注意,于是乎好好的欣賞了阿隨君的一番感人肺腑的武功秘籍。
那就是今天的分享的APP設(shè)計主題:七招教你搞定高大上的文字logo動畫設(shè)計。
下面讓我們跟隨小編一起學(xué)習(xí)幾種常用的logo動畫中文字變換的顯示要領(lǐng) :
滑行效果、模糊效果、漸變效果、打字效果、顏色過渡效果、閃光效果。
第一招,文字logo之最基本的文本動畫
最直接想到的是基本的“文本動畫”,基于“文字”的位置、旋轉(zhuǎn)、縮放、透明度、填充和描邊等基本屬性來做關(guān)鍵幀動畫,可以逐字逐詞,也可以完整一句來做動畫,玩法非常多。比如下面這種用“物理撞擊”結(jié)合位置和旋轉(zhuǎn)兩個屬性來實現(xiàn)的效果。
第二招:文字logo之MG一波流
MG風在近年幾乎大行其道,基本可以用風靡江湖來形容了。從視覺感官上來說,通過簡單的元素、豐富得體的運動設(shè)計,營造的沖擊力清新而美好,玩法自然也灰常多,比如下面這個極簡的例子,基礎(chǔ)的幾何元素加到文字上,再通過文本的基本屬性運動,來實現(xiàn)效果。熟練了之后,也可以讓畫面更為豐富有趣,當然也要謹記:形式勿大過內(nèi)容!
第三招,文字logo之手勢動畫
隨著智能設(shè)備的風起,“手勢動畫”也隨之大熱。而阿隨君這里要說的是真正的手勢,即讓手勢參與到動畫中,相當于直觀展示用手勢操作手機的感覺。翻譯過來,其實也就是在文本動畫的基礎(chǔ)上加上“手”這個元素的動畫,比如說下面這個例子。
第四招:文字logo之粒子消散動畫
除了在文本動畫的基礎(chǔ)上稍加發(fā)揮外,我們當然能夠繼續(xù)開腦洞,比如說做“粒子動畫”,尤其在AE中,利用各種粒子插件如Trapcode Particular 、Trapcode Form等,可以很炫地玩起來,比如下面這個粒子消散類的動畫效果。
第五招:文字logo之能量沖擊動畫
在制作文字logo動畫的時候,還可以從動漫中吸收靈感,比如加入能量沖擊波的概念,結(jié)合文字logo本身的寓意,讓視覺效果更酷炫一點。
第六招:文字logo之光效動畫
上帝說,要有光,于是有了光。嗯,動畫要有光,于是,它亮了起來。光,可以玩的方法也是灰常多,元素細分后更是細節(jié)豐富,這里先簡單放一個例子,以后再繼續(xù)跟小伙伴們聊更多有趣的光效玩法。
第七招:文字logo之路徑生成動畫
這里要說的路徑不是給文字做路徑動畫,而是用其他元素比如線條或者粒子做路徑動畫,最后以“生成”的形式露出文字logo。因此,基于路徑的創(chuàng)作可以讓這種動畫更為絢麗多彩一些,比如下面的案例。當然,一腦補也可以想到水墨路徑、子彈路徑等等更多的玩法,以后再聊嘍。
以上這七招高大上的文字logo動畫設(shè)計方法,是阿隨君總結(jié)的一些基本的文字logo動畫思路。學(xué)會了以上七招也足以讓你的logo設(shè)計,或者是APP動效設(shè)計更上一層樓。
下一節(jié)課,我們分享文字logo動畫設(shè)計的進階篇。
以上內(nèi)容來源:http://www.zcool.com.cn/article/ZNDE3NTQw.html
全站高品質(zhì)素材免費下載!