先看看效果圖

1.如何設置新的項目文件

由于我假定您已經在后臺運行了Illustrator，請將其啟動，并使用以下設置為我們的項目設置新文檔(文件>新建或Control-N)：

畫板數量： 1

寬度： 1200 px

身高： 600 px

單位： 像素

然后從高級選項卡：

顏色模式： RGB

柵格效果：屏幕(72ppi)

預覽模式：默認

2.如何設置自定義網格

現在，我知道我們今天沒有在圖標上工作，但由于我們將使用像素完美的工作流來創建插圖，因此我們需要設置一個漂亮的小網格，以便我們可以完全控制我們的形狀。

步驟1

轉到編輯>首選項>指南和網格子菜單，然后調整以下設置：

網格線： 1 px

細分： 1

第2步

一旦我們設置了自定義網格，我們需要做的就是確保我們的形狀看起來很清晰，可以在視圖菜單下找到對齊網格選項，每當您進入像素預覽時就會轉換為對齊像素模式。

現在，如果您對整個“像素完美的工作流程”很陌生，這將幫助您立即拓寬技術技能。

3.如何設置圖層

一旦我們完成了我們的項目文件的設置，使用幾個圖層來構建我們的文檔將是一個不錯的主意，因為這樣我們就可以一次關注插圖的一個部分，從而保持穩定的工作流程。

這就是說，調出圖層面板，并創建總共兩層，我們將重新命名如下：

第1層：背景

第2層：插圖

快速提示：我使用相同的綠色值為所有圖層著色，因為當用于突出顯示所選形狀時(無論它們是封閉或開放路徑)，它是最容易查看的圖層。

4.如何創建背景

我們將通過創建小瓦片背景來啟動該項目，因此請確保您位于正確的圖層上(這將是第一個)，鎖定另一個圖層，然后讓我們開始吧。

步驟1

使用440 px寬4 px厚行程線為我們創建一條線#363C4C，然后使用 中心對準下面的Artboard，將其定位在距離其底邊212像素的位置。

第2步

使用十四個26 x 8 px矩形(#DEF8F9)創建第一排拼貼，我們將水平分配 兩個px，分組(Control-G)，然后將它們放置在離地板左邊緣32 px的距離處。

第3步

使用我們剛剛分組的一個副本創建第二行，我們將在其上方放置它的距離為2 px，使用移動工具將它向左推動 14 px(右鍵單擊>變換>移動>垂直> -14像素)。

步驟4

通過選擇我們已有的兩行創建剩余的圖塊，然后將其拖動到頂部，同時按住Alt-Shift鍵創建第一組副本，確保保持相同的2 px 間隔。一旦你有了第一套，按下Control-D(Duplicate)七次來添加剩余的行。

第5步

花幾分鐘時間并使用某些圖塊的顏色#C1EAEA，使用Control-G鍵盤快捷鍵選擇所有行并將其組合在一起，然后再轉到下一部分。

5.如何創建冰箱

假設你已經設法創建背景，鎖定其圖層，然后繼續前進到第二個，我們將開始制作第一臺廚房設備。

步驟1

使用一個56 x 128像素矩形創建冰箱右側部分的主要形狀，我們將使用該矩形，#E7EBF2 然后將 6像素 放在地板上方，將42像素放在右邊緣。