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

ps設(shè)計(jì)木質(zhì)計(jì)數(shù)器教程(5)

來源:百度貼吧 作者:情非得已 學(xué)習(xí):10703人次

本教程主題使用Photoshop繪制木質(zhì)透明效果的計(jì)數(shù)器,教程中運(yùn)用到了鼠繪和合成的步驟,教程難度一般,推薦過來和思緣的朋友們一起分享學(xué)習(xí)了,喜歡的朋友一起來學(xué)習(xí)吧。

先來看看最終的效果圖吧:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

教程用到的素材:

木紋素材:木紋1:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

木紋2:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

具體的制作步驟如下:

1.新建大小為580*435的畫布,如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

2.打開素材木紋1,將木紋1的背景圖層使用移動(dòng)工具拖動(dòng)到剛剛新建計(jì)數(shù)器窗口中,此時(shí)木紋2圖層的名字已經(jīng)變成圖層1,我們將拖動(dòng)進(jìn)來的圖層重新命名為木紋13.雙擊木紋1圖層調(diào)出圖層樣式窗口,圖層樣式設(shè)置如圖,接著按確定。 4.開始繪制木板,新建一個(gè)組名為木板(將圖層裝到組內(nèi)可以使圖層面板看起來不那么混亂),在木板組里新建一個(gè)圖層,名為"側(cè)面"吧。使用矩形工具(*注意,這里不是矩形選框工具而是矩形工具,使用路徑的原因是因?yàn)槿绻绣e(cuò)誤方便修改。)框出一個(gè)長方形,(*注意,這里是使用形狀圖層而不是路徑,如下圖:)

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

填充顏色#eabe88。此時(shí)效果如下圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

 

5.現(xiàn)在給側(cè)面圖層添加紋理。將素材木紋2按照第一步的方式弄到"側(cè)面"圖層上方,同樣的,將圖層1改名為木紋2,按Ctrl+T使用自由變換命令將木紋2圖層旋轉(zhuǎn)90°,然后按Alt鍵拖拽變形框左側(cè)中間的按鈕向左拉,直到覆蓋整個(gè)畫布,然后按回車執(zhí)行,如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

6.按住Ctrl點(diǎn)擊側(cè)面圖層的蒙版略縮圖載入選區(qū),接著選中木紋2圖層,點(diǎn)擊圖層面板下方的添加圖層蒙版按鈕給圖層2添加蒙版,然后按Ctrl+Shift+U將木紋2圖層去色(*這里注意,應(yīng)該選中木紋2圖層的略縮圖再執(zhí)行去色命令,不是選中蒙版的略縮圖)(不知道為什么樓主按組合鍵沒有反應(yīng)TAT,這時(shí)使用圖像——調(diào)整——去色效果也是一樣的~~),將木紋2圖層的混合模式改為柔光,此時(shí)效果如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

7.調(diào)出側(cè)面圖層的圖層樣式,圖層樣式設(shè)置如下:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

8.再在側(cè)面圖層下方新建一個(gè)圖層,名為"表面"吧。用矩形工具繪制出一個(gè)填充#eec592的矩形,使用透視變形為梯形,然后再次將木紋2素材拖到表面圖層的上方改名為木紋3,使用自由變換命令將木紋3旋轉(zhuǎn)90°,使用透視使木紋的方向與表面圖層方向基本一致,然后使用自由變換使木紋3覆蓋畫布,如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

9.接著對(duì)木紋3進(jìn)行去色添加蒙版以及修改混合選項(xiàng)為柔光,然后設(shè)置表面圖層的圖層樣式,設(shè)置如下圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

此時(shí)木板的效果已經(jīng)出來了。 10.新建一個(gè)圖層,名為繩子,使用鋼筆工具繪制出一條略傾斜的路徑,如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

 

11.設(shè)置前景色為黑色,將畫筆工具的直徑和硬度飯別調(diào)為1px和100%,接著描邊路徑,描邊工具為畫筆,不勾選模擬壓力。然后將繩子的不透明度改為50%,F(xiàn)在繪制繩子的影子,新建圖層名為影子畫出一條如圖的路徑然后保持畫筆剛剛的數(shù)值,再次描邊,將影子的不透明度改為30%,然后添加一個(gè)與影子方向相同的由黑到白的漸變蒙版,復(fù)制繩子和影子圖層,執(zhí)行水平翻轉(zhuǎn)命令,然后移動(dòng)到適合的位置就好了,效果如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

12.現(xiàn)在開始為木板添加影子,在木板組最下方新建一個(gè)組,在這個(gè)組里新建一個(gè)圖層,名為影子1,使用矩形選框工具選出如下圖的選區(qū):

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

填充黑色,然后添加一個(gè)由白到黑的蒙版,此時(shí)效果如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

13.再次新建一個(gè)名為影子2的圖層,選出一個(gè)如下圖的選區(qū):

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

填充黑色,添加由白到黑的蒙版,將圖層的不透明度改為30%,這時(shí)木板已經(jīng)制作完成了,效果如圖:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

14.在木板組外新建一個(gè)名為計(jì)數(shù)器的組,在計(jì)數(shù)器組內(nèi)新建一個(gè)名為計(jì)數(shù)器背景的圖層,使用圓角矩形工具繪制一個(gè)半徑為7的圓角矩形,這里同樣是形狀圖層而不是路徑,填充顏色無所謂,將計(jì)數(shù)器背景圖層的填充改為0%,然后為其設(shè)置圖層樣式:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

 

15.接著繪制數(shù)字背景。在計(jì)數(shù)器組內(nèi)新建一個(gè)組,使用半徑為5顏色為黑色的圓角矩形工具繪制兩個(gè)數(shù)字背景,然后將填充改為38%,設(shè)置圖層樣式如下:

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

這也是上一樓的圖層樣式。

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

16.使用文字工具打上黑色字符,將數(shù)字符的不透明度改為60%,接著勾選圖層樣式中的投影,顏色為白色混合模式為正常,角度為-90°,不勾選使用全局光,距離1,大小0,其他不變。17.最后做一下裝飾即可。 樓主個(gè)人覺得做得小一點(diǎn)會(huì)更好看~~

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制木質(zhì)紋理的計(jì)數(shù)器教程,PS教程,16xx8.com教程網(wǎng)

 

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

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

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

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