老鐵們锉桑，今天再來分享一個AI教程毕谴，有點長我分為兩段了

1.如何設(shè)置新的項目文件

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

畫板數(shù)量：1

寬度：?1200 px

身高：?600 px

單位：?像素

然后從高級選項卡：

顏色模式：RGB

柵格效果：屏幕（72ppi）

預(yù)覽模式：默認

2.如何設(shè)置自定義網(wǎng)格

現(xiàn)在这揣，我知道我們今天沒有在圖標上工作悔常，但是由于我們將使用像素完美的工作流程來創(chuàng)建插圖，因此我們需要設(shè)置一個漂亮的小網(wǎng)格给赞，以便我們可以完全控制我們的形狀机打。

步驟1

轉(zhuǎn)到編輯>首選項>指南和網(wǎng)格子菜單，然后調(diào)整以下設(shè)置：

網(wǎng)格線：1 px

細分：1

第2步

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

3.如何設(shè)置圖層

一旦我們完成了我們的項目文件的設(shè)置芥挣，使用幾個圖層來構(gòu)建我們的文檔將是一個不錯的主意驱闷，因為這樣我們就可以一次關(guān)注插圖的一個部分，從而保持穩(wěn)定的工作流程空免。

這就是說空另，調(diào)出圖層面板，并創(chuàng)建總共兩層蹋砚，我們將重新命名如下：

第1層：背景

第2層：插圖

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

4.如何創(chuàng)建背景

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

步驟1

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

第2步

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

第3步

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

步驟4

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

第5步

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

5.如何創(chuàng)建冰箱

假設(shè)你已經(jīng)設(shè)法創(chuàng)建背景，鎖定其圖層鸳兽，然后繼續(xù)前進到第二個掂铐，我們將開始制作第一臺廚房設(shè)備。

步驟1

使用一個56 x 128像素矩形創(chuàng)建冰箱右側(cè)部分的主要形狀，我們將使用該矩形全陨，#E7EBF2然后將6像素?放在地板上方爆班，將42像素放在右邊緣。

第2步

通過創(chuàng)建它的一個副本（Control-C）（通過將它粘貼在前面（Control-F））來創(chuàng)建輪廓辱姨，然后通過首先將其顏色更改為#363C4C柿菩，然后使用其筆觸（Shift-X）來翻轉(zhuǎn)其填充。將Weight設(shè)置為4 px炮叶，然后選擇并分組（Control-G）兩種形狀碗旅。?

第3步

使用4 x 20 px矩形（#363C4C）添加門的手柄，我們將在距輪廓左側(cè)8像素和底部距離40像素的位置放置該矩形镜悉。一旦你完成后祟辟，選擇和集團（控制-G?）所有三種形狀在一起。

步驟4

使用一個48 x 128 px矩形（#E7EBF2）和一個4 px厚的輪廓（#363C4C）創(chuàng)建冰箱的較小部分（）侣肄，我們將組（Control-G）旧困，然后放在前一部分的左側(cè)。

第5步

首先創(chuàng)建一個在小飲水機工作的24×24像素的正方形（#5592A0有）4 PX?粗輪廓（#363C4C）稼锅，我們將集團（控制-G?）吼具，然后中心對齊的左門，他們定位40像素從較大的輪廓底邊矩距。

第6步

通過使用8 x 3 px矩形（#363C4C）添加底部插入拗盒，我們將中心對齊到底部邊緣，開始添加細節(jié)到分配器锥债。

第7步

使用24 x 2 px矩形（#363C4C）創(chuàng)建底部托盤陡蝇，我們將中心對準飲水機的主體，將其從底部邊緣定位為2 px哮肚。

第8步

使用12 x 10 px矩形（#363C4C）創(chuàng)建實際水分配設(shè)備的主體登夫，我們將居中對齊到當前部分的頂部邊緣。

第9步

在剛剛創(chuàng)建的形狀下面?添加一個較小的4 x 4 px正方形（#363C4C）允趟，然后在其右側(cè)添加2 x 8 px矩形（#363C4C）恼策，選擇并將所有三個形狀分組（Group-Control-G）完成。

第10步

通過添加四個4 x 2 px矩形（#363C4C）的小按鈕來完成飲水機的分組（Control-G）潮剪，然后將其置于單元本身上方涣楷，距離僅為4 px。完成后鲁纠，選擇并分組（Control-G）所有當前節(jié)的組成形狀总棵，然后對整個冰箱進行相同操作。

