关于教程
哈喽~各位条友早上晚上好,又到了每周的教程时间,今天要教大家一个做logo时非常实用且好用的设计方法,那就是旋转大法。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d9072ede-acbb-4387-878c-17f260ef5ed4.jpg)
当你觉得自己设计出来的图形比较单薄,或者视觉冲击力不够的时候,可以尝试使用这一方法,既能让图形变得丰富美观有内涵,又降低了图形注册不通过的几率。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/12853cb3-9c8d-4923-bc3a-df6ac983f0ad.jpg)
教程内容
案例一
废话少说,上案例。比如你要设计一个首字母是B的品牌,先做一个基本型如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e6ed342e-56c7-4b8a-bcdf-90b676564c57.jpg)
然后找到旋转的支点,啥是支点?简单点儿说,就是你想让这个图形围绕哪个点为中心进行旋转,这个点就是旋转的支点!这一步非常重要,支点找不好,出来的造型很容易千奇百怪,当然也许会有惊喜哦,所以大家可以多多尝试不同支点旋转出来的效果。
这里我想呈现出4个B围成一圈且空间闭合的图形,那么每个基本型旋转的角度就是360°÷4=90°,因为上面的B是我用网格辅助画出来的,所以它的支点非常好找,如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/39299676-3978-4aca-b838-48da6d967f4d.jpg)
上图红圈标识的就是我们的支点, 它到其它3个黄圈的距离都是4格,接下来我们旋转一下看看吧。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/07f06b90-cede-4678-83e1-f7afbc73c6b6.jpg)
啥?这一步你不会?欢迎客官移步二楼录像厅,参看我另一篇文章 老铁,你的三角形掉了,快捡一下。。里面有详细的操作步骤哟(点击文章标题即可跳转)
旋转完果然还是觉得图形有些平淡呢,那么再旋转个45°吧,并配上英文,请看最终效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/bc25bc73-9c6c-439f-a1de-057a2308f175.jpg)
嗯~~有内味了!不过还没完,我们尝试将支点换个位置旋转,看看会有什么其他效果。比如将支点到黄圈的位置缩短为2格,如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7990e2e1-3a76-4462-a58d-93fefe05615b.jpg)
旋转后的效果就是,当当当当~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cce1f5db-1a9c-4ac5-bb41-72daf8a20321.jpg)
再旋转个45°看下最终效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ca4ea0e7-a9fb-49b8-a6dd-b5a5665ce35f.jpg)
等等,还没完,这时火眼金睛的我发现一个视觉失衡的问题,也就是图重字轻,原因就是相较前一个案例,我们只缩短了B与B之间的距离,导致图形整体变小,但描边粗细没变,那么图形的负空间就显得有些拥挤。两个办法解决:要么加粗文字,要么将图形的描边改细,作为一个二货,我当然选择第二种啦~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/77807287-2e9d-49f0-9016-d8a888d2e338.jpg)
哇哦~就是这么专业(来自靓女的肯定)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5b7c1ba1-5323-47ca-a607-2f8cf848c7dd.jpg)
到这儿你以为结束了吗?不不不,较真儿的我打算再尝试下3个B的图形是怎样的。根据刚才的公式计算,每个B的旋转角度就是360°÷3=120°。脑补一下,3个B底边围成的中间造型应该是一个正三角形,所以首先我们给B来一个舒服的躺姿(为啥要躺下?看完你再细品~),三角形不像之前的正方形,它的中点不一定会正好卡在网格点上,但一定在下图的垂直参考线上,那么我们就先尝试找一个大概的支点,旋转完之后再微调即可。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c20652de-e61b-42ed-8853-2e0bc5c02e68.jpg)
旋转之后得到下图:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/fd260757-106c-42d7-8d23-033e0af42899.jpg)
我们发现3个B之间是有空隙的,这时我们打开智能参考线(快捷键ctrl+U),并关闭网格对齐(快捷键ctrl+shift+"),手动调整上面2个B的位置即可,看动图:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/11771fa4-52f1-4bbb-9df5-dc794e767f60.jpg)
现在感觉图形头重脚轻了,那我们再用镜像工具(快捷键O)将图形来个垂直翻转即可,这个工具比“右键-变换-对称-弹出窗口再设置”这个步骤要快捷的多,希望大家善加利用。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5a2df0b7-eee1-4c27-a3c7-281488701d1b.jpg)
最后打上文字,并根据文字调整图形描边粗细,大功告成!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cc653170-9dd9-4fcd-acc2-3c58a6e2984f.jpg)
所以旋转大法的精髓就是三步,第一画基本型,第二找支点,第三算角度!
案例二
接下来考考大家,我们反向思维,先看最终图形,然后反推这个图形的基本型是什么?旋转支点在哪?单位旋转角度是多少?(该图形选自我的字母组合系列-L篇)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2bef6437-7ea5-460e-9ccb-788b1f4dd998.jpg)
没错,就是LL,这是一个复合的基本型,拆解如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/6be267fe-14bf-4c3d-8763-091144b3afed.jpg)
而支点就在垂直L的顶点处,然后看图形总共包含几个基本型,即可轻松算出单位旋转角度,即360°÷8=45°,看下动图操作吧。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/26575bb6-2e4a-43de-9c6c-850f4bf69562.jpg)
案例三
当然,基本型还可以更加复杂一些,旋转的作用也不仅局限于丰富基本型本身,也可以充当外轮廓装饰,比如下面这个以字母JV为主体的图形。(该图形选自我的字母组合系列-J篇)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ea798d40-206c-4b29-95f0-87d2d796bc77.jpg)
这是一个偏手写风格的线条造型,没那么规则,且本身已经足够简洁独特,无需再基于本体进行旋转复制,但是我们可以利用旋转营造一个外轮廓出来,让这个图形更丰富一点,看看效果怎么样。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1da06c57-e727-4d49-8ea8-15707a7aedb9.jpg)
哇哦~旋转出来的效果还不错呢,这里我一共旋转了11次,共计12个基本型,单位旋转角度就是30°,至于支点嘛,当然就在整个轮廓的中心啦。
PS:因为基本型不规则,这个支点需要多次尝试寻找,不同的位置,不同的数量,不同的旋转数值,呈现的效果都会不一样,大家可以多多尝试。基本型的个数最好能被360整除,这样你的旋转角度也都是整数,比较好操作!
最后我们把之前的JV放到轮廓中心,并在外圈打上文字,完美!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/119f253b-3229-44fa-a5a6-07c49ee0bc38.jpg)
好啦,今天的教程就到这里啦~希望大家看后多多动手,才能领会旋转的奥义!
晚安各位~我们明天见鸭!
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/How%20to%20do%20this%20LOGO%20Want%20a%20sense%20of%20form%20Teach%20you%20how%20to%20use%20rotation.html
评论列表(196条)
测试