超全面！文字LOGO的7种动效设计方法（新手版+进阶版）

UI严选

一个简单的文字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呢。