如何用扁平的矩形制作三维编织的错觉

把一张图的秘密揭开,你就会明白怎样用扁平的图形制造三维编织的错觉。看看这个视觉效果,其实就是一堆扁平的矩形通过光影交错来骗你的眼睛。只要弄懂这个套路,你就能轻松做出质感满满的“编织体”,不管是给PPT设计封面,还是给UI界面添加纹理。第一步,先画个基础底。画一些圆角矩形,去掉轮廓,填个灰色;把这些矩形横向排列,像铺轨道一样。再把它们旋转90度,纵向排列。第二步,让图形立起来。在交叉点处添加顶部和底部的棱台,顶部小一点底部大一点,这样看起来更有厚度。接着把这个组合复制成图片,摆脱矢量编辑的限制,只保留一小段作为锚点。第三步,给交叉点加上渐变光影。做一个和矩形等宽的矩形,填充从0%白色到100%黑色的渐变,两端透明度设为100%和30%。复制几份旋转不同角度。然后用剪影图片盖住纵向矩形节点,形成被压在下面的感觉;用渐变盖住横向矩形节点。第四步,把这些步骤重复应用在每一个交叉点上。注意编织结构是上下错位的,否则就会像打结一样混乱。最后,在图片软件里进行上色就可以了。用PS画笔或者渐变局部覆盖就能得到你想要的颜色和材质。记住先转成图片再调色才不会破坏之前的效果。