當(dāng)前位置：首頁>ps實例教程>ps繪畫教程>插畫教程>教程內(nèi)容

插圖制作，用PS制作復(fù)古風(fēng)格的火車插圖(4)

來源：站酷作者：尋圖標(biāo) 學(xué)習(xí)：9420人次

本篇教程通過PS制作一款復(fù)古風(fēng)格的火車插圖，教程比較簡單，但是比較長主要用一些基本幾何形狀和工具來創(chuàng)建，喜歡動手的同學(xué)們可以試著嘗試制作一下，有時候同學(xué)們看到比較長的教程不想練習(xí)，其實這是不對的，我們應(yīng)該動手去學(xué)習(xí)，而且開始不管多難，都要做完，這樣才能學(xué)到東西，具體教程來練習(xí)一下吧。

效果圖：

（本教程由尋圖標(biāo)icon.52112.com提供）

設(shè)置新文檔

首先創(chuàng)建一個新文檔（文件>新建或控制+ N），并進(jìn)行以下設(shè)置：

畫板數(shù)量：1

寬度：1200像素

高度：640像素

單位：像素

進(jìn)入“高級”選項卡：

色彩模式：RGB

光柵效果：屏幕（72 ppi）

設(shè)置圖層

創(chuàng)建好了新文檔，接下來創(chuàng)建圖層。

打開“圖層”面板，創(chuàng)建兩個圖層，將其命名如下：

第1層>背景

第2層>火車

創(chuàng)建背景

圖標(biāo)開始之前我們首先創(chuàng)建背景圖層

第1步

選擇矩形工具（M）創(chuàng)建一個1200x640 px矩形，使用＃EA7B54進(jìn)行著色，然后選擇“對齊”面板的“水平”和“垂直對齊中心”選項，將其中心對齊到底層的“畫板”。

第2步

創(chuàng)建一個808x16 px矩形作為鐵軌，使用＃434F59進(jìn)行著色，然后定位距離畫板底部邊緣108 px的位置。

第3步

創(chuàng)建兩個16x16 px圓圈（以綠色突出顯示）并將它們放置在矩形的兩邊，然后使用路徑查找器減去多余部分。

第4步

使用Shift + X鍵盤快捷鍵將生成的形狀轉(zhuǎn)換為輪廓，然后在“筆觸”面板中將“筆觸的權(quán)重”設(shè)置為8 px，將“角”設(shè)置為“圓形”。

第5步

創(chuàng)建17個8x8像素正方形（＃434F59）作為鐵軌上的小螺栓，將彼此間隔調(diào)整為36 px，將它們定位在軌道的下邊緣。然后選擇它們和鐵路使用Control + G鍵盤快捷鍵將它們組合在一起。

第6步

完成了背景的繪制，我們可以鎖定它的圖層然后繼續(xù)進(jìn)行下一步開始構(gòu)建火車的圖層。

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車底盤

完成了鐵軌的繪制，我們就可以開始繪制火車的底盤部分了。

第1步

創(chuàng)建火車底盤的主形狀，首先建立508x16像素的矩形調(diào)整8像素的輪廓（＃434F59），我們將其定位在距離鐵軌左邊緣84像素，上方88像素的位置。

第2步

創(chuàng)建兩個相距4 px的4x4 px圓（＃434F59）給火車底盤上添加第一對螺栓，我們將分組（Control + G），然后定位到底盤的左側(cè)，如參考圖像所示。

第3步

創(chuàng)建六組由兩個4x4 px圓圈（＃434F59）組成的螺栓，放置到參考圖像中的位置。完成后，使用Control + G鍵盤快捷鍵選擇并將所有螺栓和底盤組合在一起。

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車頭的后端

一旦我們完成底盤的工作，我們就可以繪制火車頭的后端了。

第1步

首先創(chuàng)建一個176x112像素的矩形，添加一個8 px的輪廓（＃434F59），將定位它在底盤上方，距離其左邊緣4 px。

第2步

