（本教程由尋圖標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提供）
閱讀更多 天井寺方方 的文章
