Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Adobe Illustrator

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

by
Read Time:21 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

讓我們開始吧!

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

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

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

高級選項卡︰

  • 顏色模式︰ RGB
  • 柵格效果︰ 屏幕 (72ppi)
  • 預覽模式︰ 預設
setting up a new documentsetting up a new documentsetting up a new document

2.如何設置自定義網格

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

第 1 步

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

  • 線間距︰ 1 px
  • 細分︰ 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

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

第 2 步

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

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

3.如何設置圖層

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

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

  • 圖層 1︰ 背景
  • 圖層 2︰ 插圖
setting up the layerssetting up the layerssetting up the layers

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

4.如何創建背景

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

第 1 步

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

creating the main shape for the background foreground linecreating the main shape for the background foreground linecreating the main shape for the background foreground line

第 2 步

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

creating the background first row of tilescreating the background first row of tilescreating the background first row of tiles

第 3 步

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

creating the background second row of tilescreating the background second row of tilescreating the background second row of tiles

第 4 步

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

adding the remaining rows of tiles to the backgroundadding the remaining rows of tiles to the backgroundadding the remaining rows of tiles to the background

第 5 步

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

changing the color of some of the backgrounds tileschanging the color of some of the backgrounds tileschanging 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 doorcreating and positioning the main shape for the refrigerators right doorcreating 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 dooradding the outline to the refrigerators right dooradding the outline to the refrigerators right door

第 3 步

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

adding the handle to the refrigerators right dooradding the handle to the refrigerators right dooradding 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 doorcreating and positioning the main shapes for the refrigerators left doorcreating and positioning the main shapes for the refrigerators left door

第 5 步

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

creating and positioning the main shapes for the refrigerators water dispenser insertioncreating and positioning the main shapes for the refrigerators water dispenser insertioncreating 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 dispenseradding the bottom insertion to the refrigerators water dispenseradding the bottom insertion to the refrigerators water dispenser

第 7 步

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

adding the bottom tray to the refrigerators water dispenseradding the bottom tray to the refrigerators water dispenseradding the bottom tray to the refrigerators water dispenser

第 8 步

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

creating and positioning the main body of the refrigerators water dispensercreating and positioning the main body of the refrigerators water dispensercreating 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 dispenseradding details to the refrigerators water dispenseradding 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 dispenseradding the little buttons to the refrigerators water dispenseradding the little buttons to the refrigerators water dispenser

第 11 步

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

creating the main shape for the refrigerators bottom sectioncreating the main shape for the refrigerators bottom sectioncreating the main shape for the refrigerators bottom section

第 12 步

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

finishing off the refrigeratorfinishing off the refrigeratorfinishing off the refrigerator

6.如何創建開放式櫥櫃

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

第 1 步

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

creating the main shapes for the open cabinets upper bodycreating the main shapes for the open cabinets upper bodycreating 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 sectioncreating the main shapes for the open cabinets inner sectioncreating the main shapes for the open cabinets inner section

第 3 步

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

adding the shelf to the open cabinets inner sectionadding the shelf to the open cabinets inner sectionadding 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 sectioncreating the main shapes for the open cabinets bottom sectioncreating the main shapes for the open cabinets bottom section

第 5 步

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

adding the towel rail to the open cabinets upper sectionadding the towel rail to the open cabinets upper sectionadding 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 towelcreating the main shapes for the front section of the open cabinets towelcreating 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 towelcreating the main shapes for the back section of the open cabinets towelcreating 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 toweladding the fringes to the open cabinets toweladding the fringes to the open cabinets towel

第 9 步

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

finishing off the open cabinetfinishing off the open cabinetfinishing off the open cabinet

7.如何創建爐子

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

第 1 步

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

creating the main shapes for the stoves bottom sectioncreating the main shapes for the stoves bottom sectioncreating 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 bodycreating the main shapes for the stoves upper bodycreating the main shapes for the stoves upper body

第 3 步

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

adding the oven door to the stoveadding the oven door to the stoveadding the oven door to the stove

第 4 步

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

adding the oven shelves to the stoves dooradding the oven shelves to the stoves dooradding the oven shelves to the stoves door

第 5 步

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

adding the broiler burner to the stoves ovenadding the broiler burner to the stoves ovenadding the broiler burner to the stoves oven

第 6 步

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

adding the tray to the stoves ovenadding the tray to the stoves ovenadding the tray to the stoves oven

第 7 步

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

adding the handle to the stoves ovenadding the handle to the stoves ovenadding the handle to the stoves oven

第 8 步

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

adding the left burner dials to the stoves upper bodyadding the left burner dials to the stoves upper bodyadding the left burner dials to the stoves upper body

第 9 步

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

adding the oven dial to the stoves upper bodyadding the oven dial to the stoves upper bodyadding the oven dial to the stoves upper body

第 10 步

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

adding the timer dial to the stoves upper bodyadding the timer dial to the stoves upper bodyadding the timer dial to the stoves upper body

第 11 步

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

finishing off the stovefinishing off the stovefinishing off the stove

8.如何創建封閉的櫥櫃

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

第 1 步

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

creating the main shapes for the closed cabinets bottom sectioncreating the main shapes for the closed cabinets bottom sectioncreating 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 bodycreating the main shapes for the closed cabinets upper bodycreating 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 bodyadding the first drawer to the closed cabinets upper bodyadding the first drawer to the closed cabinets upper body

第 4 步

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

finishing off the closed cabinetfinishing off the closed cabinetfinishing off the closed cabinet

9.如何创建廚房的檯面

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

第 1 步

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

