今天分享一篇新手教程,教同学们用Illustrator创建矢量的无缝几何图案,你可以应用在很多设计场景中,当然也可以举一反三,创建出更加漂亮的图案。来学习一下吧

效果展示:

AI教程:手把手教你用AI创建漂亮的无缝几何图案

① 使用椭圆工具(鼠标点击矩形工具按住不放)创建不同尺寸的两个圆,要求这两个圆中心位于同一垂直线上。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

选择这两个圆圈,然后选择 对象>混合>制作 或按Ctrl+ Alt + B键。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

继续点击对象>混合>混合选项(或单击工具面板中的混合工具图标)。在设置对话框中选择指定的步数,然后设置自己想要的间距。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

② 点击对象>混合>拓展。请确保取消组合所产生的圆圈(Ctrl + G)。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

在“对齐”面板(Shift + F7)的下拉菜单中选择“对齐关键对象”。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

(译者附上汉化后的图一张)

AI教程:手把手教你用AI创建漂亮的无缝几何图案

在圆圈的边缘之间输入数字设置想要的间隙,然后单击垂直分布间距。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

编组所有圆圈 (Ctrl + G).

③ 点击镜像工具(O),按住ALT键单击底部的圆圈,在打开的对话框中,选择水平轴按复制按钮

AI教程:手把手教你用AI创建漂亮的无缝几何图案

保持新组被选中,选择对象>变换>移动,设置垂直偏移值,等于之前设置对齐面板的分布间距值 (我的是6 px)

AI教程:手把手教你用AI创建漂亮的无缝几何图案

④ 点击直线段工具(/),然后按住shift创建一条水平线

AI教程:手把手教你用AI创建漂亮的无缝几何图案

继续执行效果>扭曲和变换>波浪效果,并设置如下面的图片中显示的参数。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

⑤ 选择对象--扩展外观。对于后面的工作中,我们只需要A,B两点间的曲线段。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

使用直接选择工具(A)选择要删除的点(图中标示的点),然后单击Delete键。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

AI教程:手把手教你用AI创建漂亮的无缝几何图案

⑥ 使用选择工具(V)将曲线段的A点于任何一个圆的中心对齐。这个圆将是最基础的部分。此时,没有必要做精确的操作。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

移动圆圈组合,按住Alt键进行复制,以配合曲线段B点的基圆的中心。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

⑦ 选择这两个圆圈组合,然后创建一个混合对象(Ctrl+ Alt + B,然后对象>混合>混合选项)

AI教程:手把手教你用AI创建漂亮的无缝几何图案

点击对象>混合>展开,然后取消组合所产生的群体。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

⑧移动圆圈在垂直方向上的中间部分,使得基圆的中心分别位于所述弯曲段。这样的动作可以利用向上和向下箭头键来方便操作。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

选择所有的圆,然后选择镜像工具(O),然后点击A点,按住Alt键。在打开的对话框中选择垂直轴,并单击复制按钮。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

AI教程:手把手教你用AI创建漂亮的无缝几何图案

圈子将互相重叠,所以上面的组合可以被删除。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

⑨ 我们可以在创建圈子的基础上创建一个图块无缝模式。点击矩形工具(M)创建一个矩形,这样会将它的顶点与圆的中心,分别位于远组一致。在这种情况下,该操作必须是完全准确的。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

增加矩形的高度,让它涵盖所有的圆圈.

AI教程:手把手教你用AI创建漂亮的无缝几何图案

AI教程:手把手教你用AI创建漂亮的无缝几何图案

⑩ 拖动圆形加下面的矩形到色板面板

AI教程:手把手教你用AI创建漂亮的无缝几何图案

现在来测试它,试着创建一个任意矩形然后填充和应用模式。若如图所示则说明成功.

AI教程:手把手教你用AI创建漂亮的无缝几何图案

基于圆我创建了另一个版本的模式。上下复制圆圈两次,将会如下图所示。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

基本矩形的位置下图所示。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

现在我想告诉你如何准备创建无缝图案。对象是位于基底外侧,并且不相交的边可以被去除,尽管这不是必需的。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

复制矩形底座和上面的所有对象的副本。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

选择所有对象,然后按Ctrl + F7快捷方式创建剪切蒙版。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

为了更好的视觉效果, 你可以复制一个瓷砖图案几次,放置副本,让他们相互接触无间隙。

AI教程:手把手教你用AI创建漂亮的无缝几何图案

掌握了该技术,就可以继续创造一系列类似以下图案的图。祝你也能成功做到!

AI教程:手把手教你用AI创建漂亮的无缝几何图案

授人以鱼不如授人以渔,教程练再多,得窥得门道才能运用自如:

《经典教程!执行力强心针:字体特效篇(1)》
《经典教程!执行力强心针:字体特效篇(2)》

原文地址:Vectorboom
优设网翻译:@_Wangyijie_

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

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

AI教程:手把手教你用AI创建漂亮的无缝几何图案

收藏 23
点赞 8

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。