最近Poly效果很流行,在海报,T-shit,手机背景,网站背景上随处可见。今天我将会教大家如何快速创建一张有Poly效果的背景图片,只需要用到浏览器跟Adobe Illustrator。

打开制作工具


###Step 1

首先,打开链接

我是用谷歌浏览器的,最好不要用IE浏览器,这个工具需要浏览器的API支持才能使用(IE9+支持canvas,但是仍不支持Data URIs)。

###Step 2

拖拽一张图片到指定位置

现在只需在图片上点击不同的地方,就会出现三角形

你也可以拖动节点,创建不同的形状

你也可以将三角形分成多个部分,只要在三角形中间点击他们

###Step 3

创建一些复杂的图像可能就需要透明度了,上面的滑块就是来控制透明度的

你可以删除所有创建的节点,或者嫌挨个添加太麻烦,需要随机添加节点。点击上方的“重置所有节点”和“随机添加节点”就可以了。

接下来继续添加节点,把poly图像充满整个页面。

###Step 4

图片创建完后,点击上方的“生成SVG”这个链接。然后就出现了“查看SVG”的链接。

点击查看SVG,新窗口打开一个页面。如图:

右键保存SVG到本地

###Step 5

用Adobe Illustrator打开SVG文件,如你所见,生成图像是线性渐变的常规矢量对象。

###最终结果

OK,大功告成。压根没什么难度是吧!!! 记得把你好看的作品在下方的评论中贴出来看看哟~~~


 

原文:《Illustrator Tutorial: How to Create Vector Polygonal Background Quickly Using Triangulator

译者:卓文理

如需转载烦请注明出处:www.zhuowenli.com