PS制作逼真的立體耳機(jī)圖標(biāo)教程
發(fā)布時(shí)間:2014-01-09 13:44:31 作者:佚名
我要評(píng)論

在這個(gè)教程中,我們會(huì)教你如何在PS中制作逼真的立體耳機(jī)圖標(biāo)教程
在這個(gè)教程中,我們會(huì)教你如何在PS中創(chuàng)建寫實(shí)耳機(jī)圖標(biāo)。
最終的效果

Step 1: 新建文件
打開PS,新建一個(gè)文件,然后設(shè)置參數(shù) (Command/Command/Ctrl + N). 使用下面的參數(shù);
分辨率: 72dpi, 顏色模式 RGB , 尺寸: 600×400 px.

Step 2: 創(chuàng)建背景
應(yīng)用下面的漸變?cè)O(shè)置創(chuàng)建一個(gè)合適的背景(G)

使用漸變工具 (G) 創(chuàng)建一個(gè)背景像下圖所示的那樣。

Step 3: 開始創(chuàng)建耳機(jī)
創(chuàng)建一個(gè)新圖層(Command/Ctrl + Shift + N) 然后使用選擇工具新建一個(gè)選取, 個(gè)人而言我更喜歡用鋼筆工具(P) 因?yàn)榭梢宰龀龈玫倪x區(qū)使用鋼筆, 然后填充這個(gè)圖層使用灰顏色. 我用 #a8a5a0.

使用加深 (O) 和減淡工具 (O)涂抹下圖所示的地方。

你要獲得的圖形像下圖那樣。

Step 4: 增加描邊
倒一個(gè)新層 (Command/Ctrl + Shift + N)畫出一個(gè)路徑像我做的那樣。

單擊右鍵選擇畫筆描邊路徑 (筆刷大小必須是2px左右)

單擊“ok”,描邊路徑做出的效果如下圖所示。

Step 5:創(chuàng)建黑色的描邊
復(fù)制白色的描邊圖層 (Command/Ctrl + J) 然后向右移動(dòng)1px ,使用橡皮擦工具 (E) 讓它看起來舒服一些。

Step 6: 增加投影和高光
選擇 Metal Part 圖層使用加深與減淡工具(O)增加一些投影和高光。讓它更有對(duì)比,突出質(zhì)感。

