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

2016-02-16 18:51 48 1 收藏

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

【 tulaoshi.com - Illustrator 】

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

效果展示:

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

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

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

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

移动圆圈组合,按住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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160216/1571330.html

延伸阅读
效果图看上去非常清爽漂亮,其实是有三个不同的形状组构成。制作的时候尽量用形状工具来绘制,这样调整非常方便,同时还可以任意修改,放大后也不会模糊。 最终效果 1、新建一个250*250px的文件,添加垂直、水平参考线,位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。 2、第一个几何形状: 新建一个组-small patt...
标签: CorelDRAW
本例介绍运用CorelDRAW制作无缝拼接图案的技巧,在本CD教程中我们将学习如何将制作好的物件定义为花纹,然后用定义好的花纹填充制作无缝拼接图案,希望能给朋友们带来帮助~~ 1、画个正方形60*60(可自定义大小)蓝色填充,然后画两个星形白色填充物。 2、复制两个星型,放置合适位置,然后群组; 3、打开变换工具卷帘,在群组图形上下左...
标签: Illustrator
之前偶我们分享过一组很火的顶级纹理,都是顶尖设计师经常在界面设计中用到的。很多同学怒赞的同时纷纷表示臣妾做不到。考虑到授人以鱼不如授人以渔,今天直接上教程,教你用Illustrator创建大气典雅的无缝拼贴图案。 来让我们开始教程吧!无缝拼贴图案样式一直都是设计师的宠儿,现在也十分受欢迎,在很多领域都有应用,我相信在很久很久的...
标签: PS PS教程
效果图看上去非常清爽漂亮,其实是有三个不同的形状组构成。制作的时候尽量用形状工具来绘制,这样调整非常方便,同时还可以任意修改,放大后也不会模糊。 最终效果 1、新建一个250*250px的文件,添加垂直、水平参考线,位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。 2、第一个几何形状: 新建一个组-small pattern。...
将某个场景的图案,按照随机的方式罗列整个画布上,这就形成一种纹理式样的图案。而这类纹理图案有两种表现,第一种是细微的质感纹理,这类纹理大部分运用到网页的背景上,它显得比较低调,主要色调为黑白灰;第二种就是以图案为独立细节进行随机散布的图案纹理,如下图。 此类图案纹理能铺开整个画布,直接强调主题,虽然直接运用网页布局...

经验教程

281

收藏

96
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部