关于教程
各位狗子们晚上好,今天给大家讲解下面这个logo的做法。
该logo为群友投稿,版权归原作者所有,本文只探讨做法。
老规矩,观大思法。
教程内容
30秒时间过去了…OK时间到,先看下群里小伙伴是如何讨论的。
其实,关于这个图形的做法一开始就被第一个同学带跑偏了,他问的是“这个logo怎么切出来的”,于是乎热心的大家都开始帮他切,就下面这些圆切图,我看了都头皮发麻,哈哈哈哈~
当然,群里也有明白人,说是先切出一个,然后再旋转复制即可。方法没毛病,我也尝试切了一下,如下:
发现问题没?外侧的弧度造型并不是正圆切出来的,而是椭圆,如下:
也许有同学会说,管它正圆椭圆呢,能切出来不就行了吗?话虽如此...
BUT!!!
我们在探讨图形做法的同时,也要学会设计的逻辑性。假如我是这个图形的创作者,我会一开始就想到用一个椭圆+一个正圆+几条线去切出这样一个旋转的基本形吗?
不会!!
而且旋转复制后的外形正好是一个六芒星造型??
怎么可能?!那我也太神了吧!
意识到图形设计的逻辑性了没?这让我想到了一个成语叫【皮之不存,毛将焉附】
通俗点儿讲,只有先画好六芒星这张“皮”,才能在上面考虑画“毛”(负空间造型)的问题。而六芒星的画法也很简单,在矩形工具栏下找到星形工具,如下:
在画布上单击左键并拖动出一个星形(按住左键不要松开),通过小键盘的↑↓键调整角点数量为6个(↑为加,↓为减),然后按住alt+shift键将图形调正再松开,看下动图操作。
现在“皮”有了,接下来才是分析“毛”怎么画的时候,我们再回看下原图。
先不管中间的负空间到底是啥,仅看我画的这六根红线,它们一定是通过旋转复制做出来的,对吧?所以我们只需要画出其中一根线,剩下的问题就迎刃而解了,而这根线是可以通过圆切做出来的,而且是同心圆,如下:
乍一看这圆也没什么规范啊,其实是有的,我们将其代入到六芒星中就知道了。
小同心圆与六芒星上下两条横边相切,大同心圆虽然没有规范,但它的大小控制着线条的粗细。接下来我们用形状生成器工具(shift+M)把这根线做出来,看下动图。
PS:生成这个线条的时候,只需选中所有红色路径就行。生成后默认是红色描边,手动填充白色并去掉描边属性即可。
去掉多余的红线看下效果。
如上图,我们发现红圈位置,隐约有一条黑线,这是正常现象(不信大家可以先画一个黑色的圆,然后原位复制一个白色的圆,看会不会产生同样的效果)。这个问题很好解决,在边上加个锚点,向外延伸出去即可,如下:
一根线画完了,剩下的5根通过旋转复制就可以得到了,旋转的轴心点在六芒星的中心点,而单位旋转角度是360/6=60°,我这里将其他线条降低了不透明度,方便大家观察,如下:
而中间的黑色部分,就没那么多讲究了,直接画个圆填充上去就好了,如下:
最后我们将负空间(白色部分)全部合并,再与六芒星相减即可,我就不演示了。
还是那句话,不要被图形的表面迷惑,要学会透过现象看本质!
好啦,今天的小案例就讲到这里,我们下期再见鸭~