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

~兔纸花瓣

~兔纸花瓣

2016-02-16 18:51

下面是个超简单的Illustrator制作漂亮的无缝几何图案教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

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

效果展示:

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/illustrator/)

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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/illustrator/)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

Illustrator教程:制作无缝几何图案流程

Illustrator
Illustrator教程:制作无缝几何图案流程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Illustrator创建无缝几何图案的流程

Illustrator CorelDRAW
Illustrator创建无缝几何图案的流程

Illustrator制作精致无缝的纹理图案

Illustrator CorelDRAW
Illustrator制作精致无缝的纹理图案

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Illustrator制作漂亮的几何花朵教程

Illustrator CorelDRAW
Illustrator制作漂亮的几何花朵教程

Photoshop制作丰富多彩的几何状无缝图案

PS
Photoshop制作丰富多彩的几何状无缝图案

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Illustrator网格工具制作逼真的红苹果教程

Illustrator网格工具制作逼真的红苹果教程

Illustrator打造超漂亮镂空艺术字教程

Illustrator打造超漂亮镂空艺术字教程
下拉加载更多内容 ↓