第11步

移動到設(shè)備的底部改含，然后通過創(chuàng)建一個100 x 4 px矩形（#363C4C）來開始處理它的站立腳情龄，我們將在其較大的部分下面放置一個矩形。

第12步

通過使用三個8 x 4 px矩形（#363C4C）添加它的腳來完成冰箱，我們將把它放置在上一步更寬的矩形下方骤视。完成后鞍爱，選擇并組合（Control-G）所有底部的組合形狀，之后再對整個冰箱進行相同操作专酗。

6.如何創(chuàng)建開放式櫥柜

我們的“廚房必需品”清單中的下一個項目是開放式櫥柜睹逃，所以讓我們開始吧。

步驟1

使用72 x 52 px的矩形（#82868E）以4 px粗的輪廓（#363C4C）創(chuàng)建櫥柜的主體祷肯，我們將組合（Control-G）沉填，然后放在冰箱的左側(cè)，以使它們的輪廓最終重疊佑笋。

第2步

創(chuàng)建存儲單元的內(nèi)部部分使用一個60 x 24 px的矩形（#5A616D）和一個4 px粗的輪廓（#363C4C）翼闹，我們將組（Control-G），然后居中對齊到更大的身體蒋纬，將它定位在距離從上邊緣18px猎荠。

第3步

使用60 px寬4 px厚的筆劃線（#363C4C）添加書架?，我們將使用Control-G鍵盤快捷鍵將中心對齊到書柜的內(nèi)部部分蜀备，然后選擇并分組关摇。

步驟4

創(chuàng)建單位的底部部分使用一個68 x 8像素矩形（#4B5463）與4 px粗輪廓（#363C4C），我們將組（控制 - G）碾阁，然后位于較大的身體下方输虱，確保左對齊它的外邊緣。

第5步

使用44 px寬4 px厚行程線（#363C4C）創(chuàng)建毛巾架脂凶，我們將中心對準機柜的內(nèi)部部分悼瓮，將其定位在距離其頂部邊緣10 px的距離上方。

第6步

通過創(chuàng)建使用其前部開始對毛巾工作24×10像素的矩形（#A1C689帶）4 PX粗輪廓線（#363C4C）艰猬，我們將組（控制-G?），然后用前面的形狀位置埋市，水平中心對齊兩個冠桃。

第7步

使用另一個24 x 10 px矩形（#7D9E67）和4 px粗大的輪廓（#363C4C）添加后面部分，我們將把它放在我們剛剛在上一步中分組的形狀下方道宅。

第8步

使用5個2 x 4 px矩形（#363C4C）將小條紋彼此水平分散2 px食听，我們將分組（Control-G）供置，然后居中對齊毛巾背部的上邊緣伯复。一旦你完成后，選擇和集團所有的毛巾的形狀一起使用的控制-G的鍵盤快捷鍵闪萄。

第9步

通過添加小碗泞当，其中我們將使用三個矩形（玩完柜12×6像素迹蛤，10×6像素，10×4像素-#363C4C我們將通過設(shè)置調(diào)整）半徑它們的底部拐角到4 PX從在“變換”面板的“矩形屬性”中。完成后盗飒，使用Control-G鍵盤快捷鍵選擇并分組所有當前設(shè)備的組成形狀嚷量。

7.如何創(chuàng)建爐灶

假設(shè)你已經(jīng)完成了櫥柜的工作，向左移幾個像素逆趣，讓我們開始研究我們的第二個設(shè)備蝶溶。

步驟1

使用一個帶有4 px厚輪廓（）的56 x 8 px矩形（#4B5463）創(chuàng)建爐子的底部部分（），我們將Group（Control-G）放置在打開的櫥柜的左側(cè)宣渗。#363C4C

第2步

使用帶有4 px粗輪廓（）的56 x 52 px矩形（#E7EBF2）創(chuàng)建爐子的主體抖所，我們將組（Control-G），然后放置在上一節(jié)的上方痕囱。#363C4C

第3步

使用44 x 32 px長方形（#B5685B）以及4 px厚的輪廓（#363C4C）創(chuàng)建其門田轧，使用Group（Control-G），然后居中對齊到較大的主體咐蝇，將其定位為??距離10 px它的最高優(yōu)勢涯鲁。

步驟4

