本期介绍一种LOGO动画,
从线条绘制展现到完整作品,
这个过程本身有很强的设计感。
同时它也有介绍作品理念的实际作用。
所有操作都在PPT里完成的。
接下来详细讲解一下设计步骤。
制作思路和关键步骤
实现此动画的思路比较直观:
给LOGO的轮廓添加适配其走向的动画,例如横向线条可以添加横向的擦除动画,纵向线条可以添加纵向的擦除动画,圆形可以添加轮子动画。然后让完整LOGO在线条动画快结束的时候出现即可。
因此,提取LOGO的轮廓线和区分轮廓线的走向是两个关键技巧:
1、提取LOGO轮廓线
我用粗的黑体字写了一行文字。
然后随意绘制一个形状,选中文字再选中形状,运行合并形状下拉栏中的【拆分】命令,删除多余部分,文字就变成了形状。
在英豪插件的线条相关下拉栏中,点击【线条分段】,形状轮廓线就被打断了。
我们可以按住shift拖动控点延长轮廓线,如果遇到打断的曲线,就把整个曲线选中打组,重复这个操作就得到了所有延长了的轮廓线。
2、区分轮廓线走向
选中一条横向线条,修改颜色,然后使用格式刷将所有横向的线条都刷成这个颜色,这一步的目的是通过颜色手动给所有横向线条加了“横向”的标签。
选中一条横向线条,在Onekey插件的【特殊选中】下拉栏中,点击【按线条纯色】,所有横向线条都被选中了。
即可为它们添加【擦除】进入动画,方向设置为【自左侧】。
再选中所有的横向线条,点击【反选对象】按钮,就得到了所有纵向线条和曲线。
为它们添加向上的擦除进入动画,所有线条都有了动效,并且契合自身的走向。
3、拓展
我们可以将这个思路拓展到图形上。
很多LOGO都是多个基础形状布尔运算得到的。
因此这种动画的适用性很强。
详细操作教程
整个动画的制作拆解为3个部分进行讲解,
以下为详细操作视频:
视频加载中...本文源文件已打包,
后台回复【LOGO动画】即可下载。
感谢观看,
下次再见~
在美与实用间寻找平衡
黑白间设计