Photoshop制作簡單的木質(zhì)立體音響圖標(biāo)
優(yōu)設(shè)網(wǎng) 發(fā)布時間:2016-03-14 11:21:01 作者:P大點(diǎn)S
我要評論

今天小編教大家使用Photoshop制作簡單的木質(zhì)音響圖標(biāo),教程很簡單,喜歡的朋友可以一起來學(xué)習(xí)
制作圖標(biāo)之前,先認(rèn)真分析圖標(biāo)的構(gòu)成。然后由底層開始慢慢制作,用形狀工具畫出形狀,再用圖層樣式增加質(zhì)感和顏色即可。
最終效果

1、新建一個1000×1000 px 的畫布,填充顏色#7b7776。

2、創(chuàng)建一個512×512像素,圓角半徑為90px的圓角矩形,并置入木紋素材,然后在圖層面板中,按住ALT點(diǎn)擊木紋圖層和圓角矩形圖層的交界,創(chuàng)建剪貼蒙版。


3、給“圓角矩形1”圖層添加內(nèi)陰影和投影。


4、在“木紋”圖層上面新建一個圖層,填充顏色#5f543f,混合模式改為正片疊底,透明度為70%,并創(chuàng)建剪貼蒙版。

5、音箱的立面就做好了。接下來創(chuàng)建一個512×460,圓角半徑為90px的圓角矩形,并和“圓角矩形1”左對齊和頂對齊,然后將木紋復(fù)制一層,在新的圓角矩形上建立剪貼蒙版。 如果是Photoshop的版本是CC,就可以直接復(fù)制一層“圓角矩形1”,然后CTRL+T變換大小。CC以前的版本變形的時候會損失圓角,所以只能創(chuàng)建形狀。

6、給“圓角矩形2”添加內(nèi)陰影和投影。


7、給“木紋 拷貝”圖層疊加一個10%的黑白漸變。


8、CTRL+J復(fù)制一層“圓角矩形2”,然后將圖層移動到木紋圖層上面,CTRL+T變換大小,記得同時按住SHIFT和ALT,縮放90%,然后添加圖層樣式。




9、接下來做音孔,新建一個256×256的圓,調(diào)整位置,添加圖層樣式。
最終效果

1、新建一個1000×1000 px 的畫布,填充顏色#7b7776。

2、創(chuàng)建一個512×512像素,圓角半徑為90px的圓角矩形,并置入木紋素材,然后在圖層面板中,按住ALT點(diǎn)擊木紋圖層和圓角矩形圖層的交界,創(chuàng)建剪貼蒙版。


3、給“圓角矩形1”圖層添加內(nèi)陰影和投影。


4、在“木紋”圖層上面新建一個圖層,填充顏色#5f543f,混合模式改為正片疊底,透明度為70%,并創(chuàng)建剪貼蒙版。

5、音箱的立面就做好了。接下來創(chuàng)建一個512×460,圓角半徑為90px的圓角矩形,并和“圓角矩形1”左對齊和頂對齊,然后將木紋復(fù)制一層,在新的圓角矩形上建立剪貼蒙版。 如果是Photoshop的版本是CC,就可以直接復(fù)制一層“圓角矩形1”,然后CTRL+T變換大小。CC以前的版本變形的時候會損失圓角,所以只能創(chuàng)建形狀。

6、給“圓角矩形2”添加內(nèi)陰影和投影。


7、給“木紋 拷貝”圖層疊加一個10%的黑白漸變。


8、CTRL+J復(fù)制一層“圓角矩形2”,然后將圖層移動到木紋圖層上面,CTRL+T變換大小,記得同時按住SHIFT和ALT,縮放90%,然后添加圖層樣式。




9、接下來做音孔,新建一個256×256的圓,調(diào)整位置,添加圖層樣式。

相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30