如何在AI中創建一個現代化的廚房

Chinese (Traditional) (中文（繁體）) translation by Shu Wu (you can also view the original English article)

Final product image — What You'll Be Creating

在今天的教程中，我們將把室內設計師的冠名放在自己身上，並創建一個漂亮的現代化的小廚房，所有這些只需使用Illustrator所提供的最簡單和最有用的工具來完成。

你還可以通過在GraphicRiver上，在那裡你會發現許多廚房主題的向量設計，用它們來擴展你的設計吧。

讓我們開始吧！

1.如何創建一個新的圖檔

因為我假設你的Illustrator已經在後臺運行，將它打開，讓我們來建立一個新的文檔 (文檔 > 新的文檔或使用Control＋N)，使用以下設置︰

畫板數︰ 1
寬度︰ 1200px
高度︰ 600 px
單位︰像素

高級選項卡︰

顏色模式︰ RGB
柵格效果︰屏幕 (72ppi)
預覽模式︰預設

2.如何設置自定義網格

現在我們知道我們今天不製作圖標，但是因為我們會用完美像素工作原理來創建插圖，我們還是希望設立一個網格來控制我們的形狀。

第 1 步

選擇編輯 > 偏好 > 輔助線與網格的子功能表，然後調整以下設置︰

線間距︰ 1 px
細分︰ 1

快速提示︰你可以通過閱讀這篇關於 Illustrator的網格系統的工作原理的深入瞭解更多關於網格的問題。

第 2 步

一旦我們設置了自定義網格，我們需要做的就是確保我們的形狀看起來很清晰，你可以在“視圖”菜單中找到“向網格對齊”選項，進入像素預覽模式。

現在，如果你是“像素完美的工作流程”的新手，我強烈建議你瀏覽我的文章“如何創建完美的像素藝術”，這將有助於你用最短的時間來學習新的技能。

3.如何設置圖層

一旦我們完成了我們的項目文件的設置，最好使用圖層來組織文檔，因為我們可以通過集中在一個插圖部分來保持穩定的工作流程。

如此說來，在圖層面板中，創建兩層，我們將其重命名，如下所示︰

圖層 1︰背景
圖層 2︰插圖

快速提示：我已經使用相同的綠色值對所有圖層進行了潤色，因為將所選形狀為突出顯示的時候（無論是封閉的還是開放的路徑）都可以方便你查看。

4.如何創建背景

我們將通過創建小瓦片背景來開始項目，因此請確保你處於正確的圖層（也就是第一個圖層），鎖定另一個圖層，然後開始。

第 1 步

為地板創建一條為440px長X4px厚線條，並使用顏色 #363C4C，然後將其居中對齊到底層的畫板上，將其定位在距離底部邊緣212px的位置。

creating the main shape for the background foreground line

第 2 步

使用十四個26px x 8px的矩形,顏色為（＃DEF8F9）創建第一行瓷磚，我們將它們水平間隔為2px像素，將它門成組（Control＋G），然後將它們放置在距離地板左邊緣32px 像素的位置。

creating the background first row of tiles

第 3 步

使用我們剛剛成組的副本創建第二行，我們將在距離2像素的位置上方放置第二行，使用“移動”工具將其向左推動14像素（鼠標右鍵單擊>變換>移動>垂直> -14像素）

creating the background second row of tiles

第 4 步

通過選擇我們已有的兩行方塊來創建剩餘的部分，然後將其拖動到頂部，同時按住Alt＋Shift鍵創建第一組副本，確保保持相同的2px間隙。一旦你有第一個組別，按Control＋D（複製）七次添加剩餘的行列。

adding the remaining rows of tiles to the background

第 5 步

花幾分鐘時間，使用顏色＃C1EAEA對某些瓷磚進行分色，然後使用鍵盤快捷鍵Control+G選擇並將所有行成組在一起，然後開始下一步。

changing the color of some of the backgrounds tiles

5.如何創建冰箱

假設你已經成功完成了我們的背景，鎖住背景圖層，然後開始在第二層繪製，我們開始創建我們廚房的第一個家電。

第 1 步

使用56 x 128 px的矩形創建冰箱右側部分的主要形狀，我們將使用顏色＃E7EBF2，然後將其放置在距離地板向上6像素，距離右邊邊緣42像素的位置。

creating and positioning the main shape for the refrigerators right door

第 2 步

