Illustrator制作漂亮的无缝几何图案

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

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

效果展示:

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

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

Illustrator制作漂亮的无缝几何图案,PS教程,思缘教程网

 收藏