AI教程！圣诞节主题小物件矢量扁平图标

教程作者：设计师视觉设计实战营19期-57-小橘小橘

教程指导：如如（优设视觉设计实战营讲师）

交作业方式：微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

一、关于教程

这是一组圣诞节风格的图标，整体的颜色搭配采用了红黄绿色系，非常符合圣诞节的氛围！

我们开始绘制之前可以先分析下关于圣诞节的元素，我这边是挑了铃铛、雪人、拐棍棒糖等 6 个好上手的元素制作，大家喜欢其他圣诞的元素也可以自己试着做出来哦~

想要让讲师如如手把手教你制作更多主题图标？点击这里立刻开始学习：

二、教程步骤

Step 01：新建文档

打开Adobe Illustrator，点击文件→新建（快捷键Ctrl+N）创建一个新文件，参数设置为 单位：像素，宽度800px，高度600px，颜色：RGB

step 02：创建背景

2.1 找到AI的图层面板，双击图层将名称修改为：背景

2.2 选中【背景】图层，使用矩形工具（快捷键M）绘制一个800px*600px的矩形，颜色填充为#FCFCE8 ：

2.3找到对齐面板，将对齐方式设置为【对齐画板】，选择【水平居中对齐】和【垂直居中对齐】，这时候刚刚新建的矩形就和画板完全重合对齐了：

2.4 选中矩形，按快捷键 Ctrl+2将矩形锁定，或者在【背景】图层里把前面的【小锁】按钮点上，即可锁定图层（为了之后的操作不会被背景图层影响）

step 03：绘制图标

1 绘制铃铛图标

1.1.1 点击【图层】面板，创建一个新的图层，双击图层命名为【铃铛】

1.1.2 使用【矩形工具】绘制一个78px*28px的矩形，填充颜色为#FFD85A，描边填充颜色为#73553F,描边粗细为2pt，

1.1.3 点击【自由变换】工具后，在弹出的小框中选择【透视扭曲】工具， 点击矩形左下角的锚点往外拖动至120px，出现一个梯形形状

1.1.4 使用【直接选择】工具点击矩形，拉动小圆点把梯形的尖角变成圆角，圆角数值为6px，

1.1.5使用【矩形工具】新建一个82px*65px的矩形，填充颜色为#FFD85A，描边填充颜色为#73553F,描边粗细为2pt，接着使用【直接选择】工具选择矩形上方的两个锚点，把圆角拉到最大

1.1.6使用【矩形工具】新建一个82px*15px的矩形，填充颜色为#29B77D，描边填充颜色为#73553F，描边粗细为2pt，然后把矩形放在梯形后面，

1.1.7 使用【椭圆工具】，绘制一个15px*15px的圆形，填充颜色为#F55569，描边填充颜色为#73553F，描边粗细为2pt，

把圆形放到梯形的后方，接着选中四个形状，调出【对齐工具】，点击【对齐所选对象】后，再点击【水平居中对齐】，这样我们铃铛的整体就绘制出来了

1.1.8 我们开始绘制铃铛顶部的装饰叶子，选择【多边形工具】，绘制一个五边形，直径为20px，边数选择5 ，填充颜色为#F55569，描边填充颜色为#73553F，描边粗细为2pt

1.1.9 使用【直接选择工具】选中五边形上方的三个锚点，按住【shift键】，往上移动10px

1.2.1选中图形点击顶部工具栏中的【效果→扭曲和变换→收缩和膨胀】，点开预览，把收缩拉到-30%，点击确定后再从顶部工具栏中选择【对象→扩展外观】，这样我们就得到了一个叶子的轮廓

1.2.2 使用【钢笔工具】绘制出叶子的内部纹路，描边填充颜色为#73553F，描边粗细为2pt，框选叶子的轮廓和叶子的纹路，点击右键编组【快捷键ctrl+G】

1.2.3选中图形右键点击【变换→旋转】使叶子整体旋转45°，点击确定后，再选中图形，右键点击【变换→镜像→复制】，把复制出来的叶子按住shift水平移到右边

1.2.4使用【椭圆工具】，绘制一个30px*30px的圆形，填充填充颜色为#F55569，描边填充颜色为#73553F，描边粗细为2pt，把圆形放在两叶子中间，选中三个图形右键点击编组【快捷键ctrl+G】，放置到之前画好的铃铛中间

我们的铃铛就绘制完成了！

2 绘制花圈图标

2.1.1 使用【多边形工具】绘制一个半径55px,边数为8的多边形，填充颜色为#F55569，描边填充颜色为#73553F，描边粗细为2pt，

2.1.2 选中图形，点击右键【变换→旋转】，旋转角度为22°，让多边形尖尖的部分在中心位置，接着使用【直接选择工具】框选多边形的所有锚点，拉出圆角，圆角数值为20px

2.1.3 使用【椭圆工具】绘制一个45px*45px的圆，选中多边形和圆，调出【对齐面板】选择【水平居中对其→垂直居中对齐】，使两个形状居中对齐后，再调出【路径查找器面板】点击【减去顶层】，这样我就得到了一个镂空的花环

2.1.4 使用【椭圆工具】绘制一个20px*20px的圆，填充颜色为#FFD85A，描边填充颜色为#73553F,描边粗细为2pt

再使用【矩形工具】绘制一个38px*38px的矩形，填充填充颜色为#F55569，描边填充颜色为#73553F，描边粗细为2pt

