![](http://dingyue.ws.126.net/2022/0718/4d0e75bdj00rf71i2000jd200u0005dg00u0005d.jpg)
打开网易新闻 查看精彩图片
文章来源:这LOGO怎么了
今天给大家讲解下面这个logo的具体操作方法
![](http://dingyue.ws.126.net/2022/0718/e593562fj00rf71i3000fd200tc00cig00tc00ci.jpg)
打开网易新闻 查看精彩图片
该logo为网络搜集,版权及创意归原作者所有,本文只探讨做法。
老规矩,观大思法。
![](http://dingyue.ws.126.net/2022/0718/f04ffab5j00rf71i4000xd200qs00osg00pn00nq.jpg)
打开网易新闻 查看精彩图片
OK,这是一个形似海螺壳的渐变logo,造型和色彩都非常漂亮。因为它是对称的,所以我们只需做出其中一半即可,看下分析图。
![](http://dingyue.ws.126.net/2022/0718/5cc4cb91j00rf71i5000qd200me00ikg00m200ia.jpg)
打开网易新闻 查看精彩图片
可以看出,这个造型由3个渐变色块组成。还觉得复杂?那我们进一步简化,去掉渐变,还原整体。
![](http://dingyue.ws.126.net/2022/0718/90c00ce5j00rf71i6000qd200u000ebg00wh00fh.jpg)
打开网易新闻 查看精彩图片
那么问题来了,这个整体造型怎么做呢?如果你对它没想法,可以试着沿三条边画辅助线,看能否找到突破点,如下:
![](http://dingyue.ws.126.net/2022/0718/2a28168bj00rf71i7000ad200q800lag00pn00ks.jpg)
打开网易新闻 查看精彩图片
瞧~这三条辅助线围成的造型不正是等边直角三角形吗?看下还原图。
![](http://dingyue.ws.126.net/2022/0718/7f46ea27j00rf71i8000fd200sa00lag00sw00lq.jpg)
打开网易新闻 查看精彩图片
所以这个整体造型就是将两个45°角分别倒了不同程度的圆角得到的,如下:
![](http://dingyue.ws.126.net/2022/0718/63bd8468j00rf71i90013d200u000eyg00pn00cr.jpg)
打开网易新闻 查看精彩图片
有了上面的结论,我们就可以还原渐变色块的本来面目了,如下:
![](http://dingyue.ws.126.net/2022/0718/e88fe362j00rf71ia000xd200u000fdg00wh00gm.jpg)
打开网易新闻 查看精彩图片
好啦,今天的分析有点儿长,不过实操就变得非常简单了。
打开网易新闻 查看精彩图片
我借用网格分别画出这3个三角形,组合到一起后确保a>b=c即可。因为三角形1的视觉面积最小,且要倒圆角,所以高度需要适当增加一些,如下:
![](http://dingyue.ws.126.net/2022/0718/efd7ef40j00rf71ib001hd200u0008bg00t80083.jpg)
打开网易新闻 查看精彩图片
PS:ctrl+"是显示网格,ctrl+shift+"是对齐网格。
分别倒圆角,倒角数值仅供参考,我个人比较喜欢数值呈一定的倍率关系。
![](http://dingyue.ws.126.net/2022/0718/ade10877j00rf71ic000zd200u000dpg00t800dc.jpg)
打开网易新闻 查看精彩图片
第三步
翠花,上渐变。
![](http://dingyue.ws.126.net/2022/0718/cb3c1d62j00rf71id0014d200u000bog00t800bd.jpg)
打开网易新闻 查看精彩图片
另一半同理,如下:
![](http://dingyue.ws.126.net/2022/0718/d092ee35j00rf71id000wd200sa00bkg00t800bx.jpg)
打开网易新闻 查看精彩图片
最后拼到一起,这个logo就完成了。
![](http://dingyue.ws.126.net/2022/0718/08907a9dj00rf71ie0011d200u000bug00t800bi.jpg)
打开网易新闻 查看精彩图片
好啦,今天的小案例就讲到这里,我们下期再见鸭~
-END-
欢迎留言讨论
热门跟贴