當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI繪畫教程,繪畫車速表盤教程

來源:優(yōu)設(shè) 作者:六層樓那么高 學(xué)習(xí):5647人次

今天這枚教程會用到不少基礎(chǔ)工具和技巧,文章內(nèi)包含大量快捷鍵提示,新手可以很方便地熟練起來,而且每個步驟的細(xì)枝末節(jié)(關(guān)鍵數(shù)值、具體操作等)都有寫出來,練手再好不過咯。

作者微信公眾號:六層樓那么高,歡迎關(guān)注。

創(chuàng)建新文檔,添加一個簡單的背景

Step 1

Ctrl+N創(chuàng)建新文檔,單位項選擇像素。寬高600像素。點開高級選項,選擇RGB模式,分辨率72像素。使新建像素與網(wǎng)格對齊為未選擇狀態(tài)。確定。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 2

選擇矩形工具,設(shè)置前景色(34,32,44),在畫板上右擊彈出矩形設(shè)置框。寬高設(shè)置610px。

接下來你需要將這個形狀居中對齊。打開對其面板(窗口>對齊),選擇對齊到畫板(如果找不到對齊到畫板選項,在對齊面板右上角點擊選擇顯示選項)然后垂直水平對齊。

最后打開圖層面板,打開現(xiàn)存的圖層,雙擊,修改名稱為”bg”。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

創(chuàng)建車程計的主要框架

Step 1

選擇橢圓工具在畫板上單擊,打開橢圓窗口。創(chuàng)建直徑260px的橢圓。

確保橢圓為選中狀態(tài),打開漸變窗口,角度:90.右邊色值為(64,62,74),然后設(shè)置左側(cè)色值(123,160,117)設(shè)置此色值位置為15%。

使用對其工具將此橢圓至于畫板中心。更改圖層名字為“mainBack”

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 2

選中mainBakc圖層,打開外觀面板,選中可見文件,打開不透明度面板設(shè)置不透明度為50%

回到外觀面板,確認(rèn)文件還是選中狀態(tài)。效果>路徑>位移路徑。輸入10Px的位移值,確定。效果>模糊>高斯模糊。輸入15,確定。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 3

選擇“mainBack”,回到外觀文件,添加新填色,如圖修改新填色的漸變。設(shè)置透明度15%,效果>路徑>位移路徑,10px位移,確定。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 4

使用橢圓工具創(chuàng)建一個260px的圓,顏色為(34,32,44)。垂直水平居中,將圖層呢個更名為”mainFont”。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 5

選中mainFont圖層,外觀面板選擇所有圖層,效果>風(fēng)格化>內(nèi)測光暈。輸入如下圖所示數(shù)值。點擊OK。效果>風(fēng)格化>陰影。輸入如下圖所示數(shù)值。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 6

選擇mainFont形狀,外觀面板中,選擇添加新填色。選擇此新填色,設(shè)置顏色為黑色,降低不透明度10%,混合模式改為正片疊底,效果>路徑>位移路徑,輸入-1px的位移。效果>藝術(shù)化>膠片顆粒,輸入下圖所示數(shù)值。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

制作細(xì)線指標(biāo)

Step 1

視圖>顯示網(wǎng)格,對齊到網(wǎng)格(視圖>對齊到網(wǎng)格),作為一個初級者,你需要一個單位為5px的網(wǎng)格。編輯>首選項>參考線和網(wǎng)格,網(wǎng)格間距為5,則網(wǎng)格為1。

鋼筆工具,創(chuàng)建兩個垂直的10px的路徑,如圖所示放置。對齊到網(wǎng)格會簡化你的工作。為這兩個路徑添加2pt的描邊。設(shè)置顏色(1,212,68)。選擇兩個路徑,Ctrl+G組合他們。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 2

選中這個組合,效果>扭曲與變形>變相。輸入如下圖所示參數(shù)。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 3

再次選擇這個組合,對象>擴展外觀,對象>路勁>描邊輪廓。確保最終結(jié)果組是選擇狀態(tài),shift+Ctrl+G取消組合。使用選擇供選擇如下圖所示的11個組,刪除它們。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 4

選擇其中一組刻度線,選擇>相同>外觀,當(dāng)所有刻度線都被選中,路徑查找器面板,點擊聯(lián)集。然后Ctrl+8(或者對象>復(fù)合路徑>簡化)將這些刻度線轉(zhuǎn)化成簡單的復(fù)合路勁。更名此圖層為”thinLines”.

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

創(chuàng)建寬刻度線

Step 1

使用鋼筆工具,創(chuàng)建兩個垂直線,15px的路徑,如圖所示放置。添加4pt的描邊,顏色(1,212,68),組合他們Ctrl+G.

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 2

選中剛才的組合,效果>扭曲變形>變形。輸入如下圖所示的數(shù)值。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 3

重新選擇這個組合。對象>擴展>外觀,對象>路徑>外描邊,然后Shift+Ctrl+G兩次撤銷組合。使用選擇工具,如圖所示選擇高亮的三個形狀,刪除它們。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 4

