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

在今天的教程中,我們將把室內設計師的冠名放在自己身上,並創建一個漂亮的現代化的小廚房,所有這些只需使用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的位置。

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

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

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

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

5.如何創建冰箱
假設你已經成功完成了我們的背景,鎖住背景圖層,然後開始在第二層繪製,我們開始創建我們廚房的第一個家電。
第 1 步
使用56 x 128 px的矩形創建冰箱右側部分的主要形狀,我們將使用顏色#E7EBF2
,然後將其放置在距離地板向上6像素,距離右邊邊緣42像素的位置。

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

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

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

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

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

第 7 步
使用24 x 2 px的矩形,顏色為(#363C4C
)創建底部托盤,我們將其中心對準飲水機的主體,將其放置在距離飲水機底部2像素的位置。

第 8 步
使用12 x 10 px的矩形,顏色為(#363C4C
)創建實際飲水機的主體,我們將其中心對齊到當前部分的頂部邊緣。

第 9 步
在我們剛剛創建的形狀下面添加上一個較小的4 x 4 px 正方形,顏色為(#363C4C
),右側添加一個2 x 8 px的矩形,顏色為(#363C4C
),完成後,選擇它們並成組(Control+G),將所有三個形狀放置在一個組。

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

第 11 步
我們移動到所有家電的底部,然後創建一個100 x 4 px的矩形,顏色為(#363C4C
),將其放置在冰箱最外圍的下面。

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

6.如何創建開放式櫥櫃
我們的“廚房必需品”中的下一個項目是開放式櫥櫃,讓我們開始吧。
第 1 步
使用一個72 x 52 px的矩形,顏色為(#82868E
),和4 px的輪廓,顏色為(#363C4C
),創建櫥櫃的主體,我們將它們成組(Control+G),然後將其放置在冰箱的左側,將它們的輪廓重疊。

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

第 3 步
使用60像素寬4像素粗的線型
,顏色為(#363C4C)來添加架子,我們將其中心對齊到櫥櫃的內部部分,然後使用Control+G成組。

第4步
使用68 x 8 px的矩形,顏色為(#4B5463
),和4像素的輪廓,顏色為(#363C4C
)的創建櫥櫃的底部,我們將其成組(Control+G)放在櫥櫃的外圍,確保左對齊到其外緣。

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

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

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

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

第 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),然後將它們放置在敞開的櫥櫃的左側。

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

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

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

第 5 步
使用九個2 x 4 px的矩形,顏色為(#363C4C
),相互間隔2像素,來添加燃燒器。然後將其成組Control+G,然後將其中心對齊烤箱門的底部邊緣。

第 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像素。

第 9 步
使用相同的4 x 4像素的圓(#363C4C
)來添加烤箱錶盤,我們將其中心對齊到之前的撥盤,將其定位在距離爐子8像素的右側。

第 10 步
使用略小的2 x 2像素的圓圈(#363C4C
)創建定時器的撥盤,我們將其放置在烤箱的手柄和較大的撥盤之間4像素的位置。

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

8.如何創建封閉的櫥櫃
完成爐灶後,向左移動幾個像素,讓我們開始繪製封閉的櫃子。
第 1 步
使用72 x 8 px的矩形(#4B5463
)和有4像素厚的輪廓(#363C4C
)來創建櫃子的底部,我們將其成組(Control+G),然後將其置於爐子的左側。

第 2 步
使用一個72 x 52 px的矩形,顏色為(#5A616D
),和4 px的輪廓,顏色為(#363C4C
)添加櫥櫃的主體,然後我們將其成組(Control+G),然後將其放置在上一個形狀的上面。

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

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

9.如何创建廚房的檯面
一旦我们完成了我们的第二个櫃子的工作,我们可以把重点放在櫃檯上,这个櫃台承載著烤爐子和水槽。
第 1 步
使用一個200 x 6 px的矩形,顏色為(#5A616D
),4px的輪廓,顏色為(#363C4C
)創建櫃檯。我们将它們成組,然后放置在两个櫥櫃和爐子的上方。

第2步
使用40 x 6 px的矩形(#363C4C
)創建水槽,我們將其放在檯面上,確保將其中心對齊到打開的櫥櫃。

第 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),然后將它們放置在封閉式櫥櫃的左側。

