AI教程!描边风格可爱猫猫贴纸图标

时间:2022-09-21
类别:AI教程
水平:入门
观众:1.0w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AI教程!描边风格可爱猫猫贴纸图标

教程作者:设计师视觉设计实战营17期-60-mie

教程指导:如如优设视觉设计实战营讲师)

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

关于教程

本期教程带大家绘制描边风格贴纸插画,可爱又好上手。首先我们先确定好主题,找一些相关的插画和照片作为参考,然后确定好要画的内容绘制草稿,并根据主题先暂定个配色。这里我的主题是小猫和食物组合,所以选择了一些比较可爱温馨的配色。接下来进一步详细说明

想要让讲师如如手把手教你绘制插画?点击这里立刻开始学习:

AI教程!描边风格可爱猫猫贴纸图标

教程步骤

step 01:新建文档并设置图层

1.1 打开AI软件,点击上方文档—>新建,创建一个新文档(或快捷键ctrl+N),具体参数如图

1.2然后我们可以根据插画内容分5个图层。找到图层面板,新建总共五个图层并将图层命名为:图层1:背景,图层2:面包,图层3:纸杯蛋糕,图层4:甜甜圈,图层5:爆米花

AI教程!描边风格可爱猫猫贴纸图标

step 02:绘制小猫

2.1 为了方便制作我们可以先将草稿导入进画布,然后根据草稿进行绘制