通過創建一個的副本（Control＋C）來賦予這個形狀一個輪廓，我們將其粘貼在前面（Control＋F），然後首先將其顏色更改為＃363C4C，然後填充其顏色為描邊（Shift-X）。將重量設置為4像素，然後全部選擇兩種形狀，將他們成組（Control＋G）。

adding the outline to the refrigerators right door

第 3 步

使用4 x 20 px的矩形，顏色為（＃363C4C）添加門的手柄，我們將其放置距離左側輪廓8像素的距離處，距底部的距離為40像素。完成後，選擇全部並成組（Control+G）將所有三個形狀放在一起。

adding the handle to the refrigerators right door

第4步

使用48 x 128px的矩形，顏色為（＃E7EBF2）創建冰箱的較小部分，用4像素來繪製輪廓（＃363C4C），我們將其成組（Control＋G），然後將其放置在前一部分的左側。

creating and positioning the main shapes for the refrigerators left door

第 5 步

創建一個24 x 24 px的正方形，顏色為(＃5592A0）4像素的輪廓，顏色為（＃363C4C）的飲水機，之後，我們將其成組（Control＋G），將其中心對齊左門，放置它們在距離左側門底40像素的位置。

creating and positioning the main shapes for the refrigerators water dispenser insertion

第 6 步

開始繪製飲水機的細節：創建一個 8 x 3 px的矩形，顏色為#363C4C，我們將其中心對齊飲水機的底部。

adding the bottom insertion to the refrigerators water dispenser

第 7 步

使用24 x 2 px的矩形，顏色為（＃363C4C）創建底部托盤，我們將其中心對準飲水機的主體，將其放置在距離飲水機底部2像素的位置。

adding the bottom tray to the refrigerators water dispenser

第 8 步

使用12 x 10 px的矩形，顏色為（＃363C4C）創建實際飲水機的主體，我們將其中心對齊到當前部分的頂部邊緣。

creating and positioning the main body of the refrigerators water dispenser

第 9 步

在我們剛剛創建的形狀下面添加上一個較小的4 x 4 px 正方形，顏色為（＃363C4C），右側添加一個2 x 8 px的矩形，顏色為（＃363C4C），完成後，選擇它們並成組（Control＋G），將所有三個形狀放置在一個組。

adding details to the refrigerators water dispenser

第 10 步

通過添加四個4 x 2 px的矩形，顏色為（＃363C4C）的小按鈕來完成飲水機，我們將其成組（Control＋G），然後對其分配其距離為4像素。完成後，選擇並將（Control＋G）所有當前部分形狀成組，然後對整個冰箱進行相同操作。

adding the little buttons to the refrigerators water dispenser

第 11 步

我們移動到所有家電的底部，然後創建一個100 x 4 px的矩形，顏色為（＃363C4C），將其放置在冰箱最外圍的下面。

creating the main shape for the refrigerators bottom section

第 12 步

通過使用三個8 x 4 px的矩形，顏色為（＃363C4C）添加冰箱的腳來完成冰箱，我們將位放置在冰箱外圍矩形的下方。完成後，選擇並將（Control＋G）所有底部的形狀成組，然後對整個冰箱進行相同操作。

6.如何創建開放式櫥櫃

我們的“廚房必需品”中的下一個項目是開放式櫥櫃，讓我們開始吧。

第 1 步

使用一個72 x 52 px的矩形，顏色為（＃82868E），和4 px的輪廓,顏色為（＃363C4C），創建櫥櫃的主體，我們將它們成組（Control＋G），然後將其放置在冰箱的左側，將它們的輪廓重疊。

creating the main shapes for the open cabinets upper body

第2步

使用60×24像素的矩形，顏色為（＃5A616D），和4像素的輪廓，顏色為（＃363C4C）的創建櫥櫃的內部，我們將其成組（Control＋G），然後將中心對齊到櫥櫃外圍主體，將其放置在距離上邊緣18像素的位置。

creating the main shapes for the open cabinets inner section

第 3 步

使用60像素寬4像素粗的線型，顏色為（＃363C4C）來添加架子，我們將其中心對齊到櫥櫃的內部部分，然後使用Control＋G成組。

adding the shelf to the open cabinets inner section

第4步

使用68 x 8 px的矩形，顏色為（＃4B5463），和4像素的輪廓，顏色為（＃363C4C）的創建櫥櫃的底部，我們將其成組（Control＋G）放在櫥櫃的外圍，確保左對齊到其外緣。

creating the main shapes for the open cabinets bottom section

第 5 步

使用44像素寬，4像素粗的描邊，顏色為（＃363C4C）創建毛巾架，我們將其中心對準櫃子的內部部分，將其定位在與其上邊緣距離10像素的地方。

adding the towel rail to the open cabinets upper section

第 6 步

通過使用24 x 10 px的矩形，顏色為（＃A1C689），和4像素的輪廓，顏色為（＃363C4C），創建毛巾架前面的部分，然後我們將其成組（Control＋G），然後將其水平中心對齊上一個形狀。

creating the main shapes for the front section of the open cabinets towel

第 7 步

使用24 x 10 px的矩形，顏色為（#7D9E67)和4 px的輪廓，顏色為（#363C4C）來創建毛巾架後面的部分。我們將其放置在我們剛剛成組形狀的後面。

creating the main shapes for the back section of the open cabinets towel

第 8 步

使用五個2 x 4 px的矩形，顏色為（＃363C4C），將兩個之間的水平距離定為2像素來製作小條紋，然後將其成組（Control＋G），將其中心對齊到毛巾架背後部分的上邊緣。完成後，使用鍵盤快捷方式Control＋G選擇將所有毛巾架有關的形狀組合在一起。

adding the fringes to the open cabinets towel

第 9 步

通過添加三個矩形分別為（12 x 6像素，10 x 6像素，10 x 4像素 ，顏色為＃363C4C）創建小碗來完成櫥櫃，在“變形”面板中的矩形的性質，可以將矩形底部的半徑設置為4像素。當你完成後，使用Control＋G 將所有形狀成組。

7.如何創建爐子

這裡我們假設你已經完成櫥櫃，向左移動幾個像素，開始創建第二件家電。

第 1 步

使用一個56 x 8 px的矩形（＃4B5463）和4 px厚的輪廓（＃363C4C）的創建爐子的底部，我們將它們成組（Control＋G），然後將它們放置在敞開的櫥櫃的左側。

creating the main shapes for the stoves bottom section

第 2 步

使用56 x 52 像素的矩形，顏色為（#E7EBF2），和4像素的輪廓，顏色為（＃363C4C）來創建爐子的主要部分。完成後將他們成組(Control＋G)，將其放置在前面一個部分的上面。

creating the main shapes for the stoves upper body

第 3 步

使用44 x 32 像素的矩形，顏色為（#B5685B），和4像素的輪廓，顏色為（＃363C4C）來創建微波爐，完成後將其成組，並將其中心對齊到外面的框架，將其放置在距離頂端10像素的位置。

第 4 步

使用兩個44像素寬X4像素厚的線型，顏色為（＃363C4C）來添加烤箱架，我們將它們垂直疊加在距離彼此12像素的位置，之後將其成組（Control＋G），然後將其中心對齊較大的門，將它們放置在距離底邊4像素的位置。

adding the oven shelves to the stoves door

第 5 步

使用九個2 x 4 px的矩形，顏色為（＃363C4C），相互間隔2像素，來添加燃燒器。然後將其成組Control＋G，然後將其中心對齊烤箱門的底部邊緣。

adding the broiler burner to the stoves oven

第 6 步

使用一個24 x 4 px的矩形，顏色為（＃363C4C）創建托盤，在它之上，我們將添加一個稍寬的托盤：28 x 2像素，顏色為（＃363C4C），我們將其成組（Control＋G），然後將其中心對齊到烤箱架的底部。

第 7 步

使用20 x 8 px的矩形（＃363C4C）來添加烤箱的手柄，我們將其中心對齊到門輪廓的頂部邊緣。完成後，使用Control＋G鍵盤快捷鍵，將所有烤箱的部分組合在一起。

第 8 步

使用四個4 x 4像素的圓圈（＃363C4C）創建左側刻度盤，將它們的水平距離設置為2像素，我們將它們成組（Control＋G），然後將其放置在手柄上方，即距離爐灶左側6像素和距離它頂部2像素。

adding the left burner dials to the stoves upper body

第 9 步

使用相同的4 x 4像素的圓（＃363C4C）來添加烤箱錶盤，我們將其中心對齊到之前的撥盤，將其定位在距離爐子8像素的右側。

adding the oven dial to the stoves upper body

第 10 步

使用略小的2 x 2像素的圓圈（＃363C4C）創建定時器的撥盤，我們將其放置在烤箱的手柄和較大的撥盤之間4像素的位置。

adding the timer dial to the stoves upper body

第 11 步

通过使用两个4 x 3 px的矩形（＃363C4C）添加顶部来完成炉子，我们将其对准较大的机身顶部边缘，将其放置在距離外边缘4像素的位置。完成后，使用键盘快捷键Control＋G選擇並成組。

8.如何創建封閉的櫥櫃

完成爐灶後，向左移動幾個像素，讓我們開始繪製封閉的櫃子。

第 1 步

使用72 x 8 px的矩形（＃4B5463）和有4像素厚的輪廓（＃363C4C）來創建櫃子的底部，我們將其成組（Control＋G），然後將其置於爐子的左側。

creating the main shapes for the closed cabinets bottom section

第 2 步

使用一個72 x 52 px的矩形，顏色為（＃5A616D），和4 px的輪廓，顏色為（＃363C4C）添加櫥櫃的主體，然後我們將其成組（Control＋G），然後將其放置在上一個形狀的上面。

creating the main shapes for the closed cabinets upper body

第 3 步

使用一個60 x 12px的矩形，顏色為（＃82868E），4px的輪廓,顏色為（＃363C4C）創建第一個抽屜，在其中間，我們將添加一個較小的28 x 4px的矩形，顏色為（＃363C4C）。將他們成組（Control＋G）這將所有三個形狀在一起，然後將它們的中心對準較大的身體，使其位於距離頂部邊緣2像素的位置。

adding the first drawer to the closed cabinets upper body

第 4 步

通過添加第二個抽屜來完成櫃子，我們將使用一個60 x 22 px的矩形（＃82868E）和4像素厚的輪廓（＃363C4C）的創建的第二個抽屜，然後我們在它之上創建一個28 x 4 px的矩形（＃363C4C）。完成後，選擇並成組（Control＋G）將所有三個形狀放在在一起，然後對整個物件執行相同操作。

9.如何创建廚房的檯面

一旦我们完成了我们的第二个櫃子的工作，我们可以把重点放在櫃檯上，这个櫃台承載著烤爐子和水槽。

第 1 步

使用一個200 x 6 px的矩形，顏色為（#5A616D），4px的輪廓,顏色為（＃363C4C）創建櫃檯。我们将它們成組，然后放置在两个櫥櫃和爐子的上方。

creating the main shapes for the kitchens countertop

第2步

使用40 x 6 px的矩形（＃363C4C）創建水槽，我們將其放在檯面上，確保將其中心對齊到打開的櫥櫃。

creating the main shape for the kitchens sink

第 3 步

使用4像素粗的描邊，顏色為（＃363C4C）在水龍頭中繪製，並且我們將中心對齊到先前創建的形狀的底邊。

第 4 步

使用4 x 4 px 的正方形，顏色為（＃363C4C）創建水龍頭的把柄，在其左側添加一個2 x 8 px的矩形，顏色為（＃363C4C）。將這兩個形狀成組（Control＋G），然後將它們放置在先前繪製的形狀的左側，然後選擇然後成組（Control＋G）將所有的形狀組合在一起。

第 5 步

通过使用三个8 x 4 px的矩形（＃363C4C）相互间隔為4像素來添加燃烧器的格栅，然后将其成組（Control＋G），然后将其中心對齊到爐子的主體。完成后，選擇所有並成組（Control＋G）所有当前形状成組，然後進行下一步。

10.如何創建洗碗機

接下來我們要創建的家電是洗碗機，所以不要浪費時間了，我們開始吧。

第 1 步

使用具有4像素厚的輪廓（＃363C4C）的52 x 8 px的矩形（＃5A616D）創建設備底部區域，在其中心我們添加一個52 x 2像素的矩形（＃363C4C）。将所有三種形狀成組（Control＋G），然后將它們放置在封閉式櫥櫃的左側。

creating the main shapes for the bottom section of the washing machine

第 2 步

添加洗衣機的主體使用一個52 x 46 px的矩形（＃E7EBF2）與4 px厚的輪廓（＃363C4C），我們將其成組（Control＋G），然後位於上一節的頂部。

creating the main shapes for the washing machines upper body

步驟3

使用一個28 x 28像素的圓圈（＃5592A0）4像素厚的輪廓（＃363C4C）創建一個前門，我們將其成組（Control＋G），然後將其中心對齊到下面的較大的部分，將它們放置在距離上邊緣4像素的位置。

adding the front door to the washing machines upper body

第 4 步

使用20 x 20像素的圓圈，顏色為（＃363C4C）添加洗衣機內部較暗的部分，並且我們將其中心對齊到先前分組的形狀。

adding the inner darker section to the washing machines door

第 5 步

使用8 x 8像素的圓圈，顏色為（＃5592A0）創建把柄，然後我們將添加一個更小的4 x 4像素圓圈，顏色為（＃363C4C）。我們將兩個形狀組合在一起（Control＋G），然後將中心對齊到門的可見的填充形狀的右邊，然後對整個門進行相同操作。

adding the handle to the washing machines front door

第 6 步

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

adding the bottom insertion to the washing machines upper body

第 7 步

添加第二個插入使用稍窄的20 x 4 px的矩形（＃363C4C），我們將中心對準較大的身體的上邊緣。完成後，使用Control＋G鍵盤快捷鍵選擇並組合所有當前形狀。

adding the top insertion to the washing machines upper body

第 8 步

使用 52 x 12 px 的矩形 (#82868E) 與 4 px 厚的輪廓(#363C4C)創建洗衣機的上半部分，我們將其進行成組 (Control＋G)，然後將其定位在更大部分的上面。

adding the upper section to the washing machines main body

第 9 步

使用16 x 4 px的矩形（＃363C4C）添加顯示器，我們將其中心對齊到先前創建的部分。

adding the display to the washing machines upper body

第 10 步

使用兩個4 x 4像素的圓圈（＃363C4C）創建左撥盤，這兩個圓圈彼此位置為2像素，我們將其成組（Control＋G），然後將其中心對齊到顯示屏，將其定位到距離它們4像素的位置。

adding the left dials to the washing machines upper body

第 11 步

使用另一個4 x 4像素圓（＃363C4C）添加右側撥盤，我們將其放置在顯示屏的相對側，距離右邊緣8像素的位置。完成後，使用Control＋G鍵盤快捷鍵選擇並組合所有當前形狀。

adding the right dial to the washing machines upper body

第 12 步

通過使用36 x 8 px的矩形（＃5A616D）與4 px厚的輪廓（＃363C4C）創建後面的面板，完成洗衣機，在其底部我們將添加一個較小的24 x 4 px的矩形（＃363C4C ）。成組（Control＋G）將三個形狀合在一起，將它們放置在上一部分之上，並確保對整個單元執行相同操作。

第 13 步

使用一個26 x 8 px的圓角矩形（＃929BDD），使用4像素角半徑和4像素厚的輪廓（＃363C4C）創建第一條毛巾，然後將其成組（Control＋G）放在距洗衣機離右邊緣2像素的位置。

adding the first towel to the upper section of the washing machine

第14步

使用第一個副本創建第二條毛巾，（Control＋C> Control＋F）的，我們將其放置在頂部，將填充形狀的顏色更改為＃A1C689。完成後，使用鍵盤快捷鍵Control＋G選擇並將它們組合在一起。

adding the second towel to the upper section of the washing machine

11.如何創建在書架上，裝飾元素

我們已經完成了開櫃，我們完成了封閉的櫃子，所以現在是製作舊掛架的時候了。

第 1 步

創建一個104 x 6 px的矩形（＃82868E）與4 px厚的輪廓（＃363C4C）的架子的主體，我們將其成組（Control＋G），然後將其放置在檯面上方，距離水龍頭14像素和距離冰箱16像素。

creating the main shapes for the suspended shelf

第 2 步

使用兩個4 x 8 px的矩形，顏色為（＃363C4C），使用兩個的水平間隔為76 px，我們將其成組（Control＋G），並將其放在架子的下方，將其中心對齊到它最大的形狀。一旦完成，選擇所有的架子的組合形狀，將它們全部成組（Control＋G）。

adding the bottom brackets to the suspended shelf

第 3 步

使用四個6 x 12 px的矩形（＃5592A0）和4 px厚的輪廓（＃363C4C），使用創建空白的眼鏡，我們將其進行分組（Control＋G），然後確認它們相距8像素（距離一個4像素輪廓到另一個）。一旦完成，將這個形狀放置在架子上，距離其右邊緣4像素的位置。