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

ps鼠繪收音機(jī)教程(7)

來源:960px 作者:960px 學(xué)習(xí):1924人次

本教程主要使用Photoshop繪制金屬質(zhì)感的收音機(jī)界面,逼真的淡雅木質(zhì)收音機(jī),看上去就很特想把它畫出來,難道童鞋們不想占為己有嗎?以上就是最終效果圖咯,感興趣的童鞋趁過年放假學(xué)一學(xué)吧。

教程素材:http://pan.baidu.com/s/1jGC2OWA

先看看效果圖

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 1

我們先在Photoshop中,創(chuàng)建一個(gè)新文檔,大小為650*500px分辨率為72像素/英寸

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 2

打開圖層樣式,并設(shè)置漸變疊加。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 3

下面開始制作木紋的材質(zhì),設(shè)置前景色和背景色分別填充#a96d51#e5a889的顏色。創(chuàng)建新新圖層,填充前景色。然后到工具欄選擇 “濾鏡>渲染>纖維”,“差異16”,“強(qiáng)度為55”,然后點(diǎn)擊確定。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

如圖調(diào)用自由變換工具(Ctrl鍵+ T),設(shè)置參考點(diǎn)中間偏左的位置,調(diào)整大小,位置,這樣紋理更加密集。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

現(xiàn)在用自由變換工具,調(diào)整木材大小,并與背景垂直。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 4

復(fù)制這一層(Ctrl鍵+ J),像下面的圖片的位置。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

再次復(fù)制圖層,旋轉(zhuǎn)90度,水平顯示。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

為了讓幾個(gè)木紋更好的拼接融合,要使用多邊形套索工具(L)和進(jìn)行選擇,如下圖所示,然后按Delete清除。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

打開圖層樣式面板,并運(yùn)用陰影。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

復(fù)制這一層,然后垂直翻​​轉(zhuǎn)(編輯>變換>垂直翻轉(zhuǎn)),編輯陰影,改變角度為-90度,并將其向下移動(dòng)完成下面邊框的制作。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

最后,選擇所有邊框編進(jìn)一個(gè)組。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

 

Step 5

在木框圖層下面創(chuàng)建一個(gè)新圖層,選擇使用矩形選框工具(M),并填充#E6E6E6顏色。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

創(chuàng)建圖層在剛剛新建的那個(gè)層之上,創(chuàng)建剪貼蒙版( Ctrl鍵+ Alt + G鍵),填充這個(gè)圖層 黑色。復(fù)位前景色和背景色為黑色和白色(快捷鍵D),添加雜色。改變混合模式為柔光,不透明度設(shè)置為50%。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 6

在這一步,我們將為收音機(jī)添加揚(yáng)聲器。添加新層之上,用橢圓選框工具(M)進(jìn)行選擇,并填充顏色。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

圖層填充為0%,并應(yīng)用下面的圖層樣式。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Ctrl鍵+單擊圖層縮略圖創(chuàng)建選擇,去“選擇>修改>收縮 值為2px。創(chuàng)建新層,填充#c4c4c4顏色

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

下載并安裝l Metal Mesh Patterns-Pack 1 by ~Axertion. 打開圖層樣式, 應(yīng)用斜面和浮雕,漸變疊加,圖案疊加(使用 Hex Metal Mash pattern)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 7

使用橢圓工具(U)填充灰色(#cfcece)如下面的圖像

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

添加圖層樣式

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 8

復(fù)制這個(gè)圖層里,設(shè)置它的大小,增加新的圖層樣式,設(shè)置填充為0%。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

 

Step 9

復(fù)制這一層,顏色為#c9c8c8,清除先前的層樣式和應(yīng)用陰影。請(qǐng)確保填圖層填充“被設(shè)置為100%。”

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 10

復(fù)制這一層,使其變小一點(diǎn),并添加如下圖層樣式。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 11

再次復(fù)制圖層層和應(yīng)用斜面和浮雕,漸變疊加。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 12

讓我們添加指針。調(diào)用矩形工具(U),繪制小矩形,旋轉(zhuǎn),像圖片所示的位置,添加內(nèi)陰影和描邊在圖層樣式面板,設(shè)置填充為0%。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

使用橫排文字工具(T)在四周添加頻率。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 13

現(xiàn)在是時(shí)候添加 電源/音量按鈕。使用橢圓工具(U),設(shè)置填充為0%,并給這個(gè)層圖層樣式。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

 

Step 14

創(chuàng)建另一個(gè)圓(#b6b6b6),有小一些。添加圖層樣式。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 15

復(fù)制圖層編輯圖層樣式

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 16

用矩形工具(U)創(chuàng)建選擇指針,類似像我們?cè)诓襟E12中那樣(記得設(shè)置填充為0%)。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

使用文字工具添加文字。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 17

最后電源LED指示燈。繪制小桔色(#fc973d)圓圈,并添加外發(fā)光,斜面和浮雕和描邊

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

 

Step 18

下面用Lobster字體,添加名稱

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 19

下面增加兩個(gè)小“腳”,我們要完成我們的收音機(jī)。拿起圓角矩形工具(U)半徑設(shè)置為5px顏色褐色(#c37b56)的矩形,只是上面背景層應(yīng)用漸變疊加和斜面浮雕圖層樣式。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

重復(fù)該過程,創(chuàng)建的另一只腳。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

Step 20

我們快完成了!除背景圖層,選擇所有圖層,復(fù)制它們,然后將它們合并到一層,將上述背景層,垂直翻轉(zhuǎn),向下移動(dòng)。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

設(shè)置不透明度為35%。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

添加圖層蒙版,設(shè)置前景色為黑色,并設(shè)置前景色到透明色的漸變屏蔽到底部的圖案。

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

結(jié)論

就是這樣。我希望你從本教程學(xué)到新的東西,我也希望你喜歡它,很開心!

Photoshop繪制逼真寫實(shí)的高質(zhì)感收音機(jī)

 

學(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)回答!