欢迎访问自学路径

您尚未登录

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

点击登录

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

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

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

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

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

一、关于教程

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

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

该logo为网站搜集,版权及创意归原作者所有,本文只探讨做法。

老规矩,观大思法。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

二、教程步骤

30秒时间过去了…

OK时间到。相信不少狗子看到图形第一眼就会不假思索地说,“这不还是用六边形网格做的嘛”,实际上并没有那么简单,看下分析图。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

从以上两个细节就可以判断出这个图形不是基于网格系统做的,那我们能从上图得到哪些有用的信息呢?

信息一

很明显,这是一个用旋转大法做出来的图形,如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

信息二

就是前面分析图讲过的,如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

虽然还是不知道旋转轴心点的位置,但凭以上两个信息完全够用了。

接下来跟我进入喜闻乐见的开车……哦不对~是动手实操环节。

第一步,做旋转基本形

①画一条垂直的描边路径,然后将其逆时针旋转60°,复制一份并水平翻转,‍如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

具体设置如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

②拖动其中一条路径,让它们的底部锚点重合,然后用小白工具(A)框选,并按ctrl+J合并,看下动图操作。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

至此,一个夹角为120°的路径就诞生了,不要问我为什么是120°,自己细想,哈哈哈哈~

如果对合并后的定界框感觉不舒服,可以执行对象-变换-重置定界框命令,如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

③将合并后的路径命名为A,ctrl+C(复制)然后ctrl+B(置于下层),得到路径B。将B的描边粗细改为150pt,将A的描边颜色改为白色,看下动图。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

④对路径B执行对象-路径-轮廓化描边,这样路径B就从描边变成了填充,此时再给B增加一个4pt的白色描边(居中对齐),如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

⑤处理细节。

再来回顾下旋转基本形的特征,左侧是圆的,右侧是平的。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

为了方便操作,我们将整体先逆时针旋转60°,如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

双击B进入隔离模式,画一个矩形补上去,然后点击路径查找器(ctrl+shift+F9)的联集按钮,如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

然后再将其顺时针旋转60°,旋转的基本形就做好了。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

虽然步骤有些复杂,但后面就非常省心了。

第二步,补全剩余的图形

基于图形B,我们可以轻松得到另外两个基本形C和D,如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

因为我们不知道旋转轴心点的具体位置,所以我们只能借由前面信息二中得到的相等的间距关系来还原三者的位置。

接下来是一波行云流水的小操作,记得打开智能参考线(ctrl+U)方便对齐。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

最终得到的图形如下。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

接下来需要将右上角优化一下,继续看操作。

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

最后别忘了将描边扩展并删除哦,否则描边在别的底色下还是能看到的,如下:

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

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

这LOGO怎么做?第80期:圆润缠绕的六边形旋转字母LOGO

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

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

11 收藏 17

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

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

复制本文链接
img

发表评论 已发布 1

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

支持键盘 ← → 键翻阅图片