欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

时间:2022-02-10
类别:AI教程
水平:普通
观众:1.1w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

教程作者: 君小阳(授权转载自公众号:这logo怎么了

交作业:#优设每日作业#

关于教程

各位狗子们晚上好,今天给大家讲解下面这个logo的做法。这个logo选自《2021年LOGO设计趋势》,依然是对称翻转的类型。

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

教程步骤

老规矩,看放大图,先思考下怎么做。

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

30秒时间过去了…OK时间到,我们来分析下这个图形。

首先它整体呈现的是一个心形;其次,既然是对称翻转,那我们只需要做出红色部分即可,蓝色部分可通过复制+水平翻转得到;第三,红蓝两部分是有交集的,图中用暗红色来体现。

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

那么问题来了,怎么确保画出的红色部分,翻转后正好能组成一个心形呢?

其实无需考虑那么多,下图中绿色线条所代表的轮廓形状我们可以人为画一个心形去约束,但需要注意一点,就是保证蓝色框选部分的弧度尽量起伏大些,圆润些,因为这个弧度直接影响心形的标准度和美观度,如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

如果弧度的起伏比较小,对称后是不是就没那么好看了?

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

好了,接下来我们就来做红色部分。

第一步,先画一个描边形状,参数如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

注意宽度配置文件选择两头尖的这一个,如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

第二步,选中这个形状,执行效果-扭曲和变换-变换命令,参数设置如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

第三步,执行对象-扩展外观,扩展后的锚点会比较多而杂,我们再用对象-路径-简化命令,优化一下锚点,看下优化前后的锚点对比。

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

第四步,画个心形,将其移动到红色部分上面,如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

关于心形的画法,还不会的同学请走传送门→同学,送你一颗小心心

我用的就是里面的方法一,非常easy,这里不再赘述。

下面我们微调心形的形状和位置,如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

看下优化前后的区别。

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

第五步,用形状生成器工具(shift+M)按住alt键删除心形轮廓之外的红色图形,如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

删除后发现上图蓝色标注的地方不够圆润,我们直接导圆角即可。

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

第六步,将做好的红色部分复制一份,并水平翻转,填充蓝色,置于红色下层,如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

第七步,处理交叉部分。我们先定一个暗红色的填充色。

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

然后用形状生成器工具直接点选交叉部分,就自动上色啦,如下:

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

好啦,今天的小案例就讲到这里,我们下期见鸭~

这logo怎么做?第43期-宽度线条重复变换,线条组合轻松实现!

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

19 收藏 38

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了
/

支持键盘 ← → 键翻阅图片