欢迎访问自学路径

您尚未登录

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

点击登录

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

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

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

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

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

文章编辑:@雪寄草

关于教程

各位狗子们晚上好,今天给大家讲解下面这个logo的做法。

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

该logo为群友投稿,版权归原作者所有,本文只探讨做法。

老规矩,观大思法。

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

教程步骤

30秒时间过去了…OK时间到,又是一个以五角星为创意的图形,我们先来看几个细节。

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

这几个细节的处理顺序是 等距 > 黑色填充 > 穿插,下面跟我一起操练起来吧!

第一步,做画笔。

①用钢笔工具画出3条 描边路径,我这里设置的粗细是16pt,间距自然也是16pt,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

②打开画笔窗口(F5),将这三条路径拖入窗口中,会弹出新建画笔窗口,选择艺术画笔,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

默认设置即可,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

第二步,画星形。

①用星形工具画出一个正五角星描边(按住shift+alt键绘制),然后将五个角倒为圆角,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

②选中星形,点击之前创建好的画笔,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

重点来了

一定有狗子疑惑为什么这里不用更简单的偏移路径来做,还要新建画笔搞那么复杂。别着急,接下来我按照偏移路径的思路做一遍,让大家理解两者的区别。

将第①步做好的五角星描边粗细设为16pt,而偏移路径的数值就是16(间距)+16(路径粗细)=32pt,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

截至目前,使用偏移路径和用画笔描边得到的造型是一毛一样的,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

而一旦我想将路径加粗,偏移路径的弊端就出现了,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

可以看出,前者的路径高度和间距已经不相等了,因为描边变粗导致间距缩小,要想统一就必须逐一调整偏移数值,非常麻烦。而后者则会自动去统一路径粗细和间距的问题,极大地提高了效率,也方便我们做更多不同数值的尝试。

至于为啥前面的描边是20.8pt,可以回顾下两者数值调整前后的比例关系,非常简单的数学哟,哈哈哈~

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

好啦,等距的问题搞定了,接下来解决第二个细节问题——黑色填充。通过尝试和对比,描边粗细改为1.1pt是比较理想的,对比如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

第三步,做穿插。

在做穿插之前,记得先将图形执行对象-扩展外观,如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

关于穿插操作,之前讲过很多次了,用到的方法就是先延长再删除。

具体做法:先用小白工具(A)框选需要延长的路径,然后ctrl+C,ctrl+F,再用移动工具(V)等比放大即可,看下动图操作。

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

依此法类推,延长后的效果如下:

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

最后一步就是选中所有路径,用形状生成器工具(shift+M)按住alt键,用左键点选删除多余的路径,达到穿插的效果,看下动图操作。

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

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

这LOGO怎么做?第63期:线条圆角穿插五角星LOGO

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

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

12 收藏 50

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

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

复制本文链接
img

发表评论 已发布 9

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

支持键盘 ← → 键翻阅图片