使用兩個44 px寬4 px厚的行程線（#363C4C）將烤箱架添加到12 px的距離，將其分組（Control-G）有序，然后將其對齊到較大的門抹腿，將它們定位4 px從底部邊緣。

第5步

使用九個2 x 4 px長方形（#363C4C）將肉雞燃燒器彼此分開2 px?旭寿，我們將Group?Control-G）警绩，然后中心對準烤箱門的底部邊緣。

第6步

使用24 x 4 px矩形（#363C4C）創(chuàng)建托盤盅称，在其上我們將添加稍寬的28 x 2 pxone（#363C4C）肩祥，我們將組（Control-G），然后將中心對齊到烤箱的底部擱架缩膝。

第7步

使用一個20 x 8 px的矩形（#363C4C）將烤箱的手柄加入混狠，我們將中心對準門的輪廓的頂部邊緣。一旦你完成后疾层，選擇和集團所有的烤爐的組成部分一起使用的控制-G的鍵盤快捷鍵将饺。

第8步

使用4個4 x 4像素圓（#363C4C）水平傳播2個像素，然后將其分組（Control-G）痛黎，然后將其置于手柄上方予弧，距爐子左邊緣6 px處，從其頂級的2 px湖饱。

第9步

使用相同的4 x 4像素圓圈（#363C4C）添加烤箱撥號盤掖蛤，我們將與前面的刻度盤居中對齊，將其定位在爐子的右側(cè)井厌，距離它們8 px?蚓庭。

第10步

使用稍小的2 x 2像素圓（#363C4C）致讥，創(chuàng)建定時器刻度盤（），我們將??在之前創(chuàng)建的形狀的右側(cè)放置4 px彪置，位于烤箱手柄和較大刻度盤之間拄踪。

第11步

通過添加使用兩個4 x 3 px矩形（#363C4C）的頂部插入，完成爐子的操作拳魁，我們將與較大主體的頂部邊緣對齊惶桐，從外部邊緣定位它們4 px。完成后潘懊，使用Control-G鍵盤快捷鍵選擇并分組所有單元的組成部分姚糊。

8.如何創(chuàng)建封閉的機柜

一旦你完成了爐子，向左移動幾個像素授舟，讓我們開始研究我們的封閉式櫥柜救恨。

步驟1

創(chuàng)建單位的底部部分使用一個72 x 8 px矩形（#4B5463）與4 px厚的輪廓（#363C4C），我們將組（控制 - G）释树，然后位于爐子的左側(cè)肠槽。

第2步

使用72 x 52 px矩形（#5A616D）以及4 px厚的輪廓（#363C4C）添加櫥柜主體，我們將組（Control-G）放置在上一節(jié)的上方奢啥。

第3步

創(chuàng)建第一個抽屜使用60 x 12 px矩形（#82868E）與4 px厚輪廓（#363C4C）秸仙，其中心，我們將添加一個較小的28 x 4 px矩形（#363C4C）桩盲。Group（Control-G）將所有三種形狀組合在一起寂纪，然后將它們對齊到較大的身體，將它們從其頂部邊緣定位2 px赌结。

步驟4

通過添加第二個抽屜來完成捞蛋，我們將使用一個60 x 22 px矩形（#82868E）和一個4 px厚的輪廓（#363C4C）創(chuàng)建第二個抽屜，在其上我們將使用一個28 x 4 px矩形（#363C4C）添加手柄柬姚。拟杉。一旦你完成后，選擇和集團（控制-G?）所有三種形狀一起量承，做著同樣的整個單元之后捣域。

9.如何創(chuàng)建廚房臺面

一旦我們完成了第二個櫥柜的工作，我們就可以專注于安裝水槽本身的臺面和爐子的燃燒器爐篦宴合。

步驟1

使用200 x 6 px矩形（#5A616D）和4 px厚輪廓（#363C4C）創(chuàng)建實際工作臺面（），我們將組合并放置在兩個櫥柜和爐子上方迹鹅。

第2步

使用40 x 6像素矩形（#363C4C）創(chuàng)建水槽卦洽，我們將把它放置在臺面上，確保將其對齊到開放式櫥柜斜棚。

第3步

使用4 px厚的Stroke（#363C4C）繪制水龍頭阀蒂，我們將中心對齊到先前創(chuàng)建的形狀的底部邊緣该窗。

步驟4

