psschool 发表于 2017-7-20 00:00:00

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

今天分享一篇新手教程,教同学们用Illustrator创建矢量的无缝几何图案,你可以应用在很多设计场景中,当然也可以举一反三,创建出更加漂亮的图案。来学习一下吧。
效果展示:
http://www.06ps.com/d/file/2017/0720/1500535952794.jpg
① 使用椭圆工具(鼠标点击矩形工具按住不放)创建不同尺寸的两个圆,要求这两个圆中心位于同一垂直线上。
http://www.06ps.com/d/file/2017/0720/1500535953723.jpg
选择这两个圆圈,然后选择 对象>混合>制作 或按Ctrl+ Alt + B键。
http://www.06ps.com/d/file/2017/0720/1500535954941.jpg
继续点击对象>混合>混合选项(或单击工具面板中的混合工具图标)。在设置对话框中选择指定的步数,然后设置自己想要的间距。
http://www.06ps.com/d/file/2017/0720/1500535956470.jpg
② 点击对象>混合>拓展。请确保取消组合所产生的圆圈(Ctrl + G)。
http://www.06ps.com/d/file/2017/0720/1500535957277.jpg
在“对齐”面板(Shift + F7)的下拉菜单中选择“对齐关键对象”。
http://www.06ps.com/d/file/2017/0720/1500535958193.jpg
(译者附上汉化后的图一张)
http://www.06ps.com/d/file/2017/0720/1500535959360.png
在圆圈的边缘之间输入数字设置想要的间隙,然后单击垂直分布间距。
http://www.06ps.com/d/file/2017/0720/1500535960346.jpg
编组所有圆圈 (Ctrl + G).
③ 点击镜像工具(O),按住ALT键单击底部的圆圈,在打开的对话框中,选择水平轴按复制按钮
http://www.06ps.com/d/file/2017/0720/1500535963745.jpg
保持新组被选中,选择对象>变换>移动,设置垂直偏移值,等于之前设置对齐面板的分布间距值 (我的是6 px)
http://www.06ps.com/d/file/2017/0720/1500535965489.jpg
④ 点击直线段工具(/),然后按住shift创建一条水平线
http://www.06ps.com/d/file/2017/0720/1500535966412.jpg
继续执行效果>扭曲和变换>波浪效果,并设置如下面的图片中显示的参数。
http://www.06ps.com/d/file/2017/0720/1500535967489.jpg
⑤ 选择对象–扩展外观。对于后面的工作中,我们只需要A,B两点间的曲线段。
http://www.06ps.com/d/file/2017/0720/1500535968410.jpg
使用直接选择工具(A)选择要删除的点(图中标示的点),然后单击Delete键。
http://www.06ps.com/d/file/2017/0720/1500535969747.jpg

http://www.06ps.com/d/file/2017/0720/1500535970857.jpg
⑥ 使用选择工具(V)将曲线段的A点于任何一个圆的中心对齐。这个圆将是最基础的部分。此时,没有必要做精确的操作。
http://www.06ps.com/d/file/2017/0720/1500535972446.jpg
                       
               
                                       
移动圆圈组合,按住Alt键进行复制,以配合曲线段B点的基圆的中心。
http://www.06ps.com/d/file/2017/0720/1500535973460.jpg
⑦ 选择这两个圆圈组合,然后创建一个混合对象(Ctrl+ Alt + B,然后对象>混合>混合选项)
http://www.06ps.com/d/file/2017/0720/1500535974192.jpg
点击对象>混合>展开,然后取消组合所产生的群体。
http://www.06ps.com/d/file/2017/0720/1500535975328.jpg
⑧移动圆圈在垂直方向上的中间部分,使得基圆的中心分别位于所述弯曲段。这样的动作可以利用向上和向下箭头键来方便操作。
http://www.06ps.com/d/file/2017/0720/1500535977489.jpg
选择所有的圆,然后选择镜像工具(O),然后点击A点,按住Alt键。在打开的对话框中选择垂直轴,并单击复制按钮。
http://www.06ps.com/d/file/2017/0720/1500535979959.jpg

http://www.06ps.com/d/file/2017/0720/1500535981673.jpg
圈子将互相重叠,所以上面的组合可以被删除。
http://www.06ps.com/d/file/2017/0720/1500535982520.jpg
⑨ 我们可以在创建圈子的基础上创建一个图块无缝模式。点击矩形工具(M)创建一个矩形,这样会将它的顶点与圆的中心,分别位于远组一致。在这种情况下,该操作必须是完全准确的。
http://www.06ps.com/d/file/2017/0720/1500535984668.jpg
增加矩形的高度,让它涵盖所有的圆圈.
http://www.06ps.com/d/file/2017/0720/1500535985323.jpg

http://www.06ps.com/d/file/2017/0720/1500535987376.jpg
                       
               
                                       
⑩ 拖动圆形加下面的矩形到色板面板
http://www.06ps.com/d/file/2017/0720/1500535988884.jpg
现在来测试它,试着创建一个任意矩形然后填充和应用模式。若如图所示则说明成功.
http://www.06ps.com/d/file/2017/0720/1500535990697.jpg
基于圆我创建了另一个版本的模式。上下复制圆圈两次,将会如下图所示。
http://www.06ps.com/d/file/2017/0720/1500535992467.jpg
基本矩形的位置下图所示。
http://www.06ps.com/d/file/2017/0720/1500535993310.jpg
现在我想告诉你如何准备创建无缝图案。对象是位于基底外侧,并且不相交的边可以被去除,尽管这不是必需的。
http://www.06ps.com/d/file/2017/0720/1500535995453.jpg
复制矩形底座和上面的所有对象的副本。
http://www.06ps.com/d/file/2017/0720/1500535997262.jpg
选择所有对象,然后按Ctrl + F7快捷方式创建剪切蒙版。
http://www.06ps.com/d/file/2017/0720/1500535999933.jpg
为了更好的视觉效果, 你可以复制一个瓷砖图案几次,放置副本,让他们相互接触无间隙。
http://www.06ps.com/d/file/2017/0720/1500536000394.jpg
掌握了该技术,就可以继续创造一系列类似以下图案的图。祝你也能成功做到!
http://www.06ps.com/d/file/2017/0720/1500536002633.jpg
页: [1]
查看完整版本: Illustrator制作漂亮的无缝几何图案