創(chuàng)建新文檔
啟動并運(yùn)行Illustrator，創(chuàng)建一個新文檔（文件> 新建或Control-N），進(jìn)行以下數(shù)據(jù)調(diào)整：
畫板數(shù)量：1
寬度：?800像素
高度：?600像素
單位：?像素
進(jìn)入“高級”選項卡：
色彩模式：RGB
柵格效果：屏幕（72ppi）
預(yù)覽模式：默認(rèn)
創(chuàng)建圖層
打開“圖層”面板滔金，創(chuàng)建兩個圖層漆魔，將它們重命名如下：
第1層：背景
第2層：前景
創(chuàng)建背景形狀
使用矩形工具（M），創(chuàng)建800 x 600像素的矩形彤叉，使用#2A323D進(jìn)行著色赚爵，然后使用對齊面板的水平和垂直居中對齊將其放置在底層畫板的中心
創(chuàng)建磚墻
第1步
創(chuàng)建480 x 396 px矩形棉胀，使用#F76C5E進(jìn)行著色，然后將其中心對齊到底層的畫板冀膝，將其定位在距畫板頂部邊緣78 px的位置
第2步
使用直接選擇工具（A）選擇矩形頂部的兩個錨點(diǎn)調(diào)整形狀的上半部分唁奢，然后使用移動工具將其推向內(nèi)部200 px（右鍵單擊>變換>移動>水平> +/- 200 px）
第3步
使用16個32 x 16 px大小和4 px邊緣的矩形（#DD4C45）開始添加第一排磚塊，使用Control-G鍵對其進(jìn)行分組窝剖，然后將它中心對齊到墻壁的底部麻掸，確保它們的底部輪廓落在磚墻主體形狀的外面
第4步
創(chuàng)建我們剛剛分組形狀的副本（Control-C> Control-F），然后將其放在第一個形狀的上面赐纱，使用方向箭頭鍵或移動工具將其向右推動16 px的距離（右鍵單擊>變換>移動>水平> 16像素）
第5步
通過選擇我們當(dāng)前創(chuàng)建的兩行磚墻添加剩余的磚塊脊奋，按住Alt和Shift鍵的同時將它們拖動到頂部，確保它們的輪廓重疊疙描，如參考圖像中所示
接下來只要重復(fù)的點(diǎn)擊Control-D鍵盤快捷鍵添加剩余的副本诚隙，直到墻面被鋪滿。完成后起胰，刪除多出的部分最楷，然后選擇并將剩余形狀進(jìn)行分組（Control-G），然后再繼續(xù)下一步
第6步
接下來待错，我們將使用底層墻面的副本（Control-C）來掩蓋我們剛剛分組的磚塊形狀，將底層墻面的副本放置在磚塊的前面（Control-F）烈评，然后選中它們火俄，右鍵單擊>制作剪貼蒙版
第7步
接下來進(jìn)入磚塊分組的隔離模式，打開磚塊的頂部或底部的路徑讲冠，如參考圖像中所示瓜客。完成后，按Esc鍵退出隔離模式竿开，然后選擇磚塊和墻壁谱仪，并使用Control-G鍵將它們組合在一起
創(chuàng)建人行道
完成墻面的繪制，接下來我們將繪制人行道
第1步
使用560 x 48 px橢圓創(chuàng)建投影光的主要形狀否彩，使用#F76C5E為橢圓進(jìn)行著色 疯攒，然后如參考圖像中所示定位在墻下方
第2步
使用560 x 24 px矩形（#2A323D）添加人行道的可見部分，將其定位在橢圓的上半部分列荔，使用Control-G鍵選擇并將兩者組合在一起
創(chuàng)建路燈
第1步
使用8 x 48 px圓角矩形（#2A323D）創(chuàng)建柱子的垂直部分敬尺，將其居中對齊到墻的頂部邊緣枚尼，如參考圖像中所示
第2步
在圖形底邊緣8 px的位置創(chuàng)建一個16 x 12 px矩形（#2A323D）
第3步
在矩形的兩側(cè)創(chuàng)建兩個2 x 4 px矩形，使用#2A323D為它們進(jìn)行著色砂吞，完成后署恍，使用Control-G鍵選擇并將四個形狀組合在一起
第4步
使用28 x 16 px橢圓添加燈泡?，用#FFE7C5為它進(jìn)行著色蜻直，并將其放置在支架的上部盯质，使其上半部分超出墻壁的表面
第5步
移除我們剛剛創(chuàng)建形狀的上半部分，使用直接選擇工具（A）選擇其頂部錨點(diǎn)?概而，然后按Delete鍵呼巷，使用Control-J鍵關(guān)閉生成的路徑，完成后到腥，選擇并組合（Control-G）所有路燈的組成形狀朵逝，鎖定當(dāng)前圖層并轉(zhuǎn)到插圖下一部分的操作
創(chuàng)建門
完成背景的繪制，開始繪制前景部分
第1步
使用120 x 278 px?矩形創(chuàng)建房間的內(nèi)部區(qū)域乡范，用#2A323D為該矩形進(jìn)行著色配名，然后將其中心對齊到人行道的上邊緣
第2步
創(chuàng)建一個18 x 278 px矩形（#FFE7C5）開始處理門框的右側(cè)部分，我們將它放置在前一個形狀的左側(cè)
第3步
使用10 x 96 px矩形（#2A323D）添加門框底部的裝飾晋辆，在其上方添加一個2 x 88 px的矩形（#FFE7C5）渠脉，將繪制的圖形進(jìn)行分組（Control-G）定位到門框底邊4 px的位置
第4步
創(chuàng)建剛剛繪制圖形的副本（Control-C> Control-F）作為門框的上部裝飾
第5步
使用三個2 x 70 px矩形（#2A323D）添加垂直線條，將彼此水平距離設(shè)置為2 px瓶佳，選擇三個矩形并進(jìn)行分組（Control-G）芋膘，然后將它們定位在之前完成的兩個裝飾之間
第6步
使用18 x 8 px矩形添加門框的陰影部分，用#2A323D為該矩形進(jìn)行著色霸饲，對齊到框架的上邊緣为朋，完成后，選擇并將所有組成形狀組合（Control-G）在一起后再進(jìn)行下一步
第7步
創(chuàng)建剛剛完成圖形的副本（Control-C> Control-F）作為門框的左側(cè)部分厚脉，將其放置在入口的另一側(cè)
第8步
創(chuàng)建一個172 x 18 px矩形（#FFE7C5）作為門框的上部习寸，將其定位在入口的頂部，如參考圖像中所示
第9步
使用兩個14 x 14 px圓圈（#FFE7C5）添加圓形的門框裝飾傻工，將其居中對齊在門框的上部
第10步
使用164 x 10 px矩形（#2A323D）創(chuàng)建門框裝飾霞溪，上面添加一個156 x 2 px矩形（#FFE7C5），給圖形進(jìn)行分組（Control-G）中捆，將兩個形狀定位在框架頂部的中心
第11步
使用108 x 12 px矩形添加門框的凸起部分鸯匹，用#FFE7C5為該矩形進(jìn)行著色 ，然后放置在參考圖像中所示位置
第12步
使用兩個12 x 12 px圓（#FFE7C5）創(chuàng)建凸起部分的側(cè)面曲面泄伪，將它們定位在前一個形狀的兩側(cè)殴蓬，使用直接選擇工具（A）選擇頂部和外部錨點(diǎn)進(jìn)行調(diào)整，將兩個錨點(diǎn)移除使用鋼筆工具（P）關(guān)閉生成的路徑臂容，完成后科雳，繼續(xù)執(zhí)行下一步
第13步
使用十三個4 x 8 px矩形（#2A323D）水平距離4 px根蟹，添加垂直裝飾線，將所有矩形進(jìn)行分組（Control-G）糟秘，然后將它們居中對齊到凸起部分的底部邊緣简逮。完成后，選擇并所有門的組成形狀組合（Control-G）到一起
創(chuàng)建門鈴
第1步
使用8 x 12 px矩形創(chuàng)建門鈴底座尿赚，使用#FFE7C5進(jìn)行著色 散庶，然后將它定位在門框右側(cè)部分16?px的位置
第2步
使用兩個2 x 8 px矩形添加門鈴兩側(cè)的部分，用#FFE7C5為它們進(jìn)行著色凌净，然后定位到參考圖像中所示位置
第3步
在門鈴形狀的頂部和底部創(chuàng)建兩個4 x 4 px圓圈（#FFE7C5）悲龟，與門鈴的主要形狀居中對齊
第4步
使用4 x 4 px圓圈添加門鈴上的按鈕，用#2A323D為它進(jìn)行著色冰寻，將其中心對齊到主體形狀的中心须教。完成后，選擇并將所有組成形狀進(jìn)行分組（Control-G）斩芭，然后再進(jìn)行下一部分的操作
繪制門內(nèi)的怪物
第1步
創(chuàng)建一個56 x 8像素的橢圓轻腺，使用#F76C5E為它進(jìn)行著色 ，將其放置在距離頂部邊緣84像素的位置
第2步
選擇橢圓兩端的錨點(diǎn)划乖，然后使用錨點(diǎn)工具（Shift-C）進(jìn)行調(diào)整?
第3步
使用直接選擇工具（A）選擇生成形狀的頂部錨點(diǎn)贬养，然后使用移動工具將其向底部方向推動16 px的距離（右鍵單擊>變換>移動>垂直> 16像素）
第4步
填充顏??色設(shè)置為#2A323D，參考圖像作為主要指南琴庵，使用鋼筆工具（P）繪制牙齒误算。完成后，選擇生成的形狀和嘴，然后使用Control-G鍵盤快捷鍵將兩者組合在一起
第5步
使用10 x 10 px圓（#F76C5E）創(chuàng)建右眼的主要形狀，選擇并將其頂部和底部錨點(diǎn)向右側(cè)推動1 px并將其左側(cè)和右側(cè)錨點(diǎn)向下推1 px的距離绪妹。完成后，將生成的形狀定位在嘴部上方蜘犁，如參考圖像中所示
第6步
使用2 x 6 px橢圓（#2A323D）添加瞳孔，將其中心對齊到眼睛止邮，放置在距離眼睛右邊緣3 px的位置。完成后奏窑，使用Control-G鍵盤快捷鍵選擇并將兩者組合在一起
第7步
創(chuàng)建上一步完成圖形的副本（Control-C> Control-F）創(chuàng)建左眼导披，給圖形進(jìn)行垂直反射（右鍵單擊>變換>反射>垂直）然后定位在嘴巴的另一側(cè)。完成后埃唯，選擇并分組（Control-G）怪物的所有組成形狀
創(chuàng)建小球
第1步
使用28 x 28 px圓圈創(chuàng)建小球的主要形狀撩匕，使用#F76C5E為它進(jìn)行著色，然后放置在入口的底部邊緣
第2步
使用四個32 x 16 px大小和2 px寬輪廓的橢圓（#2A323D）添加環(huán)形條紋墨叛，選擇并移除它們的頂部錨點(diǎn)止毕，將得到的形狀彼此距離調(diào)整為4 px模蜡。完成后，選擇并將所有形狀組合在一起（Control-G）扁凛，然后對整個小球進(jìn)行相同的操作
第3步
使用4 x 8 px矩形（#F76C5E）創(chuàng)建水滴的主要形狀，通過在變形面板的矩形屬性中將其底角的半徑設(shè)置為2 px谨朝，將生成的形狀定位在人行道上卤妒，如參考圖像中所示
第4步
使用兩個8 x 8 px圓圈（#F76C5E）添加水滴的側(cè)面部分，通過移除它們的底部和外部錨點(diǎn)進(jìn)行調(diào)整字币，將得到的形狀定位在主體形狀的兩側(cè)则披。最后選擇并分組（Control-G）這三個形狀
第5步
使用24 x 20 px橢圓（#2A323D）創(chuàng)建小球投影。將其放置在人行道的下部洗出，與投射光的底部邊緣相距10 px士复。完成后，使用Control-G鍵盤快捷鍵選擇并分組所有前景形狀
完成啦
