欢迎访问自学路径

您尚未登录

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

点击登录

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

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

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

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

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

关于教程

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

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

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

教程步骤

老规矩,看放大图,先思考下怎么做。

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

30秒时间过去了…OK时间到,我们来分析下这个图形。

外轮廓是NEXT四个字母,内部则分布着体现地形高低的等高线,还有不规则的色块,色块内部的等高线是反白的,NEXT四个字母之间是有衔接部分的。简单来说,就是用NEXT作为等高线和色块的剪切蒙版。

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

第一步,我们先来做NEXT,用描边矩形就可以拼出来,非常简单,如下:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

然后把衔接部分加上,并合并,如下:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

第二步,绘制等高线。这一步不可能和原作者一毛一样了,为了节省时间,我这里直接在网上找到一个等高线的素材图,拖到AI里,执行窗口-图像描摹,将其矢量化,如下:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

第三步,将第一步做好的NEXT放到等高线上方(ctrl+shift+]),将NEXT和等高线同时选中,按ctrl+7执行剪切蒙版,这一步的目的是方便我们在蒙版中(双击左键进入蒙版)不断尝试调整等高线的位置和大小,让它和NEXT更好地融合。

下图是我觉得比较合适的位置,红框标注的位置是我为了防止等高线断裂,将NEXT的衔接部分做了相应的形状调整。

PS:为了方便大家看清NEXT的位置,我将等高线的不透明度降低了,实际操作时不需要降低不透明度。

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

当我们上面的造型调整好后,就可以右键-释放剪切蒙版了,释放之后,将NEXT轮廓之外的所有等高线全部删掉,方便我们后面的操作。看下动图:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

动图中由于线太多了,我将NEXT加了个描边,方便看清轮廓,这一步一定要仔细,不可多删也不可少删,全部删除完毕后,再选中NEXT的描边,执行选择-相同-描边颜色命令,按del删除即可,看动图。

PS:将加了描边的NEXT复制一份,先隐藏,下一步要用。

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

第四步,勾色块。如下图中的橙色描边:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

注意这些色块的曲线尽量和等高线的弧度保持一致。色块的形状定好后,再把上一步隐藏的NEXT描边显示出来,利用形状生成器工具(shift+M),按住alt键删掉NEXT轮廓之外的色块,之后再将描边属性改成填充(shift+X可快速切换)如下:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

第五步,同时选中色块以及色块内部的等高线,点击路径查找器(ctrl+shift+F9)中的减去顶层按钮,如下:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

全部删除完毕后的效果如下:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

注意,上图白圈标注的地方是一些空路径,需要我们手动删除掉,否则会影响填充效果。

将形状优化完毕后,我们就可以将其全选并统一填充渐变色了(线性渐变,从左往右拉),如下:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

4个渐变色标的位置分别是0%,33%,66%,100%。

第六步,继续优化线条直至满意为止。

我们发现原图的等高线并不是均匀等粗的,这里我们便可以分别调整即可,看动图:

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

这是个细活儿,时间有限,我这里就不一一演示了,大家可以多多尝试,理解这个logo的做法即可。

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

这logo怎么做?第44期-素材与字母融合,做出LOGO新风格!

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

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

16 收藏 95

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

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

复制本文链接
img

发表评论 已发布 1

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

支持键盘 ← → 键翻阅图片