如何制作线条样式图案
原文by：Andrei Stefan 译：Charles_xcc 2018年12月10日 难度：初学者
完成课程你将得到如上图案
在今天的这个教程里，我们准备用AI制作一个线条样式的图案，来来回回所用的都是一些简单的基本图形。
1.如何创建新文档
开始之前，我们需要建立一个新文档。选择文件 > 新建（或者使用快捷键 CTRL - N ），设定如下图：
-
配置文件：Web
-
画板数量：3
-
间距：200 px
-
列数：3
-
宽度：400 px
-
高度：400 px
新建文档
2.如何制作第一个图案样式
刚刚我们已经完成了新建文档的配置文件，我们还需要完善一下刚刚创建的三个画板。
步骤 1
运用矩形工具创建一个方形图案，大小 400 x 400 px 。颜色为#78B9FF,选择对齐工具，并选择对齐到画板，然后对齐对象中选择水平居中对齐和垂直居中对齐。
对齐工具
步骤 2
选择钢笔工具（P），从画板左上角开始一直到右下角画一条直线如图，描边工具中的粗细选择4 px（#FFFFFF）。
image
步骤 3
调整图形，选择效果 > 扭曲和变换 > 波纹效果，设置如下：
- 大小：4 px
- 绝对：选择
- 每段的隆起数：15
- 点：平滑
image
Tips：调整图形的时候，每段隆起数量请确认数值为单数，否则有将会有对不齐图形的情况出现。
步骤 4
选择刚刚创建的图形，右键选择变换 > 移动，数值设置如图。请注意，最下面务必选择复制按钮。
复制波浪形
步骤 5
完成上面步骤之后，就可以用快捷键Control - D直接复制该图形（一共24次），直到填满左下角空白区域。
填满左下角空白区域
步骤 6
选择最初的那条波浪线，重复上面步骤，但是水平和垂直的数值相反，水平- 8 px ，垂直8 px 。重复复制（Control - D）24次，然后选择所有波浪线图形（选择 > 相同 > 描边颜色），将所选图形编组方便接下来的操作（Control - G）。
填满波浪线
步骤 7
我们需要复制一次底层的蓝色块，将其置于顶层（右键 > 排列 > 置于顶层），选择波浪线和顶层的蓝色快制作建立蒙版（右键 > 建立剪切蒙版）。至此，第一个简单的图案已经完成了。看看效果，有没有一点成就感呢？
完成图
3.如何制作第二个图案样式
让我们切换到第二块画板。
步骤 1
首先建立一个20 px x 20 px 的方块。颜色填充为#FFE180,用快捷键Ctrl - R唤出标尺，然后如图，利用标尺（拖拽）建立一个2px的辅助线。
黄色方块放置如图
步骤 2
选择直接选择工具（A），选取右边两个锚点，点击右键 > 变形 > 移动，输入如图数值。
变成四边形
步骤 3
选择此四边形，用快捷键复制一层（Ctrl - C），然后粘贴在最顶层（快捷键Ctrl - F），颜色填充#191515，选择描边工具，将**粗细改成4 px **，数值如图。
四边形描边
步骤 4
用复制粘贴在最前面快捷键复制图形（Ctrl - C > Ctrl - F ），选择新复制出来的图形右键 > 变形 > 翻转 > 水平翻转，选择新图形填充#FF99C3,然后拖拽新图形，使其对齐如下图。
对称四边形
步骤 5
选择这两个四边形，编组（Ctrl - G），然后复制并且往上拖拽对齐如图（按住Alt拖拽鼠标复制，按住Shift拖拽鼠标可以垂直对齐的拖拽）。
整齐的四边形形
步骤 6
完成上一步之后，直接使用快捷键Ctrl - D快速重复上一步动作。重复9次就可以得到整列的四边形了，如下图。
整列的四边形
步骤 7
完成上一步骤后，选择所有图形，用Ctrl - G编成一组，然后向右按住Alt和Shift键拖拽一次并保持对齐。然后就可以用Ctrl - D复制了，最后再建立一个400 x 400 px的方形在这些四边形上面，然后右键 > 建立剪切蒙版，然后就没然后了_
四边形图案完成
4.如何制作第三个图案样式
让我们切换到第三块画板吧。
步骤 1
快捷键M，创建一个40 x 40 px的方形，颜色填充FFB685，如图建立参考线，并对齐图形。
一个可爱的方块
步骤 2
用钢笔工具（P）的添加锚点功能，在底部中线处添加一个锚点，然后按住Alt键（保持钢笔工具）使用消除锚点工具消除左下角和右下角的锚点，就可以做出一个三角形如图。复制一个三角形并置于最顶层（Ctrl - C和Ctrl - F）。给顶层的三角形一个4 px的描边，描边颜色选择#191515，选择两个图形组成一组（Ctrl - G），如下图。
优雅的三角形
步骤 3
运用Ctrl - C和Ctrl - F快捷键复制一个三角形，右键 > 变换 > 对称 > 垂直得到另外一个一样的三角形，拖拽使其如图对齐。
image
步骤 4
在工具栏中找到椭圆工具，画一个16 x 16 px的圆形，填充#A0EFD5颜色，描边4 px用#191515颜色,记得利用辅助线，将他对齐如图，复制这样的4个圆形，全部对齐后，选择所有图形，编成一组（Ctrl - G）。
圆形包围的菱形
步骤 5
选择上面已经编组后的图形，按住Alt键拖拽鼠标复制一个一样的图形，颜色填充#FFE180，对齐如图，然后运用Ctrl - D重复上一步动作，直至填满空白处，然后选择所有图形进行编组（Ctrl - G）。
一排菱形图案
步骤 6
用同样的方法，复制图形并对齐如下图。，然后再将所有图形进行编组。
两层菱形图案
步骤 7
选择这上面已经编好组的图形，继续按住Alt 键使用鼠标拖拽，并对齐，最后再摁几次Ctrl - D，整个图形就完成了，别忘记制作一个400 x 400 px的方形在这个菱形图案上方，然后选择两个图案制作剪切蒙版，至此三个图案都制作完成啦。
第三幅图案
（完）
