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

ps鼠繪收音機教程(7)

來源:960px 作者:960px 學習:1924人次

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

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

先看看效果圖

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

Step 1

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

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

Step 2

打開圖層樣式,并設置漸變疊加。

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

Step 3

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

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

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

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

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

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

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

Step 4

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

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

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

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

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

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

打開圖層樣式面板,并運用陰影。

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

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

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

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

最后,選擇所有邊框編進一個組。

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

 

Step 5

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

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

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

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

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

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

Step 6

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

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

圖層填充為0%,并應用下面的圖層樣式。

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

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

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

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

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

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

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

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

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

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

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

Step 7

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

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

添加圖層樣式

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

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

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

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

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

Step 8

復制這個圖層里,設置它的大小,增加新的圖層樣式,設置填充為0%。

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

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

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

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

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

 

Step 9

復制這一層,顏色為#c9c8c8,清除先前的層樣式和應用陰影。請確保填圖層填充“被設置為100%。”

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

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

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

Step 10

復制這一層,使其變小一點,并添加如下圖層樣式。

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

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

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

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

Step 11

再次復制圖層層和應用斜面和浮雕,漸變疊加。

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

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

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

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

Step 12

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

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

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

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

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

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

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

Step 13

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

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

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

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

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

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

 

Step 14

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

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

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

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

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

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

Step 15

復制圖層編輯圖層樣式

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

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

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

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

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

Step 16

用矩形工具(U)創(chuàng)建選擇指針,類似像我們在步驟12中那樣(記得設置填充為0%)。

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

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

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

使用文字工具添加文字。

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

Step 17

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

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

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

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

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

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

 

Step 18

下面用Lobster字體,添加名稱

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

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

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

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

Step 19

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

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

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

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

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

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

Step 20

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

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

設置不透明度為35%。

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

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

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

結(jié)論

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

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

 

學習 · 提示

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

關注大神微博加入>>

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