在今天的Illustrator教程中,我將帶領大家學習如何使用Illustrator軟件的一些基本幾何形狀和工具來創建復古風格的火車插圖。希望朋友可以喜歡。
先看看效果圖

設置新文檔
首先創建一個新文檔(文件>新建或控制+ N),并進行以下設置:
畫板數量: 1
寬度: 1200像素
高度: 640像素
單位:像素
進入“ 高級”選項卡:
色彩模式: RGB
光柵效果:屏幕(72 ppi)

設置圖層
創建好了新文檔,接下來創建圖層。
打開“ 圖層”面板,創建兩個圖層,將其命名如下:
第1層>背景
第2層>火車

創建背景
圖標開始之前我們首先創建背景圖層
第1步
選擇矩形工具(M)創建一個1200×640 px矩形,使用#EA7B54進行著色,然后選擇“ 對齊”面板的“ 水平”和“ 垂直對齊中心”選項,將其中心對齊到底層的“ 畫板”。

第2步
創建一個808×16 px矩形作為鐵軌,使用#434F59進行著色,然后定位距離畫板底部邊緣108 px的位置。

第3步
創建兩個16×16 px圓圈(以綠色突出顯示)并將它們放置在矩形的兩邊,然后使用路徑查找器減去多余部分。

第4步
使用Shift + X鍵盤快捷鍵將生成的形狀轉換為輪廓,然后在“ 筆觸”面板中將“ 筆觸的權重”設置為8 px,將“ 角”設置為“ 圓形”。

