今天我们给大家带来一篇Illustrator实例教程,教你制作矢量像素风的拼图效果。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(1)

这里,我们使用的是Illustrator中很少用到的一个功能:创建对象马赛克

我们选择一张位图图片,将它置入到Illustrator中。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(2)

接下来,我们选中图片,选择“对象”-“创建对象马赛克”,此时,会弹出“创建对象马赛克”的对话框:

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(3)

因为画板的宽高比为16:9,因此,我们在设置拼贴数量的时候,它们的宽高比也设为16:9,我们设置宽度48、高度27,保证它们的比例是不变的。设置好后,我们点击“确定”。

这样,原本的图片就变成了一个个矢量的马赛克方格。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(4)

我们将方格移到其他地方,可以看到,原本的图片还是在下方的。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(5)

我们将图片移到画板外,将马赛克格子移到画板中,可以方便对比一下处理前后的变化。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(6)

我们选中所有的马赛克格子,选择“效果”-“风格化”-“圆角”,将圆角的数值设为20px,这样,每一个方块就变成了一个圆。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(7)

我们绘制一个深色的矩形置于底层,这样,矢量像素风的拼图效果就完成了。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(8)

当然,如果圆角半径数值小一点,就变成了圆角矩形的马赛克拼图效果。

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(9)

我们来对比一下处理前和处理后的效果:

illustrator怎么画粗细渐变线条(制作矢量像素风拼图效果)(10)

当然,任何一张图片都可以用这种方法来处理,最终得到的结果也是非常不错的。

今天的教程就到这里了,如果你想了解更多和设计相关的内容,欢迎关注我的头条号!

,