这LOGO怎么做？第56期-教你绘制螺旋六芒星LOGO

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

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

关于教程

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

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

老规矩，观大思法。

教程内容

30秒时间过去了…OK时间到，先看下群里小伙伴是如何讨论的。

其实，关于这个图形的做法一开始就被第一个同学带跑偏了，他问的是“这个logo怎么切出来的”，于是乎热心的大家都开始帮他切，就下面这些圆切图，我看了都头皮发麻，哈哈哈哈~

当然，群里也有明白人，说是先切出一个，然后再旋转复制即可。方法没毛病，我也尝试切了一下，如下：

发现问题没？外侧的弧度造型并不是正圆切出来的，而是椭圆，如下：

也许有同学会说，管它正圆椭圆呢，能切出来不就行了吗？话虽如此...

BUT！！！

我们在探讨图形做法的同时，也要学会设计的逻辑性。假如我是这个图形的创作者，我会一开始就想到用一个椭圆+一个正圆+几条线去切出这样一个旋转的基本形吗？

不会！！

而且旋转复制后的外形正好是一个六芒星造型？？

怎么可能？！那我也太神了吧！

意识到图形设计的逻辑性了没？这让我想到了一个成语叫【皮之不存，毛将焉附】

通俗点儿讲，只有先画好六芒星这张“皮”，才能在上面考虑画“毛”（负空间造型）的问题。而六芒星的画法也很简单，在矩形工具栏下找到星形工具，如下：

在画布上单击左键并拖动出一个星形（按住左键不要松开），通过小键盘的↑↓键调整角点数量为6个（↑为加，↓为减），然后按住alt+shift键将图形调正再松开，看下动图操作。

现在“皮”有了，接下来才是分析“毛”怎么画的时候，我们再回看下原图。

先不管中间的负空间到底是啥，仅看我画的这六根红线，它们一定是通过旋转复制做出来的，对吧？所以我们只需要画出其中一根线，剩下的问题就迎刃而解了，而这根线是可以通过圆切做出来的，而且是同心圆，如下：

乍一看这圆也没什么规范啊，其实是有的，我们将其代入到六芒星中就知道了。

小同心圆与六芒星上下两条横边相切，大同心圆虽然没有规范，但它的大小控制着线条的粗细。接下来我们用形状生成器工具（shift+M）把这根线做出来，看下动图。

PS：生成这个线条的时候，只需选中所有红色路径就行。生成后默认是红色描边，手动填充白色并去掉描边属性即可。

去掉多余的红线看下效果。

如上图，我们发现红圈位置，隐约有一条黑线，这是正常现象（不信大家可以先画一个黑色的圆，然后原位复制一个白色的圆，看会不会产生同样的效果）。这个问题很好解决，在边上加个锚点，向外延伸出去即可，如下：

一根线画完了，剩下的5根通过旋转复制就可以得到了，旋转的轴心点在六芒星的中心点，而单位旋转角度是360/6=60°，我这里将其他线条降低了不透明度，方便大家观察，如下：

而中间的黑色部分，就没那么多讲究了，直接画个圆填充上去就好了，如下：

最后我们将负空间（白色部分）全部合并，再与六芒星相减即可，我就不演示了。

还是那句话，不要被图形的表面迷惑，要学会透过现象看本质！

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

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

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