AI教程!教你绘制扁平风格办公场景桌面插画

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

教程作者:设计师就业衔接班17期-18-小圆 | 原图作者:Daria

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

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

关于教程

这张插画主要元素有日历、公文包、眼镜、桌子、手、茶杯、金币、铅笔、文件夹、直线图。现在跟着我一起,把这些元素分别画出来吧~

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

教程效果图

AI教程!教你绘制扁平风格办公场景桌面插画

教程步骤

步骤1:新建文档

打开Adobe Illustrator 。点击文件—新建(快捷键Ctrl+N)创建一个1200*900新文件,参数设置如下:

AI教程!教你绘制扁平风格办公场景桌面插画

步骤2:创建背景

点击矩形工具,绘制一个1200*900矩形,与画布对齐,选中矩形,双击颜色面板,改颜色为#55D0CF,完成后锁定该画布,以免影响后续操作。

AI教程!教你绘制扁平风格办公场景桌面插画

步骤3:制作日历

1. 新建图层,绘制一个280*170矩形,修改颜色为白色(#FFFFFF)和黑色(#282828)描边,描边为2。再绘制一个280*40矩形,修改颜色为青色(#55D0CF)和黑色(#282828)描边,描边为2。再绘制一个5*210矩形,作为日历厚度,修改颜色为黑色(#282828)和黑色(#282828)描边。

AI教程!教你绘制扁平风格办公场景桌面插画

2. 制作一个116*12矩形,修改颜色为白色(#FFFFFF)和黑色(#282828)描边,描边为2。

AI教程!教你绘制扁平风格办公场景桌面插画

3. 制作一个13*13圆形,修改颜色为黄色(#FFF5A4)和黑色(#282828)描边,描边为2。复制一个圆形,快捷键:Ctrl+C复制,Ctrl+F原位复制,修改颜色为黑色(#282828)和黑色(#282828)描边,描边为2。选中黑色圆后移一层。最后用钢笔勾出两条线。

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

4. 制作一个29*13矩形,修改颜色为青色(#97E4E3)和黑色(#282828)描边,描边为2。复制6个矩形,平均分布,最后两个颜色改为红色(#FF8A80)和黑色(#282828)描边,描边为2。选中7个矩形,Ctrl+G编组,选中编组,按住alt健往下拉,复制3组,将最后一组的最后两个矩形删掉

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

步骤4:制作桌面

1.新建图层,用钢笔绘制一条直线,描边颜色为黑色(#282828)

AI教程!教你绘制扁平风格办公场景桌面插画

2. 用矩形工具绘制出矩形,颜色为青色(#97E4E3)填充和黑色(#282828)描边,描边为2。

AI教程!教你绘制扁平风格办公场景桌面插画

3. 用矩形工具绘制出矩形,颜色为粉色(#FCBDB7)填充和黑色(#282828)描边,描边为2。

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

4. 用矩形工具绘制出白色厚度矩形和黑色厚度矩形

AI教程!教你绘制扁平风格办公场景桌面插画

5. 用矩形工具绘制出绿色矩形----再绘制出白色矩形,选中白色和绿色矩形,对齐-----用文字工具打出文字,选中文字和矩形框,对齐---绘制出黑色矩形

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

6. 最终效果为:

AI教程!教你绘制扁平风格办公场景桌面插画

步骤5:制作公文包

1.新建图层,用矩形工具绘制出粉色284*168矩形,再用钢笔工具画出一条直线

AI教程!教你绘制扁平风格办公场景桌面插画

2. 绘制出两个矩形,对齐--------选中两个圆形,用路径查找器减去顶层-------随意绘制出比圆形大的矩形,选中圆形和矩形,用路径查找器减去顶层

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

3. 绘制出黄色矩形

AI教程!教你绘制扁平风格办公场景桌面插画

4. 用钢笔工具沿着公文包边边画出三角形

AI教程!教你绘制扁平风格办公场景桌面插画

5. 看一下效果吧

AI教程!教你绘制扁平风格办公场景桌面插画

步骤6:制作眼镜

1.新建图层,用圆形工具绘制出两个圆,并对齐,选中两个圆。按住alt键复制。

AI教程!教你绘制扁平风格办公场景桌面插画

2. 用圆形工具绘制出两个圆,并对齐,选中两个圆,用路径查找器减去顶层。随意画一个比该圆大的矩形,选中圆形和矩形,用路径查找器减去顶层

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

3. 绘制一个矩形,用小白工具删掉左下角锚点,调整描边粗细为6,改为圆角端点。对象----扩展----确定,调整颜色和描边。

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

4. 选中整个眼睛,Ctrl+G编组。按住alt键,复制一个,去掉描边,颜色改为黑色(282828)。最后调整图层顺序和位置。

AI教程!教你绘制扁平风格办公场景桌面插画

AI教程!教你绘制扁平风格办公场景桌面插画

5. 看一下效果吧

AI教程!教你绘制扁平风格办公场景桌面插画

步骤7:制作箱子

1. 新建图层,按图画出3个矩形

AI教程!教你绘制扁平风格办公场景桌面插画

2. 用圆形工具画出69*81椭圆形,再画出51*78椭圆形。

AI教程!教你绘制扁平风格办公场景桌面插画

3. 画出133*42矩形作为手臂,再画出35*21圆角矩形作为手指,按住alt键复制出另外两个手指

AI教程!教你绘制扁平风格办公场景桌面插画

4. 画出78*21圆角矩形,移动到短手指下面一层,并下移一点做出遮挡关系。

AI教程!教你绘制扁平风格办公场景桌面插画

5. 画出50*21圆角矩形,圆角拉满,调整位置

AI教程!教你绘制扁平风格办公场景桌面插画

6. 用钢笔工具勾出手掌的形状

AI教程!教你绘制扁平风格办公场景桌面插画

7. 选中手臂,手掌,手指,用形状生成器链接起来,3个短手指不连

AI教程!教你绘制扁平风格办公场景桌面插画

8. 选中手和圆形,用形状生成器,按住alt键删掉多余的手臂

AI教程!教你绘制扁平风格办公场景桌面插画

9. 看一下效果吧

AI教程!教你绘制扁平风格办公场景桌面插画

步骤8:制作板子

1. 新建图层,绘制出以下3个矩形

AI教程!教你绘制扁平风格办公场景桌面插画

2.绘制37*120矩形,以及3*112高光矩形。选中两个图层,CTRL+G编组,按住alt键,复制出另外4个,对齐并平均分布。用直接选择工具调整高度

AI教程!教你绘制扁平风格办公场景桌面插画

3. 绘制17*17圆形,复制另外4个,分别排布。用钢笔工具勾出线段连接起来。

AI教程!教你绘制扁平风格办公场景桌面插画

4. 用钢笔工具沿着边缘勾出三角形。

AI教程!教你绘制扁平风格办公场景桌面插画

步骤9:制作金币

1. 新建图层,绘制出以下3个圆形。

AI教程!教你绘制扁平风格办公场景桌面插画

2. 用文字工具打出$,调整大小和位置,按住alt复制一个,向左移动一下位置,调整图层顺序到后一层。

AI教程!教你绘制扁平风格办公场景桌面插画

3. 用椭圆工具画出257*257圆形,置于底层。

AI教程!教你绘制扁平风格办公场景桌面插画

4. 随意画一个比圆大的矩形,用路径查找器减去顶层,然后置于底层。

AI教程!教你绘制扁平风格办公场景桌面插画

5. 看一下效果图:

AI教程!教你绘制扁平风格办公场景桌面插画

步骤10:制作茶杯

1.新建图层,绘制95*25,白色(#FFFFFF)填充和黑色(#282828)2px描边,圆角弧度为10的圆角矩形。随意画一个比该矩形大的矩形,路径查找器减去顶层,出茶杯底座

AI教程!教你绘制扁平风格办公场景桌面插画

2.绘制70*70,圆角弧度为30的圆角矩形。随意画一个比该矩形大的矩形,路径查找器减去顶层,画出茶杯身。

AI教程!教你绘制扁平风格办公场景桌面插画

3.绘制25*25,和15*15的圆形。选中两个圆形,路径查找器减去顶层,画出茶杯耳。

AI教程!教你绘制扁平风格办公场景桌面插画

4. 用钢笔画一条高39px,描边2px直线。效果-----扭曲变换----波纹效果调整波纹,按住alt键复制出另外两个。

AI教程!教你绘制扁平风格办公场景桌面插画

5. 看一下效果吧

AI教程!教你绘制扁平风格办公场景桌面插画

步骤11:制作文件夹

1. 新建图层,绘制170*39矩形,和10*39矩形。

AI教程!教你绘制扁平风格办公场景桌面插画

2. 绘制18*18圆形,和9*9圆形,对齐

AI教程!教你绘制扁平风格办公场景桌面插画

3. 绘制124*23矩形,选中两个矩形,对齐。再画一个11*39矩形,第一个文件夹就做好啦。

AI教程!教你绘制扁平风格办公场景桌面插画

4. 复制第一个文件夹,把白色矩形颜色改为粉色(FCBDB7)。用钢笔沿着边缘勾出三角形。

AI教程!教你绘制扁平风格办公场景桌面插画

5. 绘制165*45矩形,再画一个163*32矩形,垂直居中对齐。选中两个矩形,路径查找器减去顶层。

AI教程!教你绘制扁平风格办公场景桌面插画

6. 绘制155*6矩形,按住alt键,复制出另外4条。

AI教程!教你绘制扁平风格办公场景桌面插画

7. 绘制6*45矩形。这个文件夹就完成啦。

AI教程!教你绘制扁平风格办公场景桌面插画

8. 来看一下效果吧

AI教程!教你绘制扁平风格办公场景桌面插画

步骤12:制作铅笔

1. 来到最后一步啦。新建图层,绘制23*192矩形,和23*29矩形。

AI教程!教你绘制扁平风格办公场景桌面插画

2. 用钢笔工具在矩形徘徊找到交叉点,在矩形交叉点加一个锚点,然后减掉两边的锚点。

AI教程!教你绘制扁平风格办公场景桌面插画

3. 选中三角形,Ctrl+C复制,Ctrl+F原位粘贴。用钢笔工具在三角形中间徘徊找到两边交叉点,在两边交叉点各加一个锚点,删掉上面两个锚点,最后修改颜色。调整铅笔角度

AI教程!教你绘制扁平风格办公场景桌面插画

到这里,我们整个插画就完成啦,让我们一起来看看效果吧

最终效果图

AI教程!教你绘制扁平风格办公场景桌面插画

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

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

6 收藏 16

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

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

复制本文链接
img

发表评论 已发布 1

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片