creating the main shapes for the kitchens countertopcreating the main shapes for the kitchens countertopcreating the main shapes for the kitchens countertop

第2步

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

creating the main shape for the kitchens sinkcreating the main shape for the kitchens sinkcreating the main shape for the kitchens sink

第 3 步

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

adding the battery to the kitchens sinkadding the battery to the kitchens sinkadding the battery to the kitchens sink

第 4 步

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

adding the handle to the sinks batteryadding the handle to the sinks batteryadding the handle to the sinks battery

第 5 步

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

finishing off the countertopfinishing off the countertopfinishing off the countertop

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 machinecreating the main shapes for the bottom section of the washing machinecreating 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 bodycreating the main shapes for the washing machines upper bodycreating the main shapes for the washing machines upper body

步驟3

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

adding the front door to the washing machines upper bodyadding the front door to the washing machines upper bodyadding the front door to the washing machines upper body

第 4 步

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

adding the inner darker section to the washing machines dooradding the inner darker section to the washing machines dooradding 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 dooradding the handle to the washing machines front dooradding the handle to the washing machines front door

第 6 步

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

adding the bottom insertion to the washing machines upper bodyadding the bottom insertion to the washing machines upper bodyadding 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 bodyadding the top insertion to the washing machines upper bodyadding 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 bodyadding the upper section to the washing machines main bodyadding the upper section to the washing machines main body

第 9 步

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

adding the display to the washing machines upper bodyadding the display to the washing machines upper bodyadding 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 bodyadding the left dials to the washing machines upper bodyadding 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 bodyadding the right dial to the washing machines upper bodyadding 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)將三個形狀合在一起,將它們放置在上一部分之上,並確保對整個單元執行相同操作。

finishing off the washing machinefinishing off the washing machinefinishing off the washing machine

第 13 步

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

adding the first towel to the upper section of the washing machineadding the first towel to the upper section of the washing machineadding 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 machineadding the second towel to the upper section of the washing machineadding 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 shelfcreating the main shapes for the suspended shelfcreating 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 shelfadding the bottom brackets to the suspended shelfadding the bottom brackets to the suspended shelf

第 3 步

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

adding the glasses to the suspended shelvesadding the glasses to the suspended shelvesadding the glasses to the suspended shelves

第 4 步

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

creating the main shapes for the bluetooth speakers main bodycreating the main shapes for the bluetooth speakers main bodycreating the main shapes for the bluetooth speakers main body

第 5 步

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

adding the two speaker units to the bluetooth speakeradding the two speaker units to the bluetooth speakeradding the two speaker units to the bluetooth speaker

第 6 步

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

adding the top and bottom insertions to the bluetooth speakers main bodyadding the top and bottom insertions to the bluetooth speakers main bodyadding the top and bottom insertions to the bluetooth speakers main body

第 7 步

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

adding the buttons to the bluetooth speakeradding the buttons to the bluetooth speakeradding the buttons to the bluetooth speaker

12.如何創建窗子

假設我們沒有將廚房設計在封閉的空間,讓我們創建一個小窗子來給它一些陽光。

第 1 步

首先創建一個52 x 68 px的矩形,顏色為(#E2AA7D)和有4像素厚的輪廓,顏色為(#363C4C)的框架,然後我們將其成組(Control+G),然後將它於檯面的距離設置為12像素,距離懸掛的貨架為16 像素

creating the main shapes for the windows framecreating the main shapes for the windows framecreating the main shapes for the windows frame

第 2 步

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

creating the main shapes for the window frames inner sectioncreating the main shapes for the window frames inner sectioncreating the main shapes for the window frames inner section

第3步

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

creating the main shapes for the window frames glass sectioncreating the main shapes for the window frames glass sectioncreating the main shapes for the window frames glass section

第 4 步

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

adding the side hinges to the windows frameadding the side hinges to the windows frameadding the side hinges to the windows frame

第 5 步

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

adding the clouds to the windows glass sectionadding the clouds to the windows glass sectionadding the clouds to the windows glass section

第 6 步

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

finishing off the windowfinishing off the windowfinishing off the window

13.如何創建天花板照明

我們現在到了繪製廚房的最後一部分,所以不用再浪費時間了,我們來完成這個作品。

第 1 步

創建使用184px 寬的天花板,4 px 厚的輪廓 (#363C4C),我們將其中心對齊到畫板上,將其定位在距離窗子18 px的上邊緣。

creating the main shape for the ceilings linecreating the main shape for the ceilings linecreating the main shape for the ceilings line

第 2 步

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

creating the main shapes for the center lighting fixtures main bodycreating the main shapes for the center lighting fixtures main bodycreating the main shapes for the center lighting fixtures main body

第 3 步

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

adding the horizontal decorative line to the center lighting fixtures bodyadding the horizontal decorative line to the center lighting fixtures bodyadding the horizontal decorative line to the center lighting fixtures body

第 4 步

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

adding the vertical stroke line connecting the center lighting fixture to the ceilingadding the vertical stroke line connecting the center lighting fixture to the ceilingadding the vertical stroke line connecting the center lighting fixture to the ceiling

步驟5

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

adding the remaining lighting fixtures to the ceilingadding the remaining lighting fixtures to the ceilingadding the remaining lighting fixtures to the ceiling

第6步

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

finishing off the ceilingfinishing off the ceilingfinishing off the ceiling

太棒了 !

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

Vector Kitchen Illustration Adobe Illustrator TutorialVector Kitchen Illustration Adobe Illustrator TutorialVector Kitchen Illustration Adobe Illustrator Tutorial
关注我们的公众号
One subscription.
Unlimited Downloads.
Get unlimited downloads