Illustrator实例教程:创建圆形无缝背景图案

今天,我们给大家带来一篇Illustrator实例教程,教大家创建一个圆形的无缝背景图案。这种背景图案可以看作是传统的中国风元素。

我们先来看一下最终的效果吧!

Illustrator实例教程:创建圆形无缝背景图案


Illustrator实例教程:创建圆形无缝背景图案

那么,这样的背景是怎么做的呢?下面,我们就来看一下具体的操作步骤。

这篇教程我们将分为两部分:基本图案的绘制以及背景的创建。其中,最重要的就是背景图形的绘制,希望大家能够掌握这种图形的绘制方法。

一、基本图案的绘制

首先,我们在Illustrator中新建一个10cm×10cm的正方形画板。

Illustrator实例教程:创建圆形无缝背景图案

新建画板

我们在工具箱中选择“椭圆”工具,绘制一个10cm×10cm的圆,保留描边,不要填充,描边选择“内侧对齐”,粗细为14pt。

Illustrator实例教程:创建圆形无缝背景图案

绘制第一个圆形

接下来,我们选中这个圆,按Ctrl+C、Ctrl+F原位复制一个,将直径改为8cm。

Illustrator实例教程:创建圆形无缝背景图案

绘制第二个圆

按照同样的方法,我们绘制出其他的圆,直径分别为6cm、4cm、2cm。这样,同心圆就画好了。

Illustrator实例教程:创建圆形无缝背景图案

绘制好的同心圆

我们选中同心圆,选择对象-扩展外观将描边扩展成填充。再选择对象-复合路径-建立建立复合路径。

Illustrator实例教程:创建圆形无缝背景图案

扩展外观


Illustrator实例教程:创建圆形无缝背景图案

建立复合路径

接下来,我们将这个同心圆缩小一半,选择矩形工具,绘制一个边长2.5cm的正方形,与同心圆左上角对齐。

Illustrator实例教程:创建圆形无缝背景图案

绘制正方形,与同心圆左上角对齐

我们同时选中矩形和同心圆,在“路径查找器”面板中,单击“形状模式”下的第三个按钮“交集”,这样,我们就得到了四分之一的同心圆(以下简称“图案A”)。

Illustrator实例教程:创建圆形无缝背景图案

创建交集


Illustrator实例教程:创建圆形无缝背景图案

得到四分之一个同心圆

我们选中“图案A”,按住Alt+Shift键,水平向右复制出一个“图案A”,将复制出的“图案B”旋转90度,并与前一图案对齐,得到半个同心圆。

Illustrator实例教程:创建圆形无缝背景图案

得到半个同心圆

我们继续选中“图案A”,按住Alt+Shift键,垂直复制出一个“图案C”,将“图案A”旋转90度,同样需要对齐,得到四分之三个同心圆。

Illustrator实例教程:创建圆形无缝背景图案

得到四分之三个同心圆

我们将“图案C”继续复制得到“图案D”,旋转180度,并与“图案C”线条对齐,得到如下的形状。

Illustrator实例教程:创建圆形无缝背景图案

我们继续将“图案C”水平复制,并与“图案B”的线条对齐,得到如下的形状。

Illustrator实例教程:创建圆形无缝背景图案

接下来,我们将图案A、B、C都删除,得到如下的形状。

Illustrator实例教程:创建圆形无缝背景图案

我们需要保留的形状

接下来,我们选中该图案,选择“形状生成器工具”(快捷键Shift+M),按住Alt键,单击红色图案中不需要的部分,生成我们想要的形状。

Illustrator实例教程:创建圆形无缝背景图案

用形状生成器工具生成想要的形状

我们继续用形状生成器工具框选这些剩余的图案,让它们合并成一个图案。

Illustrator实例教程:创建圆形无缝背景图案

得到基本形状

到这里,我们已经得到了基本图案的一个单元。我们按照上面的方法,将这个基本图案复制、旋转,就得到了基本图案。

Illustrator实例教程:创建圆形无缝背景图案

将基本图案复制旋转,得到图案

最终的基本图案如下图:

Illustrator实例教程:创建圆形无缝背景图案

最终的基本图案



二、背景的创建

得到基本图案以后,背景的创建就比较容易了。我们继续将这个基本图案按住Alt+Shift键水平、垂直复制,根据背景的尺寸,调整基本图案的尺寸和数量就可以了。

我们可以根据自己的喜好设置不同的颜色。最终的背景效果如下图:

Illustrator实例教程:创建圆形无缝背景图案


Illustrator实例教程:创建圆形无缝背景图案



今天的教程就是这样了,希望能够对你有所帮助。


分享到:


相關文章: