七招教你搞定高大上的文字logo动画设计

今天25学堂在 站酷上看到这样一位大神的主页,其中一篇《闲聊文字logo的动画大法》勾起了学堂君的注意,于是乎好好的欣赏了阿随君的一番感人肺腑的武功秘籍。

那就是今天的分享的APP设计主题:七招教你搞定高大上的文字logo动画设计。

下面让我们跟随小编一起学习几种常用的logo动画中文字变换的显示要领 :

滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。

文字logo动画设计方法

 

第一招,文字logo之最基本的文本动画

最直接想到的是基本的“文本动画”,基于“文字”的位置、旋转、缩放、透明度、填充和描边等基本属性来做关键帧动画,可以逐字逐词,也可以完整一句来做动画,玩法非常多。比如下面这种用“物理撞击”结合位置和旋转两个属性来实现的效果。

as201607192

 

 

第二招:文字logo之MG一波流

MG风在近年几乎大行其道,基本可以用风靡江湖来形容了。从视觉感官上来说,通过简单的元素、丰富得体的运动设计,营造的冲击力清新而美好,玩法自然也灰常多,比如下面这个极简的例子,基础的几何元素加到文字上,再通过文本的基本属性运动,来实现效果。熟练了之后,也可以让画面更为丰富有趣,当然也要谨记:形式勿大过内容!

as201607193

 

第三招,文字logo之手势动画

随着智能设备的风起,“手势动画”也随之大热。而阿随君这里要说的是真正的手势,即让手势参与到动画中,相当于直观展示用手势操作手机的感觉。翻译过来,其实也就是在文本动画的基础上加上“手”这个元素的动画,比如说下面这个例子。

as201607194

第四招:文字logo之粒子消散动画

除了在文本动画的基础上稍加发挥外,我们当然能够继续开脑洞,比如说做“粒子动画”,尤其在AE中,利用各种粒子插件如Trapcode Particular 、Trapcode Form等,可以很炫地玩起来,比如下面这个粒子消散类的动画效果。

 

as201607195

 

 

第五招:文字logo之能量冲击动画

在制作文字logo动画的时候,还可以从动漫中吸收灵感,比如加入能量冲击波的概念,结合文字logo本身的寓意,让视觉效果更酷炫一点。

as201607196

 

 

第六招:文字logo之光效动画

上帝说,要有光,于是有了光。嗯,动画要有光,于是,它亮了起来。光,可以玩的方法也是灰常多,元素细分后更是细节丰富,这里先简单放一个例子,以后再继续跟小伙伴们聊更多有趣的光效玩法。

as201607197

 

 

第七招:文字logo之路径生成动画

这里要说的路径不是给文字做路径动画,而是用其他元素比如线条或者粒子做路径动画,最后以“生成”的形式露出文字logo。因此,基于路径的创作可以让这种动画更为绚丽多彩一些,比如下面的案例。当然,一脑补也可以想到水墨路径、子弹路径等等更多的玩法,以后再聊喽。

as201607198

以上这七招高大上的文字logo动画设计方法,是阿随君总结的一些基本的文字logo动画思路。学会了以上七招也足以让你的logo设计,或者是APP动效设计更上一层楼。

下一节课,我们分享文字logo动画设计的进阶篇。

以上内容来源:http://www.zcool.com.cn/article/ZNDE3NTQw.html

每天更新,
全站高品质素材免费下载!