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

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

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

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

效果圖:

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

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

設(shè)置新文檔

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

畫板數(shù)量:1

寬度:1200像素

高度:640像素

單位:像素

進(jìn)入“高級(jí)”選項(xiàng)卡:

色彩模式:RGB

光柵效果:屏幕(72 ppi)

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

設(shè)置圖層

創(chuàng)建好了新文檔,接下來(lái)創(chuàng)建圖層。

打開“圖層”面板,創(chuàng)建兩個(gè)圖層,將其命名如下:

第1層>背景

第2層>火車

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

創(chuàng)建背景

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

第1步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第2步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第3步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第4步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第5步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第6步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

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

創(chuàng)建火車底盤

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

第1步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第2步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第3步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

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

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

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

第1步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第2步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第3步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第4步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第5步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第6步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第7步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第8步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第9步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第10步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

第11步

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

插圖制作,用PS制作復(fù)古風(fēng)格的火車插圖_theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
橙子味2020-07-29 09:23
夢(mèng)的翅膀 發(fā)表于 2020-1-28 14:51
我的作業(yè):畫了蠻久的圖片,很喜歡這種風(fēng)格,這教程也十分詳細(xì),但是個(gè)人感覺有些數(shù)據(jù)還是有點(diǎn)錯(cuò)亂。所以添 ...
你好 我想問(wèn)下ps里面的路徑查找器在哪兒
夢(mèng)的翅膀2020-01-28 02:51
我的作業(yè):畫了蠻久的圖片,很喜歡這種風(fēng)格,這教程也十分詳細(xì),但是個(gè)人感覺有些數(shù)據(jù)還是有點(diǎn)錯(cuò)亂。所以添加了自己的一點(diǎn)風(fēng)格。畫完后的我覺得教程還是蠻簡(jiǎn)單沒什么難度,基本就是畫矩形設(shè)置不同大小,擺放位置。最主要還是要有耐心。嗯最后鼓勵(lì)一下自己加油我很棒。

_e8VDhs2019-01-21 10:08
很不錯(cuò)

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!