AI教程:利用Illustrator创建漂亮的螺旋圆点花纹 - 优设网 - UISDC

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

2014/06/16 21671评论区

其实,做这个教程完全是被问起 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

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量71万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/methods-of-making-pattern

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里