欢迎访问自学路径

您尚未登录

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

点击登录

这LOGO怎么做?第72期:线构抽象大树LOGO

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

这LOGO怎么做?第72期:线构抽象大树LOGO

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

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

关于教程

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

这LOGO怎么做?第72期:线构抽象大树LOGO

该logo为私信投稿,版权及创意归原作者所有,本文只探讨做法。

老规矩,观大思法。

这LOGO怎么做?第72期:线构抽象大树LOGO

教程步骤

30秒时间过去了…

OK时间到。这是一个线构的抽象大树图形,虽然树枝形态各异,长短不一,但整体却十分和谐美观。相信不少狗子被它的复杂外表迷惑住了,其实仔细分析,我们不难发现一些规律。

首先,图形的整体呈现的是正六边形。

这LOGO怎么做?第72期:线构抽象大树LOGO

其次,不论线条是垂直的还是倾斜的,它们的间隔距离都是相等的,倾斜角度都是统一的,如下:

这LOGO怎么做?第72期:线构抽象大树LOGO 这LOGO怎么做?第72期:线构抽象大树LOGO 这LOGO怎么做?第72期:线构抽象大树LOGO

Emmm~看完分析图有没有想到什么??是不是很熟悉的赶脚?

这LOGO怎么做?第72期:线构抽象大树LOGO

没错!这不还是我之前讲过的六边形网格嘛。看似杂乱无章,实际上每一根线条(树枝)的绘制都是基于六边形网格完成的。

接下来就跟我一起动手做起来吧!

第一步,绘制六边形网格

①画19根间距相等的竖线,也就是描边路径,如下:

这LOGO怎么做?第72期:线构抽象大树LOGO

②全选并ctrl+G打组,执行右键-变换-旋转,弹出旋转窗口,输入60°,然后点复制,如下:

这LOGO怎么做?第72期:线构抽象大树LOGO

③再选一次竖线组,重复上一步操作,数值改为-60°,如下:

这LOGO怎么做?第72期:线构抽象大树LOGO

至此,六边形网格就绘制完毕了。

这LOGO怎么做?第72期:线构抽象大树LOGO

第二步,绘制图形

有了网格的加持,我们只需用钢笔工具(P)沿着网格绘制描边路径即可。绘制过程中可以将网格降低不透明度并锁定(ctrl+2),然后打开智能参考线(ctrl+U),方便对齐。

绘制过程很枯燥,一定要有耐心,完整路径如下:

这LOGO怎么做?第72期:线构抽象大树LOGO

绘制时需要注意一点,就是带转折的路径要用一笔完成,这样方便我们后期倒圆角。如下图,同色的都是一笔勾出来的。

这LOGO怎么做?第72期:线构抽象大树LOGO

第三步,优化图形

①打开描边选项窗口(ctrl+F10),将描边适当加粗,端点改圆头,连接改圆角并如下:

这LOGO怎么做?第72期:线构抽象大树LOGO

②倒圆角。

这里我教大家一个快速倒圆角的方法:将路径全部选中,执行效果-风格化-圆角,如下(数值仅供参考):

这LOGO怎么做?第72期:线构抽象大树LOGO

③优化局部。

这LOGO怎么做?第72期:线构抽象大树LOGO

红色标记是倒圆角后产生的正常路径位移,我们只需将凸出来的锚点隐藏到路径内即可,如下:

这LOGO怎么做?第72期:线构抽象大树LOGO

而蓝色标记是需要进一步加大圆角数值的,让圆弧更大更圆更美观。操作也非常简单,如下:

这LOGO怎么做?第72期:线构抽象大树LOGO

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

PS:临摹不是目的,网格也只是工具。希望大家临摹过后可以用网格自己尝试画一个类似的树型logo,再与原图对比,以察不足。

这LOGO怎么做?第72期:线构抽象大树LOGO

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

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

 

20 收藏 29

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

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

复制本文链接
img

发表评论 已发布 3

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

支持键盘 ← → 键翻阅图片