Illustrator绘制漂亮的螺旋圆点花纹图案

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

其实,UI设计自学,做这个教程完全是被问起Life with Nest Protect这款烟雾警报器的底纹打洞要怎么做。完全考倒我了,摸索很久找出一个有点笨的方法,这次用AI画出来的。请先有心理准备要不停修改数值和距离才能取得漂亮花纹。

先看看效果图

Illustrator绘制漂亮的螺旋圆点花纹图案,PS教程,思缘教程网

1.随意拉出垂直和水平各一条参考线,取十字定位点。画一个圆,无填色、纯线条就好。圆的位置请参考图片

Illustrator绘制漂亮的螺旋圆点花纹图案,PS教程,思缘教程网

2.旋转工具,按住 Alt 再点击十字交点就会出现这个窗口。设 6 度,按拷贝。

Illustrator绘制漂亮的螺旋圆点花纹图案,PS教程,思缘教程网

3.不停按 ctrl+D,如果第 2 步骤操作正确,就可以画出如图片这样的网纹。

Illustrator绘制漂亮的螺旋圆点花纹图案,PS教程,思缘教程网

4.将其中一个圆的线段换个颜色,并复制一个在旁边备用。之后选取整个网纹的圆、ctrl+2 锁定。(网纹只是参考线,之后不会用到。)

Illustrator绘制漂亮的螺旋圆点花纹图案,PS教程,思缘教程网

5.画出一大一小两个黑圆点,中心对齐被换色线。黑圆点的大小不要比网纹格子大。

Illustrator绘制漂亮的螺旋圆点花纹图案,PS教程,思缘教程网

6.将刚刚复制备用的圆线移回去对齐原本被换色的圆,把超过 2 黑点的部份删掉。会得到一个弧型。(弧型起点是黑小圆点、终点是黑大圆点。图片是为了让大家看清楚弧形线段大约长相所以移到空白处,实际上这条线会压在被换色的那个圆上。)

Illustrator绘制漂亮的螺旋圆点花纹图案,PS教程,思缘教程网

 收藏