Photoshop打造一個簡潔漂亮的語音圖標實例教程
我要評論教程介紹如何快速臨摹一個圖標，思路：先認真分析圖標的構(gòu)成，尤其是一些細節(jié)的構(gòu)造，然后分析一遍各個部分的大致實現(xiàn)方法；最后就是新建文件，從底層開始制作即可。下面一起跟小編來看看教程吧！
最終效果
這個是原圖：
1、下面開始我的制作過程。為了后面的工作更加輕松便捷，所以我把新建的畫布尺寸設(shè)成一個比較好計算的整數(shù)。
2、原圖的背景過于簡單，我畫蛇添足，制作一個iOS風格的背景。新建一層純黑色填充層。
3、新建一層，填充白色。執(zhí)行“濾鏡-雜色-添加雜色”，參數(shù)如圖。
4、濾鏡-模糊-動感模糊。
5、把這個動感模糊層的透明度調(diào)到45%。
6、復制一層，CTRL+T自由變化旋轉(zhuǎn)90度，把透明度調(diào)回100%，圖層混合模式改為“疊加”。
7、畫布四周的“毛邊”看著很不和諧，選中這兩個動感模糊層，CTRL+T自由變化，放大一些，直至毛邊不見為止，背景完成。
8、ctrl+r開啟標尺，在標尺上右鍵選擇百分比。按ALT+V+E快速布置水平和垂直兩條處于中心位置的參考線。
9、為了圖層欄的簡潔以及照顧到以后臨摹方便起見，我把屬于背景的三個圖層打包成組且隱藏。選擇“編輯-首選項-參考線.網(wǎng)格和切片”，把間隔單位設(shè)為20個像素，子網(wǎng)格設(shè)為2，單純設(shè)為10像素的話覺得密密麻麻的不舒服。
10、用“橢圓工具”畫一個直徑為840像素的圓形。為了讓它跟白色的背景區(qū)分開來，我給它設(shè)了一個85%的灰色。
11、按ctrl+’隱藏網(wǎng)格。雙擊這個形狀層，添加投影。我稍微調(diào)整了一下“等高線”，讓這個投影是邊緣收縮一些，再加一點點雜色。
12、再加一個人見人愛的角度漸變，用它來模擬圓形金屬是最好用了。
13、最后是這個金屬圓盤的倒角，斜面浮雕是不二之選。
14、我仔細觀察了原圖，金屬圓盤上似乎有“拉絲”的效果，但不是我們大家習慣使用的雜色+徑向模糊的那種。而是類似于很細很密的同心圓。按D恢復前景色和背景色。新建一層填充白色。選擇濾鏡素描中的半調(diào)圖案。
15、然后極坐標，一個同心圓的拉絲效果出來了。
16、如果你對上面的半調(diào)圖案有異議我認為很正常，因為半調(diào)圖案里有“圓形”的選項，可以直接制作同心圓。但是直接制作出來的同心圓的線條比較粗，我想要一個線條很細，很精致的同心圓，所以選擇直線選項再用極坐標后它的效果比較符合我的要求。最后把這個同心圓的透明度調(diào)到8%左右，隱隱約約能看到就行，繼續(xù)把它剪切蒙版到金屬圓盤?；蛘呓o它一個蒙版也行。
17、接著我要用圖形工具制作圖標中間的麥克風，按ctrl+’開啟網(wǎng)格，先用橢圓工具畫一個15%灰色，比“金屬圓盤”小1.5個網(wǎng)格單位的圓形。
18、繼續(xù)用“減去”模式再畫一個小1.5間隔單位的圓，這樣我得到一個邊寬為1.5間隔單位的圓環(huán)。
19、制作里面的麥克風。打開網(wǎng)格，選用圓角矩形工具，把圓角的直徑盡可能的設(shè)得大一些，比如現(xiàn)在我就是500，用“添加”模式以膠囊狀下半圓直徑為中心畫一個的麥克風支架。
20、繼續(xù)用“減去”模式再畫一個小1.5間隔單位的膠囊，因為網(wǎng)格的“吸附”功能，精確的完成這些都不叫事。
21、用鋼筆裁去上半部的膠囊。不要用矩形工具去裁剪，那樣會把外圍的圓環(huán)也破壞掉。
22、在裁斷的位置再布置一條參考線作為話筒的中心點。畫一個小1.5網(wǎng)格單位的膠囊作為麥克風的話筒。
23、還有下面的底座。
24、添加“內(nèi)陰影”。
25、以及白色的投影。
26、用“創(chuàng)建”模式畫一個小于麥克風話筒半個單位間隔的膠囊。
27、添加圖層樣式中的漸變。
28、淺粉色的投影。
29、最后斜面浮雕是必須的，不過我選用外斜面。
30、畫一個25%灰色大小適中的圓形，ctrl+alt+t移動一段距離后，ctrl+shift+alt+t垂直方向復制一組。
31、橫向錯開一段距離復制一組。
32、繼續(xù)移動復制。
33、不用理會下面的鏤空孔，重新安排一下上面的鏤空孔的位置，多余的可以刪除掉，逐個移動位置不科學的孔，使它們位置符合話筒的半圓形。
34、框選右邊的三排鏤空。把中心點移到垂直參考線上水平復制。
35、雙擊這個圓圈鏤空層，進入圖層樣式，把混合模式改為正片疊底，透明度調(diào)到65%左右。把“圖層蒙版隱藏效果”打鉤。
36、簡單的斜面浮雕。
37、給這個鏤空層添加一個蒙版，讓下半部分漸隱。
38、新建一層，按ctrl點擊鏤空層的矢量蒙版獲得選區(qū)，用畫筆涂抹上面一小部分。
39、取消選區(qū)，ctrl+t自由變化，把中心點設(shè)在話筒的中心水平位置，垂直翻轉(zhuǎn)。
40、高斯模糊1.0，感覺不夠的話可以稍微增大這個數(shù)值。
41、漸漸調(diào)小畫筆的大小和硬度，在鏤空孔的位置點幾下，模擬燈光逐級減弱的效果。
42、新建一層，添加矢量蒙版，把下面的麥克風話筒的路徑復制進來，再用鋼筆刪去一部分，填充白色，減少透明度。模擬玻璃鏡面反光的效果。如果你覺得矢量蒙版麻煩的話完全可以用圖層蒙版。
43、最后一步，新建一層，用硬度為0的400像素大小的畫筆在中心位置點一下，把混合模式改為“濾色”，透明度調(diào)到50。
最終效果：
相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個工具在修圖的時候是比較常用的，下面我們就來看看基礎(chǔ)教程2025-05-01
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡單來說，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨立的，下面我們就來看2025-04-25PS基礎(chǔ)教程之學習應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時候，我們經(jīng)常會在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時可以拿出來使用，該怎么操作呢？詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?；A(chǔ)的操作，但也是非常實用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小，使用起來非常的不方便，因此有不少用戶想將其大小進行調(diào)節(jié)，具體該如何操作呢？詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來看看詳細的解決辦法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-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來看看ps2024安裝圖文教程2023-11-30
