百木园教程作者：就业衔接班4期-79-芋圆
教程指导：包大有趣
交作业：#优设每日作业#
本教程主要讲解如何运用Adobe Illustrator制作线性图标。这组图标的主题为航空航天，整体采用蓝紫的渐变，贴切主体。示范的三个图标分别是望远镜（telescope）、航天器（spacecraft）、雷达（radar）
1.1 打开Adobe Illustrator，点击文件->打开（快捷键Ctrl+O），打开参考线文件，双击图层名称处，将名称修改为「参考线」并确定为锁定状态
2.1 在绘制前，首先确定已在菜单栏->视图中开启了「对齐网格」功能。
找到AI的图层面板，新建图层，双击图层名称处，将名称修改为「背景」并拖至最下方：
2.2 选中「背景」图层，使用矩形工具（M），在画板中间点击一下，如下图，输入数值，绘制一个800x500px的矩形，颜色填充为#2e105e。拖动矩形自动对齐画板
2.3 防止制作过程中会不小心拖动「背景」图层，在图层面板中锁定「背景」图层
3.1 新建一个图层命名为「图标」，并移动到最上层
3.2 新建一个66×24px的矩形，无填充，改描边颜色为#dd85ff，描边粗细改为3pt，端点改为圆角端点，边角改为圆角连接
同样的做法绘制另外三个矩形，并调整合适位置
选中所有矩形，垂直居中对齐
选用直线段工具（\\），按住Shift绘制四条直线
选中所有形状，右键->变换->旋转（R），旋转33°
用椭圆工具(L)，按住Shift绘制一个12×12px的正圆，并移动到相应位置
用直线段工具（\\），按住Shift绘制一条线段，与中心参考线重合
选中刚才画的直线，右键->变换->旋转（R），旋转30°，点击复制（C）
将复制出来的线段移动到合适位置后，用选择工具（V）拉长线段，与参考线对齐
选中拉长的这条直线，右键->变换->对称（E），垂直对称，点击复制，并移动到合适的位置
用椭圆工具(L)，按住Shift绘制三个正圆，参数如图，并移动到相应位置
可选中全图形，适当调整位置大小，确保形状处于此参考线内
3.3 选中所有形状，对象->扩展（X）
后在路径查找器中选择联集，这样就能使所有形状变成一个完整的图形
给图形加填充渐变，先点击前滑轮，后双击填色块，修改颜色，后滑轮操作一样，参数如下
将鼠标靠近渐变色条，当在鼠标旁边出现一个小加号时，点击一下，增加一个新的滑块，跟上一步操作一样修改该滑块颜色，数值如下
望远镜图标完成
4.1 用矩形工具（M）绘制四个矩形，参数如图所示，并移动到相应位置
用选择工具（V）选中最上边的矩形，按住Alt键，拖拽复制一个相同的矩形到相应位置
用直接选择工具（A），选中最左边的矩形，分别点击右上和右下两个角，都移动四个像素点（也可使用键盘上下键，分别点击四下）
用选择工具（V），选中中间的矩形，拖动圆点，使圆角半径到8px左右即可（也可从上方直接输入修改）
通过视图->标尺->显示标尺（Ctrl＋R），从标尺上拖拽出两条参考线，并放到合适位置，用于下一步对齐参考
通过直线段工具（\\），对齐参考线按住Shift画四条短线段，并用直线段工具画出另外几条直线
用直线段工具（\\），在尾部绘制一条直线，并通过右键->变换->旋转（R），复制，的方式，绘制出完整图形
用钢笔工具（P）,简单绘制一个弧形，当做高光
选中所有图形，右键->变换->旋转（R），旋转33°，并作相对的调整，使他集中在图示参考线内
用椭圆工具（L），按住Shift绘制三个正圆，参数如下，并移动到适当的位置
4.2 选中所有图形，跟上一步同样的做法，先对象->扩展（X），再联集，成为一个完整的图形
最后添加渐变填充
航天器图标完成
5.1 用椭圆工具（L），绘制一个92 x 29px的大椭圆，并使两端与两条参考线对齐，中心点与中心参考线对齐
用椭圆工具（L）和矩形工具（M），再绘制一个小椭圆和一个矩形，同样对齐
用直接选择工具（A），分别选中矩形左下角和右下角，并依次移动10个像素（也可以用键盘左右键），成为一个梯形
先用选择工具（V），选中梯形和小椭圆，再用形状生成器工具（Shift＋M），进行拖动合成
用选择工具（V），选中刚合成的新图形和大椭圆，利用形状生成器工具（Shift＋M）进行拖动合成
用直线段工具（\\），按住Shift画一条直线，对齐上方参考线
用选择工具（V），选中线段，右键->变换->旋转（R），旋转45°，复制，放到合适位置，适当调整长度对齐
用选择工具（V），选中刚变换的长线段右键->变换->对称（E），垂直对称，复制，调整到合适位置
用钢笔工具（P），画一条弧线，再用选择工具（V）选中弧线，按住Alt拖动复制，后调整大小，移动到合适位置
用选择工具（V），选中所有图形，右键->变换->旋转（R），旋转-35°，并移动位置，对齐参考线
可以适当调整图形，达到更好看的效果（这里我调整了一下身体部分的锚点）
先用直线段工具（\\），绘制三条线段，再用矩形工具（M）绘制一个76×10px的矩形，并调整的适当位置
用椭圆工具（L），按住Shift绘制三个正圆，参数如下，并移动到适当的位置
5.2 选中所有图形，先对象->扩展（X），再联集，成为一个完整的图形
最后添加渐变填充
雷达图标完成
6.1 锁定「图标」图层，新建一个图层命名为「文字」，并移动到最上层
6.2 用文字工具（T），点击画布，新建文本框，输入telescope，颜色参数改为623e7c，字体大小为19px，并移动到适当位置对齐
从标尺上拖出一条参考线，放到telescope下方，便于下一步另外两个图标字体与之对齐
同样的方法依次输入spacecraft，radar，在spacecraft，radar处于选中状态时，直接选用吸管工具（I），吸取telescope，复制其字体颜色样式，最后调整字体位置
完成啦！最终效果如下图：
隐藏「参考线」图层的显示，菜单栏->文件->导出中选择「导出为」，将图片导出成JPG格式
来源：https://uiiiuiii.com/illustrator/1212382892.html
图文来源于网络，如有侵权请联系删除。