优界网

首页 > 教程经验 > AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

197

0

0

2015-04-23 17:01:00

江大可

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

其实,做这个教程完全是被问起 Life with Nest Protect 这款烟雾警报器的底纹打洞要怎么做。完全考倒我了,摸索很久找出一个有点笨的方法,这次用AI画喔!当然,这只是第一部分,看完这篇之后,参考《PS教程:创建精美的Nest Pastiche图标》这篇文章来学习制作这款icon。

AI教程集锦:
《AI教程:利用马赛克效果快速打造像素画风格》
《热门教程!教你利用PS和AI制作LOW POLY头像》
《PS教程:手把手教你做苹果WWDC2014 风格海报》

作者个人站点:http://blog.akanelee.me

请先有心理准备要不停修改数值和距离才能取得漂亮花纹。

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

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

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

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

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

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

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

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

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

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

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

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

7.选取两个黑点,对象 > 渐变 > 制作。(两圆点间因渐变产生圆的数量没关系,之后会调整。)

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

8.同时选取黑点渐变的对象、弧线,对象 > 渐变 > 取代旋转。圆点就会跟着弧线跑啰!

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

9.和步骤 2 相同,旋转工具、按住 Alt 再点击十字交点。设 6 度,按拷贝。

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

10.和步骤 3 相同,不停按 ctrl+D,就会长出漂亮的螺旋圆点花纹。

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

 

效果:

AI教程:利用Illustrator创建漂亮的螺旋圆点花纹

把花纹移到空白的地方比较容易观察。最外圈的大黑点有点重迭没关系,之后要做成方型 Nest 的 Smoke Alarm 时会修掉。需要微调的部份非常多,肯定会重复制作个 N 次,要有耐心喔。这算是几何数学的领域了,一定有公式存在,但我不懂。当年就是不想念数学才跑去念设计、别为难我了。多试几次吧。

有兴趣的人可以 google「fibonacci illustrator」。

AI教程集锦:
《AI教程:利用马赛克效果快速打造像素画风格》
《热门教程!教你利用PS和AI制作LOW POLY头像》
《PS教程:手把手教你做苹果WWDC2014 风格海报》

原文地址:blog.akanelee.me
作者:@Akane_Lee

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×