百木园教程作者：软件基础营46期-A108-竹米
教程指导：包大有趣
交作业：#优设每日作业#
我们绘制的是一幅扁平室内插画，那首先可以先构思一下想要的风格，我们可以在各大网站上浏览优秀的设计师他们的作品寻找灵感，再确定整体的大面积颜色是什么。确定好了可以先绘制草图再慢慢添加装饰丰富细化画面。可以分为构思-草图-创建背景-建筑框架-物品丰富细化几个步骤。下面开始详细的步骤说明啦。
草图：
色板：
1.1打开Adobe Illustrator，点击文件— 新建（快捷键ctrl+N） — 参数如下：
1.2更改图层名称，命名“墙面”
1.3绘制墙面：使用矩形工具绘制一个800*600的矩形，填充#f7deb7
1.4绘制阳光照射的墙面：矩形工具绘制一个618*600的矩形，填充#ffeac5，使用“直接选择工具”左移右下角锚点形成斜面
1.5绘制脚踢线：矩形工具绘制一个800*18.5的矩形，填充#ab521a
1.6绘制脚踢线纹路：矩形工具绘制1.6*18.5的矩形，填充955c3a，按住alt+左键拖动复制 —移动到结束的一头 — 按ctrl+alt+B（混合）双击混合工具，指定步数为20
1.7墙面绘制完毕效果图：
然后新建一个图层绘制内容并锁定“墙面”图层
拆解图
2.1 绘制书柜底色：矩形工具绘制214*350，填充#bf6528
2.2书柜内阴影： 矩形工具绘制202*69，alt+左键拖动复制，ctrl+D重复 得到4个内阴影，填充色分别为：#382301 #402715 #5e3c24 #70482b
2.3抽屉底色：绘制一个202*42的矩形，填充#e08816
2.4书柜抽屉：绘制两个矩形，大小分别为95*15 70*29，填充ba5e13
组合效果
整体效果：
拆解图
3.1桌面：矩形工具绘制369*11，填充#f9f5e4。接下来绘制桌面阴影，ctrl+c ctrl+f原位复制，使用直接选择工具改动高度，填充#e8e8e8
3.2抽屉底色：矩形工具绘制108*175，填充#f9f5e4，alt+左键复制一个一样的
3.3抽屉：矩形工具绘制100*63，填充#ee7139，alt+左键复制一个，ctrl+d重复步骤得到四个抽屉 下面是电脑桌的详细尺寸 颜色和组合效果图
整体效果：
分为几个部分窗框-玻璃-百叶扇-云朵-远景楼层
拆解图
4.1窗户背景：矩形工具绘制359*247，填充#fff8cd，直接选择工具把上端的边角内收17px，ctrl+c ctrl+f原位复制缩小并填充#f5ecde
4.2玻璃操作分解：矩形工具绘制327*236，渐变工具分辨填充#59ceff #aae1f0做出蓝天效果。接下来绘制玻璃反光效果，绘制两个矩形42*239 73*239不透明度修改为20%
4.3窗框：矩形工具绘制8*327，alt+左键拖动复制 ctrl+d重复操作得到三根 填充#fff8ed 再绘制一个8*238和371*14（边角改为3.5px）原位复制后使用直接选择工具改小高度制作阴影，填充#edbd3 以下是详细尺寸颜色图
窗框组合效果：
4.4百叶扇
绘制多个矩形统一填充#ffffff，详细尺寸：
组合效果：
4.5云朵制作如下图：
效果图：
4.6楼层制作：使用矩形工具随机绘制不同大小高低的矩形，善用路径查找器的联集工具自由组合不同的大楼形状，填充不同的颜色达到更丰富更立体的效果。填充色以下为详细图：
窗口就制作完成啦 组合起来的效果如下图：
整体效果：
5.1拆分电脑看，先绘制一个170*88的矩形填充#2d2629， ctrl+c ctrl+f原位复制内屏幕后shift+alt等比收缩后使用直接选择工具移动下方高度（电脑屏幕下方宽一些）填充# 4d4d4d
5.2屏幕阴影：trl+c ctrl+f原位复制内屏幕，使用直接选择工具移动锚点填充#424242
5.3再绘制支架和阴影支架22*35填充#4d4347，阴影和配件的尺寸和颜色分别为：22*2 #2d2629 17*2 #2d2629
效果图和详细数值图如下：
绘制一个圆和矩形，使用分割或者形状生成器去掉多余的。到一个半圆后制作凹陷部分，使用钢笔工具画出一边凹陷选中图案右键-变换-对称-复制再使用形状生成器去掉多余的，高光部分同样制作，如下：
7.1花瓶尺寸和制作：在瓶底和瓶颈处绘制两个圆形和矩形（注意需要相切）使用形成生成器去掉多余的，使瓶颈的曲线更流畅
7.2花草制作：钢笔工笔勾出草的细长感分别填充以下颜色增加层次感，花朵使用两个圆形叠加分割后得到花瓣，复制重叠得到一朵花，操作如下：
整体效果：
整体效果：
图解：
制作完毕后记得添加3d效果会更立体，凸出厚度修改为0pt，表面选择无底纹
挂衣架整体效果：
使用椭圆工具按住shift可以画出正圆 绘制一个60*60的圆填充#2d2629
按alt+左键拖动复制一个圆修改填充色#737373，并把不透明度降到20%，这样就有了阴影
内圆可以选中外层，ctrl+c ctrl+f原位复制后按shift+alt可以等比按中心点收缩，修改填充色#ffffff
玻璃反光面绘制两个矩形与表盘相交，使用形状生成器去掉超出部分，再修改不透明度就可以啦
效果图：
整体效果：
最后添加上一些书本丰富画面，这幅插画就完成啦！
来源：https://uiiiuiii.com/illustrator/1212248359.html
图文来源于网络，如有侵权请联系删除。