第5步
創建17個8×8像素正方形(#434F59)作為鐵軌上的小螺栓,將彼此間隔調整為36 px,將它們定位在軌道的下邊緣。然后選擇它們和鐵路使用Control + G鍵盤快捷鍵將它們組合在一起。

第6步
完成了背景的繪制,我們可以鎖定它的圖層然后繼續進行下一步開始構建火車的圖層。

創建火車底盤
完成了鐵軌的繪制,我們就可以開始繪制火車的底盤部分了。
第1步
創建火車底盤的主形狀,首先建立508×16像素的矩形調整8像素的輪廓(#434F59),我們將其定位在距離鐵軌左邊緣84像素,上方88像素的位置。

第2步
創建兩個相距4 px的4×4 px圓(#434F59)給火車底盤上添加第一對螺栓,我們將分組(Control + G),然后定位到底盤的左側,如參考圖像所示。

第3步
創建六組由兩個4×4 px圓圈(#434F59)組成的螺栓,放置到參考圖像中的位置。完成后,使用Control + G鍵盤快捷鍵選擇并將所有螺栓和底盤組合在一起。

創建火車頭的后端
一旦我們完成底盤的工作,我們就可以繪制火車頭的后端了。
第1步
首先創建一個176×112像素的矩形,添加一個8 px的輪廓(#434F59),將定位它在底盤上方,距離其左邊緣4 px。

第2步
創建24×48像素矩形(#434F59)放置在先前創建的形狀的左側,將兩者的邊緣對齊。

第3步
選擇鋼筆工具(P)創建一條”L”形狀8 px的圓角線條(#434F59)。

第4步
創建8 px輪廓(#434F59)的64×120 px矩形作為棚頂支柱,調整到距離下部矩形左邊緣40 px的位置。

?
第5步
創建一個160×24像素的矩形,使用#434F59進行著色,然后定位到參考圖像中看到的位置。

第6步
創建168×8 px矩形(#434F59)添加水平的細節裝飾,然后在其上方添加9個8×16像素的較小矩形(#434F59),將彼此間隔調整為8 px。完成所有形狀后,使用Control + G鍵盤快捷鍵選擇并分組,然后再繼續下一步。

第7步
創建16×112 px矩形(#434F59)創建車廂陰影,將其與當前部分的右邊緣對齊,然后使用直接選擇工具(A)選擇其左下錨點進行調整,使用“ 移動”工具向外移動16像素(右鍵單擊>“變換”>“水平”> -16像素)。完成后,使用Control-G鍵盤快捷鍵選擇所有形狀組合在一起。

第8步
創建84×36像素大小8 px輪廓的矩形(#434F59)創建車廂上的小箱子,將其定位在火車車身上,距離車身左邊緣20 px的位置。

第9步
創建一個較小的84×12像素、8 px的矩形(#434F59)放置到箱子的上半部分,將其放置到上一個形狀的頂部,使它們的輪廓重疊。

第10步
花一些時間在箱子上添加一些細節,例如4×4 px螺栓(#434F59)和12×16 px鎖(#434F59),使用參考圖像作為參考。完成后,選擇并分組(Control + G)所有的組成形狀,然后再繼續下一步。

第11步
創建較小的8×52 px矩形(#434F59)創建箱子陰影,選擇左下錨點并向外推動8 px(右擊>變換>移動>水平> -8來調整px)。完成后,將生成的形狀放在箱子邊框的左側,選擇并將兩者組合在一起(Control + G),然后再轉到下一步。

創建火車的車廂
一旦我們完成了火車后端的工作,我們可以向右移動幾個像素開始創建艙室。
第1步
首先創建一個8 px輪廓(#434F59)136×232 px矩形,將其定位到機箱上,確保其左邊緣與前一部分的右邊緣重疊。

第2步
創建一個112×88像素的矩形(#434F59)添加窗口,將矩形堆疊在一個120×8像素(#434F59)的矩形上方,將兩個矩形選擇并進行分組(Control + G),然后定位在距離車艙中心16 px的位置。

第3步
創建8×28 px矩形作為門把手,使用#434F59進行著色,然后如參考圖像中所示定位到車艙的左側。

#p#副標題#e#
第4步
創建88×88 px方塊制作在門的底部,使用#434F59進行著色,然后將其放置在距離車艙右下角12 px的位置。

第5步
創建一個12×32 px、8 px的矩形(#434F59)創建門的手柄,我們將其定位在距離機艙頂部28 px的位置。完成后,使用Control + G鍵盤快捷鍵選擇并分組當前繪制的所有形狀。

第6步
創建324×12像素、8 px輪廓的矩形(#434F59)添加車艙頂部,確保其與列車后端的主要形狀對齊。

?
創建火車頭的前半部分
創建好車廂后,我們就可以創建火車頭的前半部分了。
第1步
首先創建一個36×112像素、8 px輪廓的矩形(#434F59),將它們定位在車艙的右側。

第2步
創建8 px輪廓64×112像素矩形(#434F59),然后選擇并將其右上角的錨點向下推動16 px(右鍵單擊>變換>來調整)移動>垂直> 16像素)。

第3步
創建36×96 px、8 px輪廓的矩形(#434F59),然后創建64×96像素(#434F59)和48×96像素(#434F59)的兩個矩形,將它們定位在參考圖像的位置上。

?
創建火車車頭組件
接下來給火車頭添加細節上的裝飾,讓火車更加具有西方的感覺。
第1步
創建一個8×36像素的矩形(#434F59),然后在“ 變換”面板中的“ 矩形屬性”將頂角的半徑設置為4像素。完成后,將生成的形狀放在矩形的第一段位置上。

?
第2步
創建28×56 px的矩形(#434F59)和14 px的矩形,接著創建一個12×12 px的圓圈刪除圓的下錨點。將生成的形狀定位到第三個段頂部邊緣的中心,在其上半部分添加一個44×8像素的矩形(#434F59),選擇并將兩者組合在一起(Control + G),這樣火車汽笛就完成了。

第3步
創建4 px的線條(#434F59)將汽笛的兩個組件連接在一起(從車艙的右邊緣開始一直到哨子的左邊緣)。完成后,選擇并將(Control + G)所有組成形狀組合在一起,然后再繼續下一步。

?
創建火車的煙囪
接下來我們創建火車的煙囪。
第1步
首先創建一個40×12像素的矩形,使用#434F59進行著色,然后定位到第四段矩形的頂部中心。

第2步
使用48×28像素、8 px輪廓的矩形(#434F59)添加煙囪的下半身,我們將其定位到第五段矩形的上方。

第3步
創建72 px長8 px寬的線條(#434F59)添加水平細節線,將其對齊前一個形狀的頂端。

第4步
創建48×8 px矩形(#434F59)創建煙囪的陰影,然后使用移動工具選擇并將其左下錨點向下推動8 px的距離進行調整(右鍵單擊>變換>移動>垂直> 8 px)。完成后,將生成的形狀放在當前部分的上邊緣,使用Control + G鍵盤快捷鍵選擇并將所有組成形狀組合在一起。

第5步
創建48×140像素、8 px輪廓的矩形(#434F59)添加煙囪的中間部分,然后選擇并將其頂部錨點向外推動36 px(右擊>變換>移動)進行調整>水平> + / – 36 px)。完成后,將生成的形狀放在上一步煙囪零件的頂部。

第6步
創建8 px輪廓136×32 px大小(#434F59)的矩形創建煙囪的上部,在其中心處我們將添加136 px寬的8 px厚細節線(#434F59)。選擇并將兩者組合在一起(Control + G),將它們定位在我們上一步中完成的形狀頂部。

第7步
使用120×16 px矩形(#434F59)創建煙囪角部的陰影,然后將其左下角錨點向下推16 px(右擊>變換>移動>垂直> 16像素來調整)。調整到如參考圖像中所示位置,選擇煙囪中心部分創建副本(Control + C)將其遮蓋,將創建的形狀粘貼(Control + F)到煙囪主要形狀前面,然后選擇創建的形狀右鍵單擊>制作剪貼蒙版。

第8步
接下來創建五個4×4 px圓(#434F59)添加煙囪的小螺栓,水平距離為4 px,將創建的圖形進行分組(Control-G),然后定位距離中心部分底部4 px邊緣。完成后,使用Control + G鍵盤快捷鍵選擇并組合完成的形狀。

?
創建火車的前照燈
接下來,我們創建火車的小型前照燈。
第1步
首先使用28×8 px大小和8 px輪廓的的矩形(#434F59)創建前照燈的上邊緣,將它定位到列車前端,如參考圖像所示位置。

第2步
在我們剛剛創建的矩形下方添加一個略大的24×60像素矩形(#434F59),使用Control + G鍵盤快捷鍵選擇并將兩者組合在一起。

第3步
使用24×60 px矩形為燈的后端創建主要形狀,使用#434F59進行著色,然后定位到支撐部分的右側。

第4步
創建一個8×76像素矩形放置在我們剛剛創建的形狀的右側,使用#434F59對其進行著色。

第5步
創建16×52像素矩形(#FFFFFF)作為大燈的填充形狀,為構圖添加一些顏色,然后將其右錨點向內推動8像素的距離進行調整(右鍵單擊>變換>移動>垂直> + / – 8像素)。完成后,將生成的形狀放在先前創建的形狀的右側。

?
第6步
使用描邊方法給出我們剛剛創建輪廓的形狀,然后創建它的副本(Control + C),將其粘貼(Control + F)在上一步創建形狀的前面,然后將其顏色更改為#434F59。將生成的形狀的權重設置為8像素,將其角設置為圓形連接。

第7步
使用8×24像素矩形添加到梯形內部,用#434F59進行著色,然后對齊到輪廓右邊緣的中心,使用Control + G鍵盤快捷鍵選擇并將所有三個形狀組合在一起。

第8步
創建8 px的直線(#434F59)添加支架,以下面圖像為參考,前照燈就完成了。完成后,選擇并分組(Control + G)所有形狀,然后再轉到下一步。

?
創建火車頭的下部
由于我們已經完成了火車上部的工作,現在我們創建它的下半部分。
第1步
創建一個136×36像素的矩形開始處理左側部分,使用#434F59進行著色,然后將其放置在離車箱左邊緣8 px的位置。

第2步
將12×12像素正方形(#434F59)添加到我們剛剛創建的形狀的左邊緣。

#p#副標題#e#
第3步
創建另一個64×28 px矩形(#434F59),并將其右下方的錨點向上推動8 px(右擊>變換>移動>垂直> -8 px)進行調整。完成后,將圖形放在較大矩形的右側。

第4步
使用下面圖像作為參考,創建4 px的直線(#434F59)繪制管道,完成當前部分。完成后,使用Control + G鍵盤快捷鍵選擇所有組成形狀并將其組合在一起。

第5步
接下來開始處理右側部分,創建一個72×40 px矩形,使用#434F59進行著色,然后定位到車箱的前部。

第6步
接下來創建12×12像素正方形(#434F59)添加到我們剛剛創建的形狀的右邊緣。

第7步
創建另一個更大的156×20像素矩形,使用#434F59進行著色,然后將其放置在其他兩個形狀下方。

第8步
添加另一個較小的48×24像素矩形,使用#434F59進行著色,然后定位在先前創建的形狀下方,距離其右邊緣20 px。

第9步
完成右側部分,使用4 px的直線(#434F59)繪制小管道,以下面圖像為參考。完成后,選擇并將(Control + G)所有組成形狀組合在一起,然后再轉到下一部分。

?
創建火車車輪
創建了火車的主體部分,我們就可以添加火車車輪了。
第1步
創建一個88×88 px圓圈開始繪制前輪,使用#FFFFFF對其進行著色,然后放置到鐵道的頂部位置。

第2步
調整我們剛創建的形狀,使用路徑查找器從中心切出一個較小的68×68像素圓(用綠色突出顯示)。

第3步
使用描邊給圓添加8 px的輪廓(#434F59),雙擊它們進入隔離模式然后使用“ 描邊”面板將內部厚度設置為4 px。完成后,選擇車輪的填充形狀和輪廓將它們組合在一起(Control + G),然后再繼續下一步。

?
第4步
創建六條4 px的射線(#434F59)添加火車輻條,如參考圖像所示。完成后,使用Control + G鍵盤快捷鍵選擇并將它們組合在一起。

第5步
創建28×28 px圓(#FFFFFF)并添加8 px輪廓(#434F59)創建輪轂,在其上面添加一個較小的12×12 px圓(#434F59)。分組(Control + G)三個形狀定位到車輪的中心,然后對整個車輪進行分組。

第6步
創建112 x 112 px圓添加8 px的輪廓(#434F59)創建擋泥板,將對齊到較小的車輪。使用直接選擇工具(A)選擇其底部錨點調×××狀,然后按Delete刪除它,選擇并組合(Control + G)車輪的組成形狀。

第7步
開始創建中間的大車輪,首先創建一個152×152像素的圓(#FFFFFF)內部創建132×132像素的圓圈。給得到的形狀添加8 px的輪廓(#434F59),然后將內部的厚度設置為4 px。完成后,選擇分組(ctrl+ G)兩者,在距離擋泥板76 像素的位置。

第8步
接下來創建六條8 px的射線(#434F59)添加輻條,放置到參考圖像中看到它們的位置,選擇并將它們組合在一起(Control + G) 。

第9步
創建36×36像素大小(#FFFFFF)8 px輪廓(#434F59)的圓創建輪轂部分,然后在中心添加一個較小的20×20像素圓(#434F59)。選擇并分組(Control + G)它們,之后對整個輪子進行分組。

第10步
創建184×184 px圓(#434F59)添加擋泥板,將中心對準車輪,選擇并移除其下半部分進行調整。完成后,使用Control + G鍵盤快捷鍵選擇并將生成的形狀和輪子組合在一起。

第11步
添加前輪的副本(Control + C> Control + F)創建后輪,將其定位在距離較大的輪子88 px的位置。

第12步
使用8 px的直線(#434F59)和幾個較小的矩形(#434F59)將較大的車輪與發動機連接在一起,以下面圖像作為參考。完成后,選擇并組合(Control + G)所有形狀,再繼續下一步。

在火車上添加細節
接下來我們給火車頭添加一些細節,讓我們給火車頭進行潤色。
第1步
使用路徑查找器從車廂部分的矩形右下角切出208×208像素圓圈,將剩余圖形調整到下圖位置。

第2步
給列車的前部添加一些螺栓,創建4×4 px圓點(#434F59)彼此距離4 px完成圖示效果,選擇并將它們進行分組(Control + G)。

完成

