本期介绍一种LOGO动画,

从线条绘制展现到完整作品,

这个过程本身有很强的设计感。


同时它也有介绍作品理念的实际作用。


所有操作都在PPT里完成的。


接下来详细讲解一下设计步骤。


制作思路和关键步骤


实现此动画的思路比较直观:

给LOGO的轮廓添加适配其走向的动画,例如横向线条可以添加横向的擦除动画,纵向线条可以添加纵向的擦除动画,圆形可以添加轮子动画。然后让完整LOGO在线条动画快结束的时候出现即可。


因此,提取LOGO的轮廓线和区分轮廓线的走向是两个关键技巧:


1、提取LOGO轮廓线

我用粗的黑体字写了一行文字。


然后随意绘制一个形状,选中文字再选中形状,运行合并形状下拉栏中的【拆分】命令,删除多余部分,文字就变成了形状。


在英豪插件的线条相关下拉栏中,点击【线条分段】,形状轮廓线就被打断了。



我们可以按住shift拖动控点延长轮廓线,如果遇到打断的曲线,就把整个曲线选中打组,重复这个操作就得到了所有延长了的轮廓线。


2、区分轮廓线走向

选中一条横向线条,修改颜色,然后使用格式刷将所有横向的线条都刷成这个颜色,这一步的目的是通过颜色手动给所有横向线条加了“横向”的标签。


选中一条横向线条,在Onekey插件的【特殊选中】下拉栏中,点击【按线条纯色】,所有横向线条都被选中了。


即可为它们添加【擦除】进入动画,方向设置为【自左侧】。


再选中所有的横向线条,点击【反选对象】按钮,就得到了所有纵向线条和曲线。


为它们添加向上的擦除进入动画,所有线条都有了动效,并且契合自身的走向。


3、拓展

我们可以将这个思路拓展到图形上。


很多LOGO都是多个基础形状布尔运算得到的。


因此这种动画的适用性很强。


详细操作教程


整个动画的制作拆解为3个部分进行讲解,

以下为详细操作视频:

视频加载中...


本文源文件已打包,

后台回复【LOGO动画】即可下载。

感谢观看,

下次再见~


在美与实用间寻找平衡

黑白间设计