logo动效设计教程(动态文字logo制作)

一个简单的文字LOGO能有多少种动效展示方法?今天@阿随向前冲 这篇好文以一个简单的文字LOGO为例

一个简单的文字LOGO可以有多少种动态显示方式?今天,@丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮丮2

本文以Better Me为例介绍:

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

1、文字动画

最直接想到的就是基本的“文本动画”,它是基于“文本”的基本属性如位置、旋转、缩放、透明、填充、描边等。可以是一个字一个字的动画,也可以是一整句话的动画,有很多种玩法。比如把位置和旋转两个属性和“物理冲击”结合起来,达到如下效果。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

2、毫克波流

MG这几年非常火,基本可以用江湖流行来形容。从视觉感上来说,通过简单的元素和丰富恰当的动作设计,营造出的冲击清新美观,玩法自然是灰色的。比如下面这个极简的例子,在文本中加入基本的几何元素,然后移动文本的基本属性来达到效果。熟练之后,还可以让画面更加丰富有趣。当然,切记:形式不能大于内容!

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

3.手势动画

随着智能设备的兴起,“手势动画”也火热起来。这里一个隋军想说的是真正的手势,就是让手势参与到动画中,相当于直观的展示了用手势操作手机的感觉。翻译过来,其实就是在文字动画中加入了元素“手”的动画,比如下面这个例子。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

4、粒子耗散动画

除了在文字动画的基础上稍微玩一玩,当然也可以继续脑洞大开,比如“粒子动画”。特别是在AE中,我们可以玩trap code detail、Trapcode Form等各种粒子插件。比如下面的粒子耗散类的动画效果。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

5、能量冲击动画

在制作文字logo动画时,也可以从动画中吸取灵感,比如加入能量冲击波的概念,结合文字logo本身的含义,让视觉效果更加酷炫。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

6.光效动画

神说,要有光,就有了光。嗯,动画需要光,所以就亮了。光,玩法多,元素细分后细节丰富。这里举个简单的例子,然后我会继续和朋友们聊更多有趣的光效。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

7、路径生成动画

这里的路径不是将文字动画化,而是用线条或粒子等其他元素将路径动画化,最后以“生成”的形式暴露文字logo。所以基于路径的创作可以让这类动画更加丰富多彩,比如下面这个案例。当然,你也可以想出更多玩法,水墨路径,子弹路径等。以后再聊。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

这是隋军总结的一些基本的文字标志动画创意。再来看看其他高级玩法。

1、面具动画

蒙版动画,嗯,简单来说就是用“文字logo”作为蒙版图层,然后把其他图像内容剪切粘贴进去。可以在AE或者PS中实现,操作简单。下面的例子是一个BM和一个隋军最喜欢的《龙珠超》的组合。悟空很厉害,一路走来,身边有形形色色的朋友。z战士携手保护地球。这个短标题的剪贴,A隋军还挺觉得符合BM的口号的。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

2.动态文本云

在文字排版中,“文字云”的形式越来越受到人们的喜爱。所以,当然,我们也可以把云这个词“搬到”动画设计中。比如下面这个例子,BM词和一些关键词以“车”的形状嵌入词云。Duang,一个人物logo动画诞生了。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

3、特效大片

说到“车”的元素,似乎光有云这个词还不够,那就来个真车吧,变形金刚,不,黄金人物。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

4、文字变化形式

既然汽车可以改成文字,当然也可以设计成文字、logo、slogan。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

5.华丽的包装

也就是说,我们可以把文字logo看做一个元素,然后在它本身,或者它的前后左右添加装饰性的包装元素,来衬托、引出、对比等。为它“搭台”。至于包装元素,不要有太多。脑洞是有的,但是可以大力开。例如,在下面的例子中巧妙的使用了色彩鲜艳的模型。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

6.中式

以山水田园、水墨太极等典型中国风形象的视觉元素包装文字logo的方法。如下面示例中的流动样式。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

7.从大法中汲取灵感

这里想说的是,我们平时注重优秀动画的积累和收藏。模仿和练习也是不断提高和打开我们大脑的好方法。比如下面这个例子,是对《哈利波特》魔法学院周年庆推出的动态魔法勋章的模仿和致敬。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

最后,另一个动画解决方案:

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

好了,系列就到这里。

请私信回复“666”打电话给~颜哥~。还有更多惊喜~

………

我的微信微信官方账号:UI YEATION-越努力越幸运。

剪辑教程

edius立体编辑(edius逐字效果)

2022-6-6 16:59:00

剪辑教程

搞笑动图gif酷比了(这是我见过最全的动态图表,酷比了)

2022-6-6 17:01:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索