抽象纹理文字LOGO设计教程

5月 8, 2023 发表于: 视觉设计. 评论

Sponsor

今天分享一个抽象纹理的文字LOGO设计，这种风格看似复杂，但是也有取巧的地方，下面一起来看看这个LOGO​设计教程吧！

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

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

三十秒时间过去~

OK时间到，我们来分析下这个图形。

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

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

然后把衔接部分加上，并合并，如下：

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

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

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

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

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

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

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

第四步，勾色块。如下图中的橙色描边：

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

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

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

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

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

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

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

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

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

好啦，今天的抽象纹理文字LOGO设计教程就讲到这里，我们下期见鸭~

作者：这logo怎么了（ID：wtf-logo）

赞助商链接

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。