2.2根据草稿先绘制一个椭圆形(描边颜色#81221f,粗细2pt),使用钢笔工具(快捷键P)绘制出耳朵,点击顶部菜单栏视图—>轮廓进入轮廓画面(快捷键ctrl+Y),使用直接选择工具(快捷键A)调整锚点使线条相交,然后点击视图—>GPU预览(快捷键ctrl+Y)回到画布

AI教程!描边风格可爱猫猫贴纸图标

2.3选中两个图形,使用形状生成器(shift+M),按住alt点击中间多余的线条减掉

2.4使用钢笔工具绘制出左右两侧的耳部,依旧进入轮廓画面(ctrl+Y)调整好锚点,然后回到画布,选中所有图形,使用形状生成器,按住shift点击左右两侧耳部及中间脸部生成图形

AI教程!描边风格可爱猫猫贴纸图标

2.5选中耳部脸部分别添加颜色(耳朵#f3ca90  脸#fcf6f1),统一描边颜色及粗细(描边颜色#81221f),调整描边设置如图

AI教程!描边风格可爱猫猫贴纸图标

2.6使用画笔工具或者钢笔工具为猫咪头部添加花纹(颜色#81221f),耳朵(颜色#f5b5ae)

2.7选择椭圆工具,按住shift画出一个正圆为腮红(颜色#f5b5ae)调整位置,复制放到对应的另一边,再用钢笔或者画笔工具为腮红添加装饰(颜色#e56c62)

2.8选择多边形工具,直接点击画布调整边数为3绘制一个三角形为鼻子(颜色#e56c62)。选中三角形拖拽顶部调整为如图样式,使用直接选择工具选中三角形调整圆角为如图样式,再用钢笔工具绘制出嘴巴(颜色#e56c62)眼睛(颜色#81221f)调整好位置,然后选中绘制好的猫咪头部编组(快捷键Ctrl+G),这样小动物头部就完成了

AI教程!描边风格可爱猫猫贴纸图标

step 03:绘制小猫+面包组合

3.1面包部分,选择矩形工具绘制两个矩形(描边颜色#81221f,粗细2pt)并调整好位置,样式位置如图。使用直接选择工具调整好圆角,选中两个图形,使用形状生成器(shift+M),按住alt点击中间多余的线条减掉,再按住shift点击中间生成图形并填充颜色(#fce4c5)

AI教程!描边风格可爱猫猫贴纸图标

3.2选中面包图形复制原位粘贴(快捷键ctrl+F),取消图形填充颜色只保留线条颜色改为(#f8bf8d),再选中面包图形点击顶部菜单栏对象—>扩展外观—>扩展,选中线条点击顶部菜单栏对象—>路径—>偏移路径,参数如图重复偏移2次,剪切偏移后的线条点击面包图形到填充层原位粘贴线条

AI教程!描边风格可爱猫猫贴纸图标

3.3选中面包图形复制原位粘贴(快捷键ctrl+F),右键排列—>置于底层(快捷键shift+ctrl+[)改变填充颜色(#f2bc8c)调整位置如图,使用钢笔工具绘制出阴影(颜色#ef995e),选中刚刚绘制好的阴影剪切,点击底层面包图形直到填充层,原位粘贴阴影并调整好位置,这样面包部分就完成了

AI教程!描边风格可爱猫猫贴纸图标

3.4接下来制作草莓,使用多边形工具直接点击画布调整边数为3绘制一个三角形为草莓(颜色#db6a60  描边颜色#81221f)。选中三角形拖拽顶部调整为如图样式,使用直接选择工具选中三角形调整圆角为如图样式,再用钢笔工具绘制出草莓蒂(颜色#bfd098描边颜色#517b5b)调整好位置,选中底层草莓图形点击顶部菜单栏对象—>扩展,再使用钢笔工具绘制出阴影(颜色#cc5252),选中阴影剪切点击底层面包图形直到填充层,原位粘贴阴影调整好位置,最后使用钢笔工具或者画笔工具为草莓点缀一些高光和点点装饰就完成了

AI教程!描边风格可爱猫猫贴纸图标

3.5接下来制作煎蛋部分,使用钢笔工具绘制出煎蛋图形(颜色#fef7f3  描边颜色#81221f),选中煎蛋图形点击顶部菜单栏对象—>扩展外观,再使用钢笔工具绘制出阴影(颜色#f7f0e4),选中阴影剪切点击煎蛋图形直到填充层,原位粘贴阴影调整好位置。使用椭圆工具,按住shift绘制一个正圆(颜色#f7c561  描边颜色#edaf40),选中图形点击顶部菜单栏对象—>扩展外观,再使用钢笔工具绘制出阴影(颜色#edba5f),选中阴影剪切点击煎蛋图形直到填充层,原位粘贴阴影调整好位置,使用钢笔工具或者画笔工具点缀一些高光,这样煎蛋部分就完成了

AI教程!描边风格可爱猫猫贴纸图标

3.6将草莓、煎蛋、面包分别编组和一开始绘制的猫咪头组合排列如图,分别复制草莓、煎蛋、猫咪头然后填充颜色(#9e0707 不透明度30%)制作为阴影,调整阴影排列顺序置于图形下方。使用钢笔工具绘制出猫爪并调整排列在煎蛋下方,最后使用钢笔工具或画笔工具在面包上做一些点的装饰,全部选中图形编组然后剪切,点击开头创建好的面包图层粘贴这样就完成了。

AI教程!描边风格可爱猫猫贴纸图标

step 04:绘制小猫+甜甜圈组合

4.1甜甜圈部分,使用椭圆工具绘制一个椭圆形(描边颜色#81221f,粗细2pt),用直接选择工具拖动锚点调整椭圆形为图中样式,再用钢笔工具绘制中间分隔曲线,调整锚点与椭圆形线条相交,选中图形使用形状生成器工具,按住shift分别点击甜甜圈上部分和下部分创建图形,填充颜色为(上部分#f5b5ae 下部分#fce4c5)

AI教程!描边风格可爱猫猫贴纸图标

4.2先选中甜甜圈下部分,点击顶部菜单栏对象—>扩展外观,然后点击到填充图层,使用钢笔或画笔工具为甜甜圈添加阴影和点缀(阴影#f4ad78 点缀#f4ad78 #fef7f3)样式如图

AI教程!描边风格可爱猫猫贴纸图标

4.3接下来选中甜甜圈上部分,点击顶部菜单栏对象—>扩展外观,重复刚刚的步骤为甜甜圈上部分添加阴影和点缀(阴影#ef7575 点缀#f0928e ),使用钢笔工具和星型工具为甜甜圈添加一些小装饰(星型描边#edaf40 颜色#f7c561 装饰#fce4c5 #c3d59a #f7c561 #e56c62)样式如图

AI教程!描边风格可爱猫猫贴纸图标

4.4将甜甜圈部分选中编组,复制开头绘制的猫猫头与甜甜圈组合排列,点击猫猫头编组使用椭圆工具和钢笔工具修改猫猫表情,再用之前绘制好的草莓丰富一下装饰,样式如图

4.5使用钢笔工具绘制一个图形置于猫猫头上方做遮挡关系(描边#872220 填充#f5b5ae)选中绘制好的组合编组,剪切到甜甜圈图层,这样甜甜圈组合就完成了

AI教程!描边风格可爱猫猫贴纸图标

step 05:绘制小猫+纸杯蛋糕组合

5.1纸杯底部分,使用矩形工具绘制一个矩形(描边颜色#81221f),用直接选择工具拖动锚点调整矩形为图中样式,再用椭圆工具绘制出一个蛋糕杯底,调整好位置使锚点与矩形线条相交,选中图形使用形状生成器工具,按住alt减去多余部分

AI教程!描边风格可爱猫猫贴纸图标

5.2使用钢笔工具绘制出曲线如图,调整好位置使锚点相交对齐后,用形状生成器按住alt减去多余部分,再用钢笔工具绘制出分隔线,调整好锚点后,使用形状生成器按住shift生成四个图形并填充颜色(颜色#f5b5ae #fce4c5)

AI教程!描边风格可爱猫猫贴纸图标

5.3使用钢笔工具和椭圆工具绘制出蝴蝶结(描边#81221f 颜色#ff6666),并用画笔工具做一些点的装饰(颜色#fdf7f2),然后再用钢笔工具绘制阴影(颜色#9e0707 不透明度50%),选中阴影调整排列置于蝴蝶结下方

5.4复制猫猫头编组,点击进入编组使用椭圆工具改变表情,调整跟纸杯底部分的排列位置如图

AI教程!描边风格可爱猫猫贴纸图标

5.5饼干部分,使用矩形工具绘制出两个矩形(描边颜色#81221f 颜色#f0928e #fad3b7)样式位置如图,再用钢笔工具点缀装饰(颜色#fce4c5),选中刚刚绘制的饼干部分并复制改变填充颜色(描边颜色#81221f 矩形颜色#ee7c61 #fad3b7 装饰#f7c561),把绘制好的矩形调整好位置后编组调整排列顺序置于猫猫头下方

AI教程!描边风格可爱猫猫贴纸图标

5.6再用钢笔工具绘制出2片叶子置于底层作为装饰(描边颜色#527e5c 颜色#c3d59a),样式位置如图

AI教程!描边风格可爱猫猫贴纸图标

5.7奶油部分,使用钢笔工具绘制出猫猫头上方的奶油装饰(描边#81221f 颜色#fce4c5),然后调整好排列层级,复制奶油原位粘贴改变填充为(#9e0707 不透明度50%)作为阴影,将奶油阴影调整排列置于奶油下方并调整好位置,样式如图

5.8最后使用画笔工具或者钢笔工具绘制出爱心形状(#e56c62)装饰在纸杯部分,样式位置如图,然后全部选中编组剪切,点击纸杯蛋糕图层粘贴这样就完成了

AI教程!描边风格可爱猫猫贴纸图标

step 06:绘制小猫+爆米花组合

6.1首先是爆米花桶部分,使用矩形工具绘制两个矩形(描边颜色#81221f,粗细2pt),并用直接选择工具调整为如图样式

6.2使用椭圆工具绘制7个正圆(描边颜色#81221f,粗细2pt)并调整位置使锚点与矩形相交对齐,具体样式如图

6.3选中全部图形,使用形状生成器按住alt减去多余部分,再用钢笔工具绘制分隔线并调整好锚点后,选中图形使用形状生成器按住shift依次点击每个分隔部分生成图形,并填充颜色(正面#f5b5ae #fce4c5 侧面#dd5f5f #f4ae5b)样式如图

AI教程!描边风格可爱猫猫贴纸图标

6.4接下来是爆米花部分,先用钢笔工具绘制出四种爆米花(描边颜色#81221f,粗细2pt),然后与爆米花桶随机排列出合适样式并随机填充颜色(#fef7f3 #fce4c5 #f9ce93),复制开头绘制好的猫猫头放到合适位置调整好大小排列顺序如图

6.5点击猫猫头编组使用钢笔工具改变猫猫头表情

6.6使用画笔工具绘制出阴影(#9e0707 不透明度50%)调整好排列层级,样式如图

6.7选中全部图形编组剪切,点击爆米花图层粘贴这样就完成了

AI教程!描边风格可爱猫猫贴纸图标

step 07:排版

7.1点击背景图层,使用矩形工具添加背景(#f5b5ae  #fce4c5)

7.2复制草莓和星星小元素,使用路径查找器—>联集,填充颜色(#f4ad78 不透明度50%),排列在画布上做背景装饰

7.3分别选择四组绘制好的图形,复制原位粘贴,使用路径查找器—>联集,填充颜色(#ffffff),然后置于底层,使用路径偏移制作出贴纸描边

7.4调整一下排版对齐,这样就制作完成了

最终效果图

AI教程!描边风格可爱猫猫贴纸图标

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

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

17 收藏 51

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片