Step 7:金屬質(zhì)感
新建一個(gè)層, 使用矩形工具填充一個(gè)顏色 (#808080) 像我畫的那樣。

到濾鏡 > 添加噪點(diǎn) > 噪點(diǎn)設(shè)置像下圖所示。

然后是 濾鏡 > 模糊 > 動(dòng)感模糊

Step 8: 固定這個(gè)金屬材質(zhì)
減少剛創(chuàng)建的金屬材質(zhì)的圖層的透明度到15%,然后使用自由變換工具,讓它更好地與下面的圖層貼合。

使用橡皮擦 (E)清除多余的材質(zhì),讓它看起來像下圖所示的那樣。

使用第四步和第五步的技術(shù)創(chuàng)建一個(gè)黑色的和白色的描邊。

使用鋼筆工具(P)創(chuàng)建一個(gè)選區(qū),在金屬材質(zhì)的上部,然后使用加深工具,稍微加深一些。

Step 9: 創(chuàng)建上面部分 創(chuàng)建一個(gè)新層 (Command/Ctrl + Shift + N) 創(chuàng)建一個(gè)路徑(P)想下面圖片所示的那樣。 填充路徑,使用一個(gè)亮灰色 (#c3c3c1) 濾鏡 噪點(diǎn) 添加噪點(diǎn) 使用下圖的設(shè)置 創(chuàng)建一個(gè)新層(Command/Ctrl + Shi

填充路徑,使用一個(gè)亮灰色 (#c3c3c1)

濾鏡 > 噪點(diǎn) > 添加噪點(diǎn) 使用下圖的設(shè)置

創(chuàng)建一個(gè)新層(Command/Ctrl + Shift + N) 使用鋼筆工具(P) 創(chuàng)建一個(gè)路徑。

添加兩個(gè)描邊白色和黑色的然后使用橡皮工具,擦掉不要的部分,讓效果更好些。

復(fù)制上面創(chuàng)建的圖層 (Command/Ctrl + J)把它放在上部的右邊。

Step 11
創(chuàng)建下一個(gè)選取,使用鋼筆工具。

在創(chuàng)建的選取,使用加深工具,添加陰影,到達(dá)加深的目的。

Step 12: 高光
繼續(xù)使用鋼筆工具 (P)

這時(shí)使用減淡工具 (O) 變亮一些,增加一些光,像我所做的那樣。

Step 13
創(chuàng)建一個(gè)新層,使用鋼筆工具創(chuàng)建一個(gè)選取。

填充這個(gè)選取一個(gè)灰色, 我用 #b3b0ab

使用濾鏡 > 噪點(diǎn) > 添加噪點(diǎn) ,使用如下圖的設(shè)置。

Step 14 選取鋼筆工具(P), 創(chuàng)建一個(gè)路徑,右鍵單擊路徑一個(gè)選擇選項(xiàng)。讓這個(gè)選取使用這些設(shè)置。 使用減淡工具 (O) 增加高光, 增加一些數(shù)量多的光在這個(gè)選取. Step 15 創(chuàng)建選取畫出下面的部分。 增加一些陰影, 使用

使用減淡工具 (O) 增加高光, 增加一些數(shù)量多的光在這個(gè)選取.

Step 15
創(chuàng)建選取畫出下面的部分。

增加一些陰影, 使用加深工具(O)

Step 16
創(chuàng)建一個(gè)新層 (Command/Ctrl + Shift + N) 創(chuàng)建下一個(gè)選區(qū)選擇羽化: 0.3 px

填充這個(gè)選取一個(gè)灰色,我使用#97928e 增加一些高光 和陰影在這個(gè)圖層.

繼續(xù)使用加深與減淡工具。

Step 17
繼續(xù)創(chuàng)建一個(gè)選取使用鋼筆工具。

填充這個(gè)選取一個(gè)顏色 #b0ada8

像先前的步驟那樣使用減淡工具(O) 在上面添加一些高光。

下面使用加深工具(O)

Step 18
創(chuàng)建一個(gè)新選區(qū),如我創(chuàng)建的那樣。

填充一個(gè)顏色 #ececec

使用減淡和加深工具在表示的地方。

Step 19:添加描邊 增加一個(gè)2PX 的描邊。 Step 20 Draw a selection like I did in the image below. Dont forget, use Feather Radius: 0.3 px 創(chuàng)建一個(gè)新層, 填充灰色,然后再這個(gè)圖層上面使用加深與減淡工具。 在
Step 19:添加描邊
增加一個(gè)2PX 的描邊。


Step 20
Draw a selection like I did in the image below. Don’t forget, use Feather Radius: 0.3 px

創(chuàng)建一個(gè)新層, 填充灰色,然后再這個(gè)圖層上面使用加深與減淡工具。

在剛剛創(chuàng)建的圖層上面,添加一個(gè)1Px的描邊。

Step 21
創(chuàng)建一個(gè)新圖層,使用選擇工具(羽化: 4-5px)

使用一個(gè)灰色 #cecfca,填充這個(gè)選取。

使用濾鏡 > 噪點(diǎn) > 添加噪點(diǎn)使用下面的設(shè)置。

Step 22:添加一些高光和陰影
繼續(xù),使用加深與減淡工具。

使用加深與減淡工具 (O)添加一些陰影與高光,如下圖標(biāo)示的地方。

Step 23: 更多的陰影
反向選擇 添加更多陰影使用加深工具 (O).

Step 24
在中間的那個(gè)地方, 創(chuàng)建下一個(gè)選取

使用加深工具 或者亮度對(duì)比度創(chuàng)建一些少許的陰影.

創(chuàng)建另一個(gè)選� � 使用加深工具,做出看起來像是3D的那種效果。 Step 25: 更多的光和投影。 在頂部的洞,添加一些光和投影,使用加深與減淡工具。 使用濾鏡 噪點(diǎn) 添加噪點(diǎn)。 Step 26: 左邊的那個(gè) 創(chuàng)建一個(gè)新層(Comma

使用加深工具,做出看起來像是3D的那種效果。

Step 25: 更多的光和投影。
在頂部的洞,添加一些光和投影,使用加深與減淡工具。

使用濾鏡 > 噪點(diǎn) >添加噪點(diǎn)。

Step 26: 左邊的那個(gè)
創(chuàng)建一個(gè)新層(Command/Ctrl + Shift + N)創(chuàng)建一個(gè)下圖所示的選區(qū)。

給這個(gè)選區(qū)填充一個(gè)顏色 #c6c2bf

Step 27: Highlights and Shadows
Make a selection using Pen Tool (P)

使用加深工具(O) 在中間調(diào)那里添加一些陰影。

使用減淡工具 (O) 添加一些光。

Step 28
讓我所做的那樣選擇另外一個(gè)部分。

使用加深工具 (在中間調(diào)) 增加一些陰影。

Inverse the selection (Command/Ctrl + I) and use Dodge Tool (O) to add some light

Step 29: 另一個(gè)金屬材質(zhì)
創(chuàng)建一個(gè)選取,使用鋼筆工具。

填充一個(gè)灰色。

現(xiàn)在有兩種使用漸變工具創(chuàng)建金屬效果 或者是使用加深工具,我選擇后者。

Step 30 創(chuàng)建兩外一個(gè)選區(qū),填充灰色。 添加一些陰影和高光。使用加深與減淡工具。 增加一個(gè)1px的描邊。 Step 31 使用橡皮擦(E)擦去不必要的部分,讓它看起來更滿意。 復(fù)制這個(gè)描邊層。 (Command/Ctrl + J), 讓它向

添加一些陰影和高光。使用加深與減淡工具。

增加一個(gè)1px的描邊。

Step 31
使用橡皮擦(E)擦去不必要的部分,讓它看起來更滿意。

復(fù)制這個(gè)描邊層。 (Command/Ctrl + J), 讓它向下移動(dòng)一個(gè)像素.

Step 32: 陰影
創(chuàng)建一個(gè)新層,在背景層使下一個(gè)選擇使用橢圓選框工具

填充,使用黑色。

Step 33
濾器>模糊>高斯模糊

然后過濾>模糊>動(dòng)態(tài)模糊和使以下設(shè)置

降低不透明度或擦除使用橡皮擦工具(E)讓它看起來更真實(shí)

Final Image

最終的效果

打開PS,新建一個(gè)文件,然后設(shè)置參數(shù) (Command/Command/Ctrl + N). 使用下面的參數(shù);
分辨率: 72dpi, 顏色模式 RGB , 尺寸: 600×400 px.

應(yīng)用下面的漸變?cè)O(shè)置創(chuàng)建一個(gè)合適的背景(G)


創(chuàng)建一個(gè)新圖層(Command/Ctrl + Shift + N) 然后使用選擇工具新建一個(gè)選取, 個(gè)人而言我更喜歡用鋼筆工具(P) 因?yàn)榭梢宰龀龈玫倪x區(qū)使用鋼筆, 然后填充這個(gè)圖層使用灰顏色. 我用 #a8a5a0.



倒一個(gè)新層 (Command/Ctrl + Shift + N)畫出一個(gè)路徑像我做的那樣。



復(fù)制白色的描邊圖層 (Command/Ctrl + J) 然后向右移動(dòng)1px ,使用橡皮擦工具 (E) 讓它看起來舒服一些。

選擇 Metal Part 圖層使用加深與減淡工具(O)增加一些投影和高光。讓它更有對(duì)比,突出質(zhì)感。

新建一個(gè)層, 使用矩形工具填充一個(gè)顏色 (#808080) 像我畫的那樣。



減少剛創(chuàng)建的金屬材質(zhì)的圖層的透明度到15%,然后使用自由變換工具,讓它更好地與下面的圖層貼合。










創(chuàng)建下一個(gè)選取,使用鋼筆工具。


繼續(xù)使用鋼筆工具 (P)


創(chuàng)建一個(gè)新層,使用鋼筆工具創(chuàng)建一個(gè)選取。





創(chuàng)建選取畫出下面的部分。


創(chuàng)建一個(gè)新層 (Command/Ctrl + Shift + N) 創(chuàng)建下一個(gè)選區(qū)選擇羽化: 0.3 px



繼續(xù)創(chuàng)建一個(gè)選取使用鋼筆工具。




創(chuàng)建一個(gè)新選區(qū),如我創(chuàng)建的那樣。



Step 19:添加描邊
增加一個(gè)2PX 的描邊。


Draw a selection like I did in the image below. Don’t forget, use Feather Radius: 0.3 px



創(chuàng)建一個(gè)新圖層,使用選擇工具(羽化: 4-5px)



繼續(xù),使用加深與減淡工具。


反向選擇 添加更多陰影使用加深工具 (O).

在中間的那個(gè)地方, 創(chuàng)建下一個(gè)選取




在頂部的洞,添加一些光和投影,使用加深與減淡工具。


創(chuàng)建一個(gè)新層(Command/Ctrl + Shift + N)創(chuàng)建一個(gè)下圖所示的選區(qū)。


Make a selection using Pen Tool (P)



讓我所做的那樣選擇另外一個(gè)部分。



創(chuàng)建一個(gè)選取,使用鋼筆工具。






使用橡皮擦(E)擦去不必要的部分,讓它看起來更滿意。


創(chuàng)建一個(gè)新層,在背景層使下一個(gè)選擇使用橢圓選框工具


濾器>模糊>高斯模糊




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