教程作者:设计师视觉设计实战营19期-57-小橘小橘
这是一组圣诞节风格的图标,整体的颜色搭配采用了红黄绿色系,非常符合圣诞节的氛围!
我们开始绘制之前可以先分析下关于圣诞节的元素,我这边是挑了铃铛、雪人、拐棍棒糖等 6 个好上手的元素制作,大家喜欢其他圣诞的元素也可以自己试着做出来哦~
想要让讲师如如手把手教你制作更多主题图标?点击这里立刻开始学习:
打开Adobe Illustrator,点击文件→新建(快捷键Ctrl+N)创建一个新文件,参数设置为 单位:像素,宽度800px,高度600px,颜色:RGB
2.1 找到AI的图层面板,双击图层将名称修改为:背景
2.2 选中【背景】图层,使用矩形工具(快捷键M)绘制一个800px*600px的矩形,颜色填充为#FCFCE8 :
2.3找到对齐面板,将对齐方式设置为【对齐画板】,选择【水平居中对齐】和【垂直居中对齐】,这时候刚刚新建的矩形就和画板完全重合对齐了:
2.4 选中矩形,按快捷键 Ctrl+2将矩形锁定,或者在【背景】图层里把前面的【小锁】按钮点上,即可锁定图层(为了之后的操作不会被背景图层影响)
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 备注「优优自学团」(无备注不通过哦)
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点