使用4 x 4 px正方形（#363C4C）創(chuàng)建水龍頭的手柄，在其左邊我們將添加一個2 x 8 px矩形（#363C4C）蚤霞。Group（Control-G）這兩個酗失，然后將它們放在先前繪制的形狀的左側(cè)，然后選擇并分組（Control-G）所有接收器的組成形狀昧绣。

第5步

通過使用三個8 x 4 px矩形（#363C4C）將燃燒器篦子放在臺面上规肴，這些矩形（）間距為4 px，?彼此之間水平放置夜畴，我們將組（Control-G）拖刃，然后居中對準爐子的主體。完成后贪绘，在繼續(xù)下一步之前兑牡，選擇并分組（Control-G）當前部分的所有組成形狀。

10.如何創(chuàng)建洗衣機

接下來我們的電器清單是洗衣機税灌，所以不用浪費更多的時間均函，讓我們來看看它。

步驟1

使用具有4 px厚輪廓（）的52 x 8 px矩形（#5A616D）創(chuàng)建設(shè)備的底部部分菱涤，其中心將添加另一個52 x 2 px矩形（）苞也。Group（Control-G）將所有三種形狀組合在一起，然后將它們放置在封閉機柜的左側(cè)狸窘。#363C4C#363C4C

第2步

使用52 x 46 px長方形（#E7EBF2）以及4 px厚的輪廓（#363C4C）將洗衣機的主體添加到組中墩朦，我們將組（Control-G），然后放在上一節(jié)的頂部翻擒。

第3步

使用具有4 px厚輪廓（）的28 x 28像素圓形（#5592A0）創(chuàng)建前門氓涣，我們將組（Control-G），然后居中對齊到下面的較大主體陋气，將它們放置在距離4 px距離它的上邊緣劳吠。#363C4C

步驟4

使用20 x 20像素圓圈（#363C4C）添加洗衣機的內(nèi)部較暗部分，我們將中心對齊到先前分組的形狀巩趁。

第5步

使用8 x 8像素圓（#5592A0）創(chuàng)建手柄痒玩，在其上我們將添加一個較小的4 x 4像素一（#363C4C）。Group（Control-G）將兩個形狀組合在一起议慰，然后將它們對齊到門的可見填充形狀的右邊緣蠢古，之后對整個門做相同的處理。

第6步

使用32 x 4 px矩形（#363C4C）添加洗衣機的底部插入别凹，我們將中心對齊到其較大主體的底部邊緣草讶。

第7步

使用略窄的20 x 4 px矩形（#363C4C）添加第二個插入，我們將中心對齊到較大的身體頂部邊緣炉菲。一旦你完成后堕战，選擇和集團所有當前節(jié)的組成形狀一起使用的控制-G的鍵盤快捷鍵坤溃。

第8步

使用帶有4 px厚輪廓（）的52 x 12 px矩形（#82868E）創(chuàng)建洗衣機的上半部分（），我們將分組（Control-G）嘱丢，然后將其放置在較大的主體上方薪介。#363C4C

第9步

使用我們將居中對齊到先前創(chuàng)建的部分的16 x 4 px矩形（#363C4C）添加顯示。

第10步

使用兩個4 x 4 px圓（#363C4C）定位??左邊刻度盤越驻，它們之間的距離為2 px汁政，我們將分組（Control-G），然后居中對準顯示器伐谈，將它們放置在距離它4 px處烂完。

第11步

使用另一個4 x 4像素圓圈（#363C4C）添加右側(cè)轉(zhuǎn)盤，我們將把它放置在顯示器的另一側(cè)诵棵，從右側(cè)邊緣放置8 px抠蚣。一旦你完成后，選擇和集團所有當前節(jié)的組成形狀一起使用的控制-G的鍵盤快捷鍵履澳。

第12步

通過使用帶有4 px厚輪廓（）的36 x 8 px矩形（#5A616D）創(chuàng)建背面板嘶窄，并在底部添加一個較小的24 x 4 px矩形（）。?Group（Control-G）將所有三種形狀組合在一起距贷，將它們放置在上一節(jié)的上方柄冲，確保在之后對整個單元執(zhí)行相同的操作。#363C4C#363C4C

步驟13

使用26 x 8像素圓角矩形（#929BDD）以及4?像素圓角半徑和4像素厚度輪廓（#363C4C）創(chuàng)建第一條毛巾（）忠蝗，我們將組（Control-G）放到洗衣機上现横，距離從右邊緣2 px。