創(chuàng)建24x48像素矩形（＃434F59）放置在先前創(chuàng)建的形狀的左側(cè)，將兩者的邊緣對齊。

第3步

選擇鋼筆工具（P）創(chuàng)建一條”L”形狀8 px的圓角線條（＃434F59）。

第4步

創(chuàng)建8 px輪廓（＃434F59）的64x120 px矩形作為棚頂支柱，調(diào)整到距離下部矩形左邊緣40 px的位置。

第5步

創(chuàng)建一個160x24像素的矩形，使用＃434F59進(jìn)行著色，然后定位到參考圖像中看到的位置。

第6步

創(chuàng)建168x8 px矩形（＃434F59）添加水平的細(xì)節(jié)裝飾，然后在其上方添加9個8x16像素的較小矩形（＃434F59），將彼此間隔調(diào)整為8 px。完成所有形狀后，使用Control + G鍵盤快捷鍵選擇并分組，然后再繼續(xù)下一步。

第7步

創(chuàng)建16x112 px矩形（＃434F59）創(chuàng)建車廂陰影，將其與當(dāng)前部分的右邊緣對齊，然后使用直接選擇工具（A）選擇其左下錨點進(jìn)行調(diào)整，使用“移動”工具向外移動16像素（右鍵單擊>“變換”>“水平”> -16像素）。完成后，使用Control-G鍵盤快捷鍵選擇所有形狀組合在一起。

第8步

創(chuàng)建84x36像素大小8 px輪廓的矩形（＃434F59）創(chuàng)建車廂上的小箱子，將其定位在火車車身上，距離車身左邊緣20 px的位置。

第9步

創(chuàng)建一個較小的84x12像素、8 px的矩形（＃434F59）放置到箱子的上半部分，將其放置到上一個形狀的頂部，使它們的輪廓重疊。

第10步

花一些時間在箱子上添加一些細(xì)節(jié)，例如4x4 px螺栓（＃434F59）和12x16 px鎖（＃434F59），使用參考圖像作為參考。完成后，選擇并分組（Control + G）所有的組成形狀，然后再繼續(xù)下一步。

第11步

創(chuàng)建較小的8x52 px矩形（＃434F59）創(chuàng)建箱子陰影，選擇左下錨點并向外推動8 px（右擊>變換>移動>水平> -8來調(diào)整px）。完成后，將生成的形狀放在箱子邊框的左側(cè)，選擇并將兩者組合在一起（Control + G），然后再轉(zhuǎn)到下一步。

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車的車廂

一旦我們完成了火車后端的工作，我們可以向右移動幾個像素開始創(chuàng)建艙室。

第1步

首先創(chuàng)建一個8 px輪廓（＃434F59）136x232 px矩形，將其定位到機(jī)箱上，確保其左邊緣與前一部分的右邊緣重疊。

第2步

創(chuàng)建一個112x88像素的矩形（＃434F59）添加窗口，將矩形堆疊在一個120x8像素（＃434F59）的矩形上方，將兩個矩形選擇并進(jìn)行分組（Control + G），然后定位在距離車艙中心16 px的位置。

第3步

創(chuàng)建8x28 px矩形作為門把手，使用＃434F59進(jìn)行著色，然后如參考圖像中所示定位到車艙的左側(cè)。

第4步

創(chuàng)建88x88 px方塊制作在門的底部，使用＃434F59進(jìn)行著色，然后將其放置在距離車艙右下角12 px的位置。

第5步

創(chuàng)建一個12x32 px、8 px的矩形（＃434F59）創(chuàng)建門的手柄，我們將其定位在距離機(jī)艙頂部28 px的位置。完成后，使用Control + G鍵盤快捷鍵選擇并分組當(dāng)前繪制的所有形狀。

第6步

創(chuàng)建324x12像素、8 px輪廓的矩形（＃434F59）添加車艙頂部，確保其與列車后端的主要形狀對齊。

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車頭的前半部分

創(chuàng)建好車廂后，我們就可以創(chuàng)建火車頭的前半部分了。

第1步