2.1.5选中矩形，点击【自由变换工具→透视扭曲】，得到一个梯形，然后使用【直接选择工具】拉出圆角，圆角数值为8px，再右键【变换→镜像→垂直→复制】，我们就得到一个蝴蝶结了

2.1.6 选择【矩形工具】绘制一个20px * 47px的矩形，在右侧工具栏中选择【钢笔工具】在矩形底部中心位置点出一个锚点，接着使用【直接选择工具】点中刚刚添加的锚点，按住shift键往上移动约10px，再点击图形用【直接选择工具】拉出圆角，数值为1px

2.1.7 选择图形点击右键【变换→旋转】旋转角度为45°，接着再右键【变换→镜像→复制】，移动到右边，我们就画好了蝴蝶结装饰

2.1.8 加上一些点缀，花圈图标就完成啦

3 绘制圣诞糖果图标

3.1.1 首先我们使用【钢笔工具】绘制一个勾的形状，把填充关掉，描边加到15px，接着使用【直接选择工具】选择底部的锚点，拉出最大圆角

3.1.2 选中路径，点击上方工具栏【对象→扩展】，这样我们就得到了一个糖果的轮廓形状

3.1.3 我们开始绘制糖果内部，首先用【矩形工具】画一个15px*120px的长条，填充颜色为#F55569，再画一个7px*120px的长条，填充#FFFFFF，选中两个图形，按住【shift键】平移过去，再按重复上一步动作5次，快捷键为【Ctrl+D】

3.1.4 选中全部图形，按住【shift键】旋转45°，把糖果形状先复制一个出来，放在纹理上方，置于顶层，右键点击建立剪切蒙版

3.1.5 把刚刚复制出来的糖果形状关掉填充，添加描边填充颜色为#73553F，描边粗细为2pt，选中两个图形对齐，一个糖果棍子就画好了，

3.1.6另一边使用同样的方法，绘制出来，旋转角度放好，复制上一个花圈上的蝴蝶结，我们的糖果图标就做好啦

4 绘制叶子图标

4.1.1 这个图标就非常简单了，我们就不过多赘述，简单过一下，首先我们复制铃铛图标上的叶子装饰，按住【shift】旋转，把叶子倒过来

4.1.2按住【alt键】，复制第三个叶子出来，放置在正上方，再把红色的圆缩小一些，复制两个出来，对齐后加上点缀，我们的叶子图标就完成啦

5 绘制手套图标

5.1.1 首先我们使用【矩形工具】绘制一个75px*18px的矩形，用【直接选择工具】拉出圆角，数值为4px

5.1.2 再使用【矩形工具】绘制一个60px*70px的矩形和一个18px*38px的矩形，使用【直接选择工具】框选两个形状底部的两个锚点，将圆角拉到最大

5.1.3选中小的矩形按住shift旋转45°，放置在大矩形上使其重叠，选中两个图形，调出【路径查找器面板】选择联集，使两个形状合并，这样我们就得到了手套轮廓

5.1.4 接着绘制手套内部花纹，首先绘制一条直线，点击上方工具栏【效果→扭曲和变换→波纹效果】，大小：5px，隆起数：12，选择平滑和绝对

5.1.5 把波浪线条点击上方工具栏【对象→扩展外观】，接着使用钢笔工具，连接波浪的两个端点，使其变为一个闭合路径，关闭描边 打开填充，填充颜色#FFD85A，再绘制一个78ox*78px的圆，填充颜色#73553F

5.1.6复制一个手套轮廓出来，放在纹理上方，选中三个形状，右键【建立剪切蒙版】，加上描边和星星，这样我们一个手套就做出来了

5.1.7 把做出来的手套【Ctrl+G】编组，旋转30°后，右键【变换→镜像→复制】复制出另外一个手套，稍微缩小一些，放置在后面

5.1.8 复制前面做的蝴蝶结，再用钢笔工具画出左右两根绳子连接，这样我们的手套图标也完成啦

6 绘制雪人图标

6.1.1 首先使用【椭圆工具】绘制一个85px*85px的圆，填充颜色稍微压扁一点,再绘制一个45px*45px的圆，均填充颜色为#FFFFFF，描边填充颜色为#73553F，描边粗细为2pt

6.1.2 使用【矩形工具】绘制一个40px*8px的矩形和一个25px*25px的矩形，选中上面的矩形，点击左侧工具栏【自由变换工具→透视扭曲】拉出一个梯形，然后用【直接选择工具】拉出圆角数值为2px

6.1.3使用【矩形工具】绘制一个62px*15px的矩形和一个15px*30px的矩形，使用【直接选择工具】将两端的圆角拉到最大，然后单独将右上角的锚点圆角拉到6px，然后加上三个15px*9px的装饰矩形，围巾就做好了

6.1.4使用【椭圆工具】绘制一个18px*18px的圆，再用【钢笔工具】画出树枝，选中整个手部右键【变换→镜像→复制】复制出右手，再绘制出三个7px*7px的圆形装饰

6.1.5用钢笔工具画出眼睛，用矩形工具画出6px*6px的脸部晒红填充色为#F55569，嘴巴先画一个17px*17px的圆形，关掉填充，使用【直接选择工具】选中上方的锚点，按Delete键删除锚点，得到一个弧形路径，再框选上方两个锚点往下一点，嘴巴就画好了

三、最终效果图

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…