这LOGO怎么做？第67期：视觉错位条纹LOGO

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

交作业：微博搜索话题 #优设每日作业# 进入话题页即可发布作业

文章编辑：@十豆

关于教程

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

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

老规矩，观大思法。

上下晃动屏幕将看到动图，哈哈哈哈

教程步骤

30秒时间过去了…

OK时间到。这个图形的错位效果非常有趣，与光的折射现象有异曲同工之妙，放几张图温习下我们初中学过的物理知识。

所以我们在做这个图形的时候可以将其拆分成两个部分，一个是视觉上位于后方的线条图案，一个是前方的“玻璃”空心三角形，如下：

拆分后是不是特别简单了？接下来我们逐一攻破。

第一步，画线条图案

①画14个矩形条，确保间距与矩形条高度一致，如下：

②将这些线条全选，然后ctrl+G打组（必须打组），执行效果-变形-凸出命令，效果和参数如下：

③将线条图案执行对象-扩展外观，看下扩展前后的路径区别。

第二步，画三角形

①画一个描边正三角形，将描边适当加粗，如下：

②将三角形置于图案的上方，并做水平居中对齐，同时降低不透明度，方便我们观察，如下：

先回顾下原图的细节，看下三角形顶点的位置，如下：

所以这里我们需要耐心地对三角形的位置和造型进行微调，让内外两个三角形的顶点位于相应的黑线上，如下：

我这里是通过微调三角形的宽度+垂直位置达成的，如下：

看下微调前后的路径变化。

如果大家在调整的过程中发现效果不理想，也可以先将三角形执行轮廓化描边（转成形状），然后把内外三角形的顶点分别拖到对应的黑线上，这种简单粗暴的方法也是可行的，但是为了规范，你最后要确保内外三角形的边是平行的。

第三步，做错位

①将调整好的三角形执行对象-路径-轮廓化描边，并将三角形的颜色改成和图案一样的蓝色。

②选中三角形和线条图案，打开路径查找器（ctrl+shift+F9），按住alt键的同时，点击差集按钮，错位效果就直接出来了。如下：

小TIPS：按住alt键的好处是方便我们在执行差集后，继续自由调整三角形的位置。但如果不按alt键，差集的形状就直接生成了，无法再对三角形进行调整！

看下动图的区别演示。

③对整体执行对象-扩展外观，右键-取消编组，右键-释放符合路径，删掉多余的色块就得到我们想要的图形了。

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

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc4 备注「优优自学团」（无备注不通过哦）

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