欢迎访问自学路径

您尚未登录

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

点击登录

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

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

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

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

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

关于教程

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

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

该logo为网站搜集,版权归原作者所有,本文只做技巧探讨。

我第一次看到这个图形就觉得很有画面感,让我想起了水果忍者,唰唰唰~手起刀落,有点儿像切竹子的感觉,哈哈哈哈。

教程内容

老规矩,我们先看下放大图,然后大家思考30秒先。

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

 

30秒时间过去了…OK时间到,之前我有讲过,如果你对一个图形无从下手,可以先将其简化成我们熟悉的造型,这个logo明显用了垂直倾斜的效果,我们来试试还原一下未倾斜的样子,如下:

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

是不是又豁然开朗了?哈哈哈~

接下来我们仔细观察下图形的规律,如下图,是不是只用到了一个基本形,然后重复排列即可?至于图形上下残缺的部分其实也是基本形,只不过被切割掉了。

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

那么我们只需要做出基本形,剩下的问题就迎刃而解了,看下基本形的分解图。

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

请大家注意下,上图红色圆圈标注的部分,我多加了一个矩形条(高度至少要2px),目的是为了导圆角,如下:

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

两个基本形连接的位置如下:

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

它们正好重合一个矩形条的高度,间隔一个矩形条的宽度(按理来说是负的),然后我们以此距离规范排出整个造型,如下图。

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

而垂直方向的间隔不做具体要求,保证距离统一即可。

最后一步就是切掉多余的造型,如下:

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

好啦,今天的小案例就讲到这里,我们明天见鸭~

这logo怎么做?第41期-凸出圆角加倾斜,做出流畅切割感!

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

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

10 收藏 32

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

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

复制本文链接
img

发表评论 已发布 2

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

支持键盘 ← → 键翻阅图片