AI繪畫(huà)教程,繪畫(huà)車速表盤教程

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

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

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

Step 1

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 2

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

接下來(lái)你需要將這個(gè)形狀居中對(duì)齊。打開(kāi)對(duì)其面板(窗口>對(duì)齊),選擇對(duì)齊到畫(huà)板(如果找不到對(duì)齊到畫(huà)板選項(xiàng),在對(duì)齊面板右上角點(diǎn)擊選擇顯示選項(xiàng))然后垂直水平對(duì)齊。

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

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

Step 1

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

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

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 2

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

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 3

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 4

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 5

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 6

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

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

Step 1

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

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 2

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 3

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 4

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

創(chuàng)建寬刻度線

Step 1

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 2

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 3

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 4

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 5

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

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

在刻度線上添加一些路徑

Step 1

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 2

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 3

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

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 4

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

添加文字

Step 1

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 2

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

制作車程計(jì)表盤支撐點(diǎn)

Step 1

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 2

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

選擇新的副本,下移1像素,選擇副本和原始本,路徑查找器>減去前面。給新得到的路勁填充漸變?nèi)缦聢D所示的設(shè)置;旌夏J綖槿峁

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 3

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 4

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 5

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 6

選中30px的圓。外觀添加1像素的描邊。設(shè)置顏色黑色。外部描邊;旌夏J綖槿峁,不透明度10%。

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 7

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

創(chuàng)建指針

Step 1

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

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

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

Step 2

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

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 3

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

Step 4

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

添加精致的陰影

Step 1

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

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

重新著色

Step 1

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

AI繪畫(huà)教程,繪畫(huà)車速表盤教程_tgudhdp.cn

完成啦~~

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。

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

  • 打開(kāi)ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    萌段子 說(shuō): 動(dòng)手
    琴鍵上的淚水3 說(shuō): 這里教會(huì)了我很多
    大臉貓v5 說(shuō): 超級(jí)感謝樓主,說(shuō)的很詳細(xì)噢!
    我眺望世界的北 說(shuō): 我就是在這學(xué)會(huì)ps的
    紫狼王怒 說(shuō): 不會(huì)做
    純粹的warmth 說(shuō): 做不好
    余悸cc 說(shuō): 太難了
    依賴沉默 說(shuō): 做不出來(lái)呀
    巴特爾2010 說(shuō): 做到后面很沒(méi)耐心
    億網(wǎng)設(shè)計(jì) 說(shuō): 為什么我做不出來(lái)
    吻痕_LOVE 說(shuō): 為什么我做出來(lái)的不是這樣子的?
    相守夢(mèng)傾盡 說(shuō): 感謝樓主
    李林啟 說(shuō): 為什么不是中文啊

網(wǎng)站地圖

ps基礎(chǔ)教程 新手教程 技巧教程 工具教程 通道教程 其它教程 設(shè)計(jì)知識(shí) 設(shè)計(jì)趣事
ps美化教程 磨皮教程 人像精修 美白教程 化妝美容 上色教程
ps調(diào)色教程 人物調(diào)色 風(fēng)景調(diào)色 影樓調(diào)色 調(diào)色效果 Lightroom教程
ps照片處理 效果教程 轉(zhuǎn)手繪 藝術(shù)畫(huà)效 元素效果 懷舊風(fēng)格
ps修復(fù)教程 雜質(zhì)曝光 校正偏色 舊照翻新 ps去水印 清除網(wǎng)紋 模糊銳化
ps摳圖教程 ps換背景 通道摳圖 濾鏡摳圖 其它摳圖 摳透明物 摳頭發(fā)
ps合成教程 照片合成 換臉教程 惡搞圖片 明星合成
ps簽名教程 動(dòng)漫簽 真人簽 風(fēng)景簽 古典簽 頹廢簽 歐美簽 日韓簽 音畫(huà)教程
ps文字教程 普通字效 3D立體字 火焰字 冰雪字 金屬字 可愛(ài)字
ps制作實(shí)例 制作實(shí)例 背景壁紙 海報(bào)設(shè)計(jì) 賀卡設(shè)計(jì) 廣告包裝
ps繪畫(huà)教程 鼠繪教程 手繪教程 五官繪畫(huà) 插畫(huà)教程 數(shù)位板繪畫(huà)教程
ps網(wǎng)頁(yè)設(shè)計(jì) logo教程 按鈕圖標(biāo) 網(wǎng)頁(yè)圖片 UI設(shè)計(jì)教程 網(wǎng)頁(yè)模板 淘寶美工
ps濾鏡特效 濾鏡做圖 濾鏡使用 邊框教程 動(dòng)畫(huà)閃字 動(dòng)畫(huà)教程 閃圖閃字
ps教程版本 cc2015 cc教程 cs6教程 cs5教程