首先創(chuàng)建一個36x112像素、8 px輪廓的矩形（＃434F59），將它們定位在車艙的右側(cè)。

第2步

創(chuàng)建8 px輪廓64x112像素矩形（＃434F59），然后選擇并將其右上角的錨點向下推動16 px（右鍵單擊>變換>來調(diào)整）移動>垂直> 16像素）。

第3步

創(chuàng)建36x96 px、8 px輪廓的矩形（＃434F59），然后創(chuàng)建64x96像素（＃434F59）和48x96像素（＃434F59）的兩個矩形，將它們定位在參考圖像的位置上。

創(chuàng)建火車車頭組件

接下來給火車頭添加細(xì)節(jié)上的裝飾，讓火車更加具有西方的感覺。

第1步

創(chuàng)建一個8x36像素的矩形（＃434F59），然后在“變換”面板中的“矩形屬性”將頂角的半徑設(shè)置為4像素。完成后，將生成的形狀放在矩形的第一段位置上。

第2步

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

第3步

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

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車的煙囪

接下來我們創(chuàng)建火車的煙囪。

第1步

首先創(chuàng)建一個40x12像素的矩形，使用＃434F59進(jìn)行著色，然后定位到第四段矩形的頂部中心。

第2步

使用48x28像素、8 px輪廓的矩形（＃434F59）添加煙囪的下半身，我們將其定位到第五段矩形的上方。

第3步

創(chuàng)建72 px長8 px寬的線條（＃434F59）添加水平細(xì)節(jié)線，將其對齊前一個形狀的頂端。

第4步

創(chuàng)建48x8px矩形（＃434F59）創(chuàng)建煙囪的陰影，然后使用移動工具選擇并將其左下錨點向下推動8 px的距離進(jìn)行調(diào)整（右鍵單擊>變換>移動>垂直> 8 px）。完成后，將生成的形狀放在當(dāng)前部分的上邊緣，使用Control + G鍵盤快捷鍵選擇并將所有組成形狀組合在一起。

第5步

創(chuàng)建48x140像素、8 px輪廓的矩形（＃434F59）添加煙囪的中間部分，然后選擇并將其頂部錨點向外推動36 px（右擊>變換>移動）進(jìn)行調(diào)整>水平> + / - 36 px）。完成后，將生成的形狀放在上一步煙囪零件的頂部。

第6步

創(chuàng)建8 px輪廓136x32 px大�。ǎ�434F59）的矩形創(chuàng)建煙囪的上部，在其中心處我們將添加136 px寬的8 px厚細(xì)節(jié)線（＃434F59）。選擇并將兩者組合在一起（Control + G），將它們定位在我們上一步中完成的形狀頂部。

第7步

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

第8步

接下來創(chuàng)建五個4x4 px圓（＃434F59）添加煙囪的小螺栓，水平距離為4 px，將創(chuàng)建的圖形進(jìn)行分組（Control-G），然后定位距離中心部分底部4 px邊緣。完成后，使用Control + G鍵盤快捷鍵選擇并組合完成的形狀。

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車的前照燈

接下來，我們創(chuàng)建火車的小型前照燈。

第1步

首先使用28x8 px大小和8 px輪廓的的矩形（＃434F59）創(chuàng)建前照燈的上邊緣，將它定位到列車前端，如參考圖像所示位置。

第2步

在我們剛剛創(chuàng)建的矩形下方添加一個略大的24x60像素矩形（＃434F59），使用Control + G鍵盤快捷鍵選擇并將兩者組合在一起。

第3步

使用24x60 px矩形為燈的后端創(chuàng)建主要形狀，使用＃434F59進(jìn)行著色，然后定位到支撐部分的右側(cè)。

第4步

創(chuàng)建一個8x76像素矩形放置在我們剛剛創(chuàng)建的形狀的右側(cè)，使用＃434F59對其進(jìn)行著色。

第5步

