（本教程由寻图标icon.52112.com提供）
1.创建新文档
启动并运行Illustrator，创建一个新文档（文件> 新建或Control-N），进行下面数据调整：
画板数量： 1
宽度： 800像素
高度： 600像素
单位： 像素
进入“ 高级”选项卡：
色彩模式： RGB
栅格效果：屏幕（72ppi）
预览模式：默认
2.创建图层
打开“ 图层”面板，创建两个图层，将它们重命名如下：
第1层：背景
第2层：前景
3.创建背景形状
使用矩形工具（M），创建一个800 x 600像素的矩形，使用#2A323D进行着色，然后使用“ 对齐”面板的“ 水平”和“ 垂直居中对齐”将其放置在底层“画板” 的中心。
（本教程由寻图标icon.52112.com提供）
4.创建砖墙
第1步
创建一个480 x 396 px矩形，使用#F76C5E进行着色，然后将其中心对齐到底层的画板，将其定位在距画板顶部边缘78 px的位置。
第2步
使用直接选择工具（A）选择矩形顶部的两个锚点调整形状的上半部分，然后使用移动工具将其推向内部200 px（右键单击>变换>移动>水平> +/- 200 px）。
第3步
使用16个32 x 16 px大小和4 px边缘的矩形（#DD4C45）开始添加第一排砖块，使用Control-G键盘快捷键对其进行分组，然后将它中心对齐到墙壁的底部，确保它们的底部轮廓落在砖墙主体形状的外面。
第4步
创建我们刚刚分组形状的副本（Control-C> Control-F），然后将其放在第一个形状的上面，使用方向箭头键或移动工具将其向右推动16 px的距离（右键单击>变换>移动>水平> 16像素）。
第5步
通过选择我们当前创建的两行砖墙添加剩余的砖块，按住Alt 和Shift键的同时将它们拖动到顶部，确保它们的轮廓重叠，如参考图像中所示。
接下来只要重复的点击Control-D 键盘快捷键添加剩余的副本，直到墙面被铺满。完成后，删除多出的部分，然后选择并将剩余形状进行分组（Control-G），然后再继续下一步。
第6步
接下来，我们将使用底层墙面的副本（Control-C）来掩盖我们刚刚分组的砖块形状，将底层墙面的副本放置在砖块的前面（Control-F），然后选中它们，右键单击>制作剪贴蒙版。
第7步
接下来进入砖块分组的隔离模式，打开砖块的顶部或底部的路径，如参考图像中所示。完成后，按Esc键退出隔离模式，然后选择砖块和墙壁，并使用Control-G键盘快捷键将它们组合在一起。
5.创建人行道
如果完成了墙面的绘制，接下来我们将绘制人行道。
第1步
使用560 x 48 px椭圆创建投影光的主要形状，使用#F76C5E为椭圆进行着色 ，然后如参考图像中所示定位在墙下方。
第2步
使用560 x 24 px矩形（#2A323D）添加人行道的可见部分，将其定位在椭圆的上半部分，使用Control-G键盘快捷键选择并将两者组合在一起。
6.创建路灯
第1步
使用8 x 48 px圆角矩形（#2A323D）创建柱子的垂直部分，将其居中对齐到墙的顶部边缘，如参考图像中所示。
第2步
在图形底边缘8 px的位置创建一个16 x 12 px矩形（#2A323D）。
第3步
在矩形的两侧创建两个2 x 4 px矩形，使用#2A323D为它们进行着色 。完成后，使用Control-G键盘快捷键选择并将四个形状组合在一起。
第4步
使用28 x 16 px椭圆添加灯泡 ，并使用#FFE7C5为它进行着色，然后将其放置在支架的上部，使其上半部分超出墙壁的表面。
第5步
移除我们刚刚创建形状的上半部分。使用直接选择工具（A）选择其顶部锚点 ，然后按Delete键，使用Control-J 键盘快捷键关闭生成的路径。完成后，选择并组合（Control-G）所有路灯的组成形状，锁定当前图层并转到插图下一部分的操作。
（本教程由寻图标icon.52112.com提供）
7.创建门
完成了背景的绘制，下面我们将开始绘制前景的部分。
第1步
使用120 x 278 px 矩形创建房间的内部区域，使用#2A323D为该矩形进行着色，然后将其中心对齐到人行道的上边缘。
第2步
创建一个18 x 278 px矩形（#FFE7C5）开始处理门框的右侧部分，我们将它放置在前一个形状的左侧。
第3步
使用10 x 96 px矩形（#2A323D）添加门框底部的装饰，在其上方添加一个2 x 88 px 的矩形（#FFE7C5），将绘制的图形进行分组（Control-G）定位到门框底边 4 px的位置。
第4步
创建我们刚刚绘制图形的副本（Control-C> Control-F）作为门框的上部装饰。
第5步
使用三个2 x 70 px矩形（#2A323D）添加垂直线条，将彼此水平距离设置为 2 px，选择三个矩形并进行分组（Control-G），然后将它们定位在之前完成的两个装饰之间。
第6步
使用18 x 8 px矩形添加门框的阴影部分，使用#2A323D为该矩形进行着色 ，然后对齐到框架的上边缘。完成后，选择并将所有组成形状组合（Control-G）在一起，然后再继续下一步。
第7步
创建刚刚完成图形的副本（Control-C> Control-F）作为门框的左侧部分，将其放置在入口的另一侧。
第8步
创建一个172 x 18 px矩形（#FFE7C5）作为门框的上部，将其定位在入口的顶部，如参考图像中所示。
第9步
使用两个14 x 14 px圆圈（#FFE7C5）添加圆形的门框装饰，将其居中对齐在门框的上部。
第10步
使用164 x 10 px矩形（#2A323D）创建门框装饰，在其上面添加一个156 x 2 px 矩形（#FFE7C5），给图形进行分组（Control-G），然后将两个形状定位在框架顶部的中心。
第11步
使用108 x 12 px矩形添加门框的凸起部分，使用#FFE7C5为该矩形进行着色 ，然后放置在参考图像中所示位置。
第12步
使用两个12 x 12 px圆（#FFE7C5）创建凸起部分的侧面曲面，将它们定位在前一个形状的两侧，然后使用直接选择工具（A）选择顶部和外部锚点进行调整，然后将两个锚点移除。使用钢笔工具（P）关闭生成的路径，完成后，继续执行下一步。
第13步
使用十三个4 x 8 px矩形（#2A323D）水平距离 4 px，添加垂直装饰线，将所有矩形进行分组（Control-G），然后将它们居中对齐到凸起部分的底部边缘。完成后，选择并所有门的组成形状组合（Control-G）到一起。
8.创建门铃
第1步
使用8 x 12 px矩形创建门铃底座，使用#FFE7C5进行着色 ，然后将它定位在门框右侧部分 16 px的位置。
第2步
使用两个2 x 8 px矩形添加门铃两侧的部分，使用#FFE7C5为它们进行着色，然后定位到参考图像中所示位置。
第3步
在门铃形状的顶部和底部创建两个4 x 4 px圆圈（#FFE7C5），与门铃的主要形状居中对齐。
第4步
使用4 x 4 px圆圈添加门铃上的按钮，使用#2A323D为它进行着色，然后将其中心对齐到主体形状的中心。完成后，选择并将所有组成形状进行分组（Control-G），然后再进行下一部分的操作。
（本教程由寻图标icon.52112.com提供）
9绘制门内的怪物
第1步
创建一个56 x 8像素的椭圆，使用#F76C5E为它进行着色 ，将其放置在距离顶部边缘 84像素的位置。
第2步
选择椭圆两端的锚点，然后使用锚点工具（Shift-C）进行调整 。
第3步
使用直接选择工具（A）选择生成形状的顶部锚点，然后使用移动工具将其向底部方向推动16 px的距离（右键单击>变换>移动>垂直> 16像素）。
第4步
填充颜色设置为#2A323D，参考图像作为主要指南，使用钢笔工具（P）绘制牙齿。完成后，选择生成的形状和嘴，然后使用Control-G键盘快捷键将两者组合在一起。
第5步
使用10 x 10 px圆（#F76C5E）创建右眼的主要形状，选择并将其顶部和底部锚点向右侧推动1 px并将其左侧和右侧锚点向下推1 px的距离。完成后，将生成的形状定位在嘴部上方，如参考图像中所示。
第6步
使用2 x 6 px椭圆（#2A323D）添加瞳孔，将其中心对齐到眼睛，放置在距离眼睛右边缘3 px的位置。完成后，使用Control-G键盘快捷键选择并将两者组合在一起。
第7步
创建上一步完成图形的副本（Control-C> Control-F）创建左眼，给图形进行垂直反射（右键单击>变换>反射>垂直）然后定位在嘴巴的另一侧。完成后，选择并分组（Control-G）怪物的所有组成形状。
10.创建小球
第1步
使用28 x 28 px圆圈创建小球的主要形状，使用#F76C5E为它进行着色，然后放置在入口的底部边缘。
第2步
使用四个32 x 16 px大小和2 px宽轮廓的椭圆（#2A323D）添加环形条纹，选择并移除它们的顶部锚点，将得到的形状彼此距离调整为 4 px。完成后，选择并将所有形状组合在一起（Control-G），然后对整个小球进行相同的操作。
第3步
使用4 x 8 px矩形（#F76C5E）创建水滴的主要形状，通过在“ 变形” 面板的“ 矩形属性”中将其底角的半径设置为2 px，将生成的形状定位在人行道上，如参考图像中所示。
第4步
使用两个8 x 8 px圆圈（#F76C5E）添加水滴的侧面部分，通过移除它们的底部和外部锚点进行调整，将得到的形状定位在主体形状的两侧。最后选择并分组（Control-G）这三个形状。
第5步
使用24 x 20 px椭圆（#2A323D）创建小球投影。将其放置在人行道的下部，与投射光的底部边缘相距 10 px。完成后，使用Control-G键盘快捷键选择并分组所有前景形状。
完成！
（本教程由寻图标icon.52112.com提供）
閱讀更多 天井寺方方 的文章