第 2 步
添加洗衣機的主體使用一個52 x 46 px的矩形(#E7EBF2)與4 px厚的輪廓(#363C4C),我們將其成組(Control+G),然後位於上一節的頂部。

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

第 4 步
使用20 x 20像素的圓圈,顏色為(#363C4C
)添加洗衣機內部較暗的部分,並且我們將其中心對齊到先前分組的形狀。

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

第 6 步
使用32 x 4 px的矩形(#363C4C
)添加洗衣機的底部插入,我們將中心對齊到其較大的部分的底部邊緣。

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

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

第 9 步
使用16 x 4 px的矩形(#363C4C
)添加顯示器,我們將其中心對齊到先前創建的部分。

第 10 步
使用兩個4 x 4像素的圓圈(#363C4C
)創建左撥盤,這兩個圓圈彼此位置為2像素,我們將其成組(Control+G),然後將其中心對齊到顯示屏,將其定位到距離它們4像素的位置。

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

第 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像素的位置。

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

11.如何創建在書架上,裝飾元素
我們已經完成了開櫃,我們完成了封閉的櫃子,所以現在是製作舊掛架的時候了。
第 1 步
創建一個104 x 6 px的矩形(#82868E
)與4 px厚的輪廓(#363C4C
)的架子的主體,我們將其成組(Control+G),然後將其放置在檯面上方,距離水龍頭14像素和距離冰箱16像素。

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

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

第 4 步
向左移動幾個像素,使用32 x 16 px的矩形,顏色為(#929BDD
),並使用4 px的輪廓,顏色為(#363C4C
),創建其主體,之後我們將其成組(Control+G),然後放置在距離架子左邊緣約8像素的位置。

第 5 步
使用兩個8 x 8像素的圓,顏色為(#363C4C
)來添加揚聲器元素,我們將兩個圓的距離設置為8 px,並將它們成組(Control+G),然後將其中心對齊到設備的主體。

第 6 步
使用兩個8 x 4 px的矩形,顏色為(#363C4C
)創建頂部和底部零部件,我們將它們之間的垂直距離設置為8 px,將它們成組(Control+G),然後將它們中心對齊到較大的主體。

第 7 步
使用三個4像素高的矩形,顏色為(#363C4C
)添加揚聲器的按鈕,使它們水平間隔為2像素,我們將其成組(Control+G),然後將它們放置於揚聲器的頂部,距離其左側6像素的邊緣。完成後,使用鍵盤快捷方式Control+G選擇並將所有設備的形狀組合在一起。

12.如何創建窗子
假設我們沒有將廚房設計在封閉的空間,讓我們創建一個小窗子來給它一些陽光。
第 1 步
首先創建一個52 x 68 px的矩形,顏色為(#E2AA7D
)和有4像素厚的輪廓,顏色為(#363C4C
)的框架,然後我們將其成組(Control+G),然後將它於檯面的距離設置為12像素,距離懸掛的貨架為16 像素。

第 2 步
使用40 x 56 px的矩形,顏色為(#A5795B
),和4像素厚的輪廓,顏色為(#363C4C
)添加框架內部部分,我們將其成組(Control+G),然後將其中心對齊到先前創建的部分。

第3步
使用 30 × 46 px 的矩形 (#ABDBEF
) 與 4 px 厚的輪廓 (#363C4C
)來創建玻璃窗子,我們將其進行成組 (Control+G),然後將其中心對齊到窗子的內部。

第 4 步
使用兩個10 x 8 px的矩形(#363C4C
)添加窗樞,將它們的垂直距離設置為32像素,我們將它們成組(Control+G),然後將其中心對齊在框架內部的左側。

第 5 步
使用三個4像素高的矩形(#EDF6F9
)創建雲,我們將其內部角的半徑設置為2像素進行調整。花點時間,完成後,使用鍵盤快捷鍵Control+G選擇並組合所有三種形狀。

第 6 步
通過使用16 x 4 px的矩形,顏色為(#363C4C
)創建窗子把手來完成窗口,我們將其對齊到框架內部部分的右邊緣。完成後,使用Control+G的鍵盤快捷鍵選擇並將所有形狀成組。

13.如何創建天花板照明
我們現在到了繪製廚房的最後一部分,所以不用再浪費時間了,我們來完成這個作品。
第 1 步
創建使用184px 寬的天花板,4 px 厚的輪廓 (#363C4C
),我們將其中心對齊到畫板上,將其定位在距離窗子18 px的上邊緣。

第 2 步
開始製作燈具,使用一個12 x 16 px 的矩形(#E8B169
)4像素粗的輪廓(#363C4C
)創建其主體,我們將其成組(Control+G),然後將其中心對齊到形狀,將其定位距離它18像素的下方。

第 3 步
使用12像素寬4像素厚的輪廓(#363C4C
)添加水平裝飾線,我們將其中心對齊主體,距離底部邊緣2像素的位置。

第 4 步
使用18像素高4像素寬的線,顏色為(#363C4C
)繪製將固定裝置連接到天花板的電纜,然後將它們成組(Control+G)。

步驟5
使用我們剛剛完成的兩個副本(Control+C> Control+F兩次)創建剩餘的固定裝置,我們將其放置在與原始文件相距40像素位置上。

第6步
通過使用128 x 6 px矩形(#363C4C)添加照明底座,完成天花板和插圖,我們將對齊到其底部的底部。完成後,選擇並成組(Control+G)所有當前部分的組合形狀,然後對整個插圖執行相同操作。

太棒了 !
現在你知道了-如何只使用最簡單方法一步步建立你自己的現代化廚房。我希望你在這個教程中做得很開心,最重要的是學到一些新的和有用的東西。

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post