創(chuàng)建16x52像素矩形（#FFFFFF）作為大燈的填充形狀，為構(gòu)圖添加一些顏色，然后將其右錨點向內(nèi)推動8像素的距離進(jìn)行調(diào)整（右鍵單擊>變換>移動>垂直> + / - 8像素）。完成后，將生成的形狀放在先前創(chuàng)建的形狀的右側(cè)。

第6步

使用描邊方法給出我們剛剛創(chuàng)建輪廓的形狀，然后創(chuàng)建它的副本（Control + C），將其粘貼（Control + F）在上一步創(chuàng)建形狀的前面，然后將其顏色更改為＃434F59。將生成的形狀的權(quán)重設(shè)置為8像素，將其角設(shè)置為圓形連接。

第7步

使用8x24像素矩形添加到梯形內(nèi)部，用＃434F59進(jìn)行著色，然后對齊到輪廓右邊緣的中心，使用Control + G鍵盤快捷鍵選擇并將所有三個形狀組合在一起。

第8步

創(chuàng)建8 px的直線（＃434F59）添加支架，以下面圖像為參考，前照燈就完成了。完成后，選擇并分組（Control + G）所有形狀，然后再轉(zhuǎn)到下一步。

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車頭的下部

由于我們已經(jīng)完成了火車上部的工作，現(xiàn)在我們創(chuàng)建它的下半部分。

第1步

創(chuàng)建一個136x36像素的矩形開始處理左側(cè)部分，使用＃434F59進(jìn)行著色，然后將其放置在離車箱左邊緣8 px的位置。

第2步

將12x12像素正方形（＃434F59）添加到我們剛剛創(chuàng)建的形狀的左邊緣。

第3步

創(chuàng)建另一個64x28 px矩形（＃434F59），并將其右下方的錨點向上推動8 px（右擊>變換>移動>垂直> -8 px）進(jìn)行調(diào)整。完成后，將圖形放在較大矩形的右側(cè)。

第4步

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

第5步

接下來開始處理右側(cè)部分，創(chuàng)建一個72x40 px矩形，使用＃434F59進(jìn)行著色，然后定位到車箱的前部。

第6步

接下來創(chuàng)建12x12像素正方形（＃434F59）添加到我們剛剛創(chuàng)建的形狀的右邊緣。

第7步

創(chuàng)建另一個更大的156x20像素矩形，使用＃434F59進(jìn)行著色，然后將其放置在其他兩個形狀下方。

第8步

添加另一個較小的48x24像素矩形，使用＃434F59進(jìn)行著色，然后定位在先前創(chuàng)建的形狀下方，距離其右邊緣20 px。

第9步

完成右側(cè)部分，使用4 px的直線（＃434F59）繪制小管道，以下面圖像為參考。完成后，選擇并將（Control + G）所有組成形狀組合在一起，然后再轉(zhuǎn)到下一部分。

（本教程由尋圖標(biāo)icon.52112.com提供）

創(chuàng)建火車車輪

創(chuàng)建了火車的主體部分，我們就可以添加火車車輪了。

第1步

創(chuàng)建一個88x88 px圓圈開始繪制前輪，使用#FFFFFF對其進(jìn)行著色，然后放置到鐵道的頂部位置。

第2步

調(diào)整我們剛創(chuàng)建的形狀，使用路徑查找器從中心切出一個較小的68x68像素圓（用綠色突出顯示）。

第3步

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

第4步

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

第5步

創(chuàng)建28x28 px圓（#FFFFFF）并添加8 px輪廓（＃434F59）創(chuàng)建輪轂，在其上面添加一個較小的12x12 px圓（＃434F59）。分組（Control + G）三個形狀定位到車輪的中心，然后對整個車輪進(jìn)行分組。

第6步

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

第7步

開始創(chuàng)建中間的大車輪，首先創(chuàng)建一個152x152像素的圓（#FFFFFF）內(nèi)部創(chuàng)建132x132像素的圓圈。給得到的形狀添加8 px的輪廓（＃434F59），然后將內(nèi)部的厚度設(shè)置為4 px。完成后，選擇分組（ctrl+G）兩者，在距離擋泥板76 像素的位置。