選擇剩下的十三個厚刻度,在路徑查找器面板點擊聯(lián)集,Ctrl+8.更名此圖層為“thickLines”

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 5

選擇“thickLines”復(fù)合路勁,在外觀面板中,添加新填色。選中新填色,填充顏色(0,255,0)

效果>路徑>偏移路徑,輸入-1px。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

在刻度線上添加一些路徑

Step 1

影藏網(wǎng)格,撤銷對齊到網(wǎng)格選項。使用橢圓工具,畫一個225px大小的圓,垂直水平居中。外觀面板,填充色為無,添加5pt的描邊,顏色為(1,212,68).效果>路徑>偏移路徑,輸入值-2.5px.對象>擴展>外觀。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 2

選擇在上一步制作的描邊,對象>路徑>添加錨點。使用直接選取工具,選擇如下圖中標(biāo)出的錨點,刪除它們。對象>路徑>輪廓描邊

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 3

選擇”thickLines”復(fù)合路徑,對象>路徑>偏移路徑,輸入2px偏移。將這個路徑置于最前(Shift+Ctrl+]).然后跟之前創(chuàng)建的路徑一起選擇,路徑查找器>減去前面。

將結(jié)果形狀轉(zhuǎn)化為復(fù)合路徑(Ctrl+8),然后將其更名為”intervals”

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 4

選擇“intervals”復(fù)合路徑,外觀面板>添加新填色,設(shè)置顏色(24,22,34)。效果>路徑>偏移路勁。輸入-2px.

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

添加文字

Step 1

文字工具,打上”km/h”使用“MoolBoran”字體,大小20pt

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 2

添加如圖所示的文字。大小18pt.組合所有文字。命名為”text”

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

制作車程計表盤支撐點

Step 1

使用橢圓工具創(chuàng)建一個30px的圓。為他添加一個如下圖所示的漸變。處置水平居中。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 2

編輯>首選項>常規(guī),設(shè)置鍵盤增量單位為1px。選擇30像素的橢圓狀,對象>路徑>偏移路徑。添加-1px.復(fù)制一份置于前面(Ctrl+C>Ctrl+F)

選擇新的副本,下移1像素,選擇副本和原始本,路徑查找器>減去前面。給新得到的路勁填充漸變?nèi)缦聢D所示的設(shè)置。混合模式為柔光

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 3

再次選擇30像素圓,復(fù)制兩份(Ctrl+C>Ctrl+F>Ctrl+F).選擇最上一層,下移1像素.選擇兩個副本,路徑查找器>減去前面,填充結(jié)果路徑為白色降低不透明度25%,混合模式柔光。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 4

選擇30像素圓,外觀面板,選擇填充層,效果>風(fēng)格化>內(nèi)發(fā)光,輸入如下圖所示的參數(shù)。再次添加陰影。參數(shù)如下。再一次添加陰影。然后第三次添加。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 5

選擇30px的圓。外觀>添加新填色。添加如圖所示的漸變。效果>路徑>偏移路徑。輸入-10px的偏移量。確定。效果>風(fēng)格化>陰影,輸入如下參數(shù)。然后再一次添加陰影。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 6

選中30px的圓。外觀添加1像素的描邊。設(shè)置顏色黑色。外部描邊。混合模式為柔光,不透明度10%。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 7

選擇30像素的圓和在途中高亮出的路徑組成組(Ctrl+G)。在圖層面板更名為”support”

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

創(chuàng)建指針

Step 1

恢復(fù)顯示網(wǎng)格,對齊到網(wǎng)格,編輯>首選項>參考線&網(wǎng)格,輸入每個網(wǎng)格1像素大小。

使用矩形工具創(chuàng)建一個10*105像素大小的形狀。填充顏色(39,170,225),如圖所示放置。使用直接選取工具。選擇左邊錨點往右移動3像素,右邊的錨點同樣往左移動3px.

使用橢圓工具創(chuàng)建一個4像素的圓,填色(39,170,225)。如下圖所示放置。選擇所有在這一步創(chuàng)建的路徑點擊路徑查找器上的聯(lián)集。更名為”needle”。

Step 2

將”needle”移到”support”下面去,確認(rèn)選中藍(lán)色圖層。外觀,填充顏色為(249,41,27)

接下來,給這個路徑添加新填充色,如圖所示的漸變。效果>路徑>偏移路徑。輸入-3px,確認(rèn)。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 3

選擇”needle”路徑使用旋轉(zhuǎn)工具。抓住如圖所示標(biāo)出來的點,然后旋轉(zhuǎn)到如第二張圖所示。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

Step 4

選擇”needle”層,如圖所示給他添加四層陰影。

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

添加精致的陰影

Step 1

使用橢圓工具創(chuàng)建一個260像素的圓,使用如圖所示漸變填充,降低透明度35%.

垂直水平居中,將該圖層命名為”shading”

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

重新著色

Step 1

選擇”thinLines”,”thickLines”和”intervals”復(fù)合路徑,填色(1,212,68)和(144,195,221)和(0,255,0)和(0,255,255)

AI繪畫教程,繪畫車速表盤教程_www.theoat.com.cn

完成啦~~

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

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

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