欢迎访问自学路径

您尚未登录

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

点击登录

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

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

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

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

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

关于教程

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

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

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

老规矩,观大思法。

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

教程步骤

30秒时间过去了…OK时间到。一定会有同学说,“今天的图形也太简单了吧,做出下面的基本形,然后复制旋转120°两次就出来了”,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

原理是没错,但还有一个细节不能忽视,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

整体造型是贴合圆形轮廓的,所以箭头所指的图形绝不是基本形的完全体,而是被圆切割后的样子,所以本期的核心难点就是脑补出完全体。

这样吧,我把图形换个正常的角度,方便大家观察,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

想必大家心中都有自己的答案了,接下来跟我一起来揭晓吧。

第一步

①画一个描边椭圆,将描边粗细改大一些,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

②执行对象-路径-轮廓化描边,然后从中间分割成上下两部分,并分别上色,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

第二步

我们需要改造这部分的造型,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

步骤也非常简单,看下动图操作。

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

需要注意一点,尽量让两端的句柄处于同一直线上,这样能最大限度地让曲线平滑,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

至此,完整的基本形就做好了,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

左边不用管哈,待会儿要用圆切掉的。

第三步

就是最熟悉的旋转复制环节了,旋转轴心点的位置可以多次尝试来确定,要保证旋转后三个图形之间留有一定的空隙(蓝线区域),如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

第四步

以上一步的旋转轴心点为圆心,画出切割圆,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

要注意,这个圆太大或太小都不满足切割条件,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

看下我的轮廓图。

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

标注的三个点正好都位于圆上,大家在画圆的时候可以打开轮廓视图(ctrl+Y)放大后慢慢调整。当然,你也可以用更为便捷的圆切插件,第一个工具就是(通过点确定圆),如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

看下动图演示。

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

插件链接我会放到文末,有需要的同学可以自行下载。

第五步

将图形全选,用形状生成器工具(shift+M)按住alt键删掉多余的部分,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

乍一看这个图形已经OK了,但当我将图形放大后又发现了新问题,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

这段曲线又不平滑了(因为圆切之后,曲线弧度发生了变化),看下句柄就知道了。

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

这两个句柄不在一条直线上,所以我们重新调整一下上方的句柄即可,如下:

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

看下优化前后的对比。

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

虽然这个问题很细微,但千万不要忽视和嫌麻烦,作为设计师,我们有责任让图形臻于完美。

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

好啦,今天的小案例就讲到这里,大家周末愉快鸭~

这LOGO怎么做?第55期-超细节操作教你制作圆形组合LOGO

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

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

附件下载

文件名 文件大小 提取码 下载来源
AI圆切插件10.92GBr8l8 点此复制 登录下载
14 收藏 67

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

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

复制本文链接
img

发表评论 已发布 4

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

支持键盘 ← → 键翻阅图片