今天我們來(lái)教同學(xué)們?nèi)绾卧赑otoshop中創(chuàng)建鍍鉻效果，之后添加一個(gè)超酷的光效，最終合成一個(gè)超炫的電腦發(fā)光主板。教程可以幫同學(xué)們純熟運(yùn)用圖層樣式，如果學(xué)完有不懂的同學(xué)還可以免費(fèi)得到作者的PSD喲，現(xiàn)在就練起來(lái)吧！

學(xué)習(xí)后有不懂的同學(xué)，作者有PSD免費(fèi)分享 →?微盤下載

第1步

打開(kāi)Photoshop，創(chuàng)建新文檔，我使用2880x1800的尺寸，因?yàn)檫@樣就可以把它拿來(lái)當(dāng)作桌面背景。使用油漆桶工具，為背景填充#201E1E顏色。

第2步

新建圖層填充為黑色，然后使用?濾鏡?>?雜色?>?添加雜色。數(shù)量為15%，平均分布以及單色。

第3步

復(fù)制雜色圖層并水平翻轉(zhuǎn)。然后把這兩個(gè)圖層編組，并為組使用圖層樣式。圖層?>?圖層樣式?>?漸變疊加。使用從中灰到深灰的徑向漸變。

第4步

我們可以使用Google Images/找到一些圖片作為我們揚(yáng)聲器或機(jī)箱內(nèi)部的圖像（國(guó)內(nèi)朋友可百度），他們?cè)谠O(shè)計(jì)方面通常超級(jí)棒。我還使用了前段時(shí)間自己做的帶有光照效果的圖像。你可以隨便使用你想要的光照效果。合并所有的圖像然后?圖像?>?圖像調(diào)整?>?色相和飽和度。選擇40色調(diào)，50飽和以及-13亮度。

第5步

我在網(wǎng)上找到一個(gè)類似圓形擴(kuò)音器的圈圈矢量圖，我用這張圖片創(chuàng)建選區(qū)并遮蓋內(nèi)部。

第6步

蓋上之后就是這樣。

第7步

選中你用于創(chuàng)建遮罩的形狀，然后在?圖層?>?圖層樣式?>?混合模式中，把填充不透明度改為0.選擇?斜面與浮雕，使用下圖所示的數(shù)值設(shè)置，然后選擇等高線并把范圍改成56%。最后復(fù)制這個(gè)圖層并把不透明度改為10%。

想學(xué)最新的教程記得來(lái)優(yōu)設(shè)網(wǎng)喲！

第8步

在所有圖層頂端新建圖層并填充黑色。使用畫(huà)筆工具?(B)?畫(huà)一個(gè)暗灰色的大圓（如圖所示）。然后把混合模式改為顏色減淡。

第9步

在圖層?>?新建圖層樣式?>?照片濾鏡。使用暖色調(diào)，30%密度。

第10步

選擇所有圖層并復(fù)制。合并這些新圖層并使用?濾鏡?>?模糊?>?高斯模糊。使用15px半徑，把混合模式改為濾色，70%不透明度。

結(jié)論

現(xiàn)在只要把你的logo用相同的鍍鉻效果加上去，設(shè)計(jì)就做完了?，F(xiàn)在是你來(lái)做自己的圖的時(shí)間了，希望你玩開(kāi)心。

從入門到高級(jí)！UI教程練習(xí)篇！

新手UI練習(xí)趕緊戳！
《PS新手教程！手把手教你用PS創(chuàng)建晶瑩剔透的云朵》

UI達(dá)人的教程在這里！
《PS中級(jí)教程！手把手教你打造超酷炫的宇宙飛船》

一般人畫(huà)不來(lái)的高手教程！
《高手教程！用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭》

原文地址：abduzeedo
優(yōu)設(shè)網(wǎng)譯者：@阿布

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量86萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：