利用PS教你如何打造一個金屬音箱

 　　今天的教程或許會讓大家很失望，因為很多東西都沒有寫出來。教程不是應該寫的越詳細越好麼?其實我也想寫的很詳細，但是轉念一想，誰規定非要這麼寫的?我說了方法就好了，一些具體數值什麼的大家自己去調整吧，培養對軟件的感覺，就跟處對象是一樣一樣的。所以大家只需要記得方法就好。源文件會在之後放出來，請大家關注學UI網喲!

　　這次給大家帶來的是100個圖標中“金屬音響”的繪制過程。上次IX男神把其中的《bamboo數位板》圖標放出來給大家臨摹，我發現了一些問題，那麼這些問題在這個圖標的繪制中也會提到，現在大家跟著狼狼的步驟開始做吧，here we go!

　　拆遷隊來拉!

　　表緊張表緊張，我們只是先來把這個圖標分解一下。

　　我們把這個主體分為4個部分。箭頭1是文字部分;箭頭2是燈光部分;箭頭3是隔音板(我也不知道叫啥，就這麼叫吧);箭頭4是箱體。嗯哼，分清楚組成部分之後我們就可以一樣樣的來做了。記得給圖層分組喲!

　　首先當然是從最底下的開始做啦!首先還是新建畫布，快捷鍵是ctrl+n，參數設置如下：

　　PATR1：箱體部分

　　Step1:

　　用圓角矩形工具(注意得是形狀哦)畫一個512×512px，半徑為80px的圓角矩形，放在畫布正中央，並拉幾條參考線來為後面的工作做輔助。

　　(這裡請原諒我用橢圓工具+矩形工具畫了這麼個圓角矩形，是為了拉輔助線方便對齊。希望大家能看懂為什麼這麼拉參考線。)

　　Step2：添加圖層樣式

　　然後添加圖層樣式(漸變疊加+內陰影)，做完之後是這樣的：

　　箱體部分就算做完了，各位跟著做的同學是不是想問：我擦!這就完事了?解說呢?圖樣式呢?漸變怎麼加?我想，這種小小的問題，應該難不倒聰明的小伙伴們吧?所以，狼哥覺得這部分不說也罷(咬我啊)……

　　(小提示：金屬漸變的特征就是高對比，所以在漸變的設置上對比要來開來。還有，漸變的類型選對稱，這樣能省去你很多事，不信你一個個去調整試試?)

　　PART2：隔音板

　　這個隔音板由兩個圓角矩形，這就和之前男神放的作業《bamboo數位板》裡面有類似的地方，很多小伙伴是這樣畫的：

　　正確的是這樣的：

　　是不是下面的比上面的看起來舒服點呢?上面的只是修改了圓角矩形的尺寸，並沒有修改圓角半徑或者半徑改的還不夠正確，那麼怎麼做才能像下面這個毫無違和感捏?。其實方法很簡單，我只說4個字：同心圓!無圖無真相，請看!

　　4個圓角用圓形來做(知道半徑跟直徑的區別吧?別搞錯哦~)，然後用矩形工具來補上空白的地方。這麼畫應該一目了然的吧?只要圓心對齊了，裡面的圓的半徑隨意調整都不會怪怪的。這麼說就簡單了吧?也不用去計算半徑到底是多少了(我連算數都算不好……)。

　　效果開始!

　　Step1：

　　在兩個由圓形和矩形圓角矩形組成的圓角矩形之間新建一層，填充灰色，轉智能對象，執行濾鏡-雜色-添加雜色(這裡填充的顏色和濾鏡的數值我就不說了，理由是希望大家自己去琢磨，培養一下感覺，反正我在做的時候也沒個定論，大家沒必要跟我一模一樣).

　　Step2：

　　aa復制一層，放在上面那個淺色的圓角矩形的上面，然後分別建立剪切蒙版(或者一開始就給這個智能對象做矢量蒙版也OK，怎麼方便怎麼來吧)。

　　Step3：

　　再給上面的圓角矩形添加圖層樣式：斜面浮雕+外發光(黑色的外發光，也可以用投影來代替，怎麼做請開動你的小腦袋來想想，不用可就生銹了喲!)

　　PATR3：燈光及周邊

　　先來做外面這個環，其實嗖衣賊的啦~~~布爾運算即可。然後添加圖層樣式，內陰影+投影(白的的投影哦，很神奇吧!)

　　這一層凹陷的效果我也不說了(我特麼是有多懶)，因為效果太簡單了。建議大家先做正圓，再壓縮成橢圓，注意透視即可。

　　然後用橢圓工具再畫個橢圓，顏色為深灰色(比如#1b1b1b)，將圖層混合模式設置為“柔光”並添加圖層樣式(內陰影+淺色投影)

　　接下來就是燈光部分了，這個方法很多地方能用的到，所以重點來講講。

　　畫個圓，拉好參考線：

　　按alt鍵拉個橢圓出來，別松手，再按shift鍵，變成正圓：

　　自由變換，調整大小和位置(裡外的圓的尺寸建議使用偶數，方便對齊)：

　　不用換圖層，用矩形工具，按alt鍵畫出一個矩形(熟練的同學可以一步到位，可以和下一個步驟連起來同時完成)：

　　自由變換，調整位置及大小：

　　復制黏貼節點，ctrl+t，調整下旋轉的角度(因為這裡是形狀中心旋轉，所以可以不用另外設置旋轉中心點;如果需要重新設置的，按alt鍵就能拖動那個中心點，或在任意處點擊)

　　然後ctrl+alt+shift+t(重復上一次變化)

　　用同樣的方法，畫好另外一個：

　　怎麼樣，是不是很簡單啊?啥?顏色不一樣?自己去調啊!

　　最後同時選中這倆圖層，整體自由變化，稍微變形一下，調整下位置，為了符合透視，然後各自添加圖層樣式(內發光和外發光，沒別的了)：

　　最後再添加中間的一部分東西：

　　還有螺絲(還是釘子?Whatever了)

　　PART4：越努力越幸運

　　這個文字效果怎麼做呢，其實也很簡單的了。

　　Step1：

　　先選擇一個筆畫較粗的字體，然後添加圖層 樣式：斜面浮雕、描邊、漸變疊加(樣式為對稱，混合模式為柔光)。

　　Step2：

　　做完之後，復制一層，除了描邊，去掉另外兩個圖層樣式，把文字顏色改成和描邊一