PS教程!手把手教你繪制精致酷炫的電腦發光主板

今天我們來教同學們如何在Potoshop中創建鍍鉻效果,之后添加一個超酷的光效,最終合成一個超炫的電腦發光主板。教程可以幫同學們純熟運用圖層樣式,如果學完有不懂的同學還可以免費得到作者的PSD喲,現在就練起來吧!

學習后有不懂的同學,作者有PSD免費分享 →?微盤下載

第1步

打開Photoshop,創建新文檔,我使用2880x1800的尺寸,因為這樣就可以把它拿來當作桌面背景。使用油漆桶工具,為背景填充#201E1E顏色。

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第2步

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

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第3步

復制雜色圖層并水平翻轉。然后把這兩個圖層編組,并為組使用圖層樣式。圖層?>?圖層樣式?>?漸變疊加。使用從中灰到深灰的徑向漸變。

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第4步

我們可以使用Google Images/找到一些圖片作為我們揚聲器或機箱內部的圖像(國內朋友可百度),他們在設計方面通常超級棒。我還使用了前段時間自己做的帶有光照效果的圖像。你可以隨便使用你想要的光照效果。合并所有的圖像然后?圖像?>?圖像調整?>?色相和飽和度。選擇40色調,50飽和以及-13亮度。

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第5步

我在網上找到一個類似圓形擴音器的圈圈矢量圖,我用這張圖片創建選區并遮蓋內部。

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第6步

蓋上之后就是這樣。

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第7步

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

想學最新的教程記得來優設網喲!

PS教程!手把手教你繪制精致酷炫的電腦發光主板

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第8步

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

PS教程!手把手教你繪制精致酷炫的電腦發光主板

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第9步

在圖層?>?新建圖層樣式?>?照片濾鏡。使用暖色調,30%密度。

PS教程!手把手教你繪制精致酷炫的電腦發光主板

第10步

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

PS教程!手把手教你繪制精致酷炫的電腦發光主板

結論

現在只要把你的logo用相同的鍍鉻效果加上去,設計就做完了。現在是你來做自己的圖的時間了,希望你玩開心。

PS教程!手把手教你繪制精致酷炫的電腦發光主板

從入門到高級!UI教程練習篇!

新手UI練習趕緊戳!
《PS新手教程!手把手教你用PS創建晶瑩剔透的云朵》

UI達人的教程在這里!
《PS中級教程!手把手教你打造超酷炫的宇宙飛船》

一般人畫不來的高手教程!
《高手教程!用Ps制作細節完美的Apple Aperture鏡頭》

原文地址:abduzeedo
優設網譯者:@阿布

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量86萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程!手把手教你繪制精致酷炫的電腦發光主板

收藏 2
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。