Photoshop制作精致的懷舊木框收音機圖標
站酷 奮小斗L 教程的主要部分都是用圖層樣式來完成的,步驟有點多哦,但是只要勤加練習,會很大程度上提高你的PS水平哦,前輩告訴我們要時刻富有創新精神,而不是單純的模仿喲。 最終效果
規矩先來分析一下,這里我們主要分為三個部分:底座、旋鈕、顯示屏、橫線,大都問題都不大,主要是底座和顯示屏比較麻煩一點,需要用到多個圖層來制作高光效果。
1、首先新建畫布500px*500px畫布,命名為收音機,填充背景顏色#c8beae。 ![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_3.jpg)
2、使用圓角矩形工具繪制一個320px*320px圓角半徑為60px的圓角矩形,顏色設置#d29b4d并命名為底座,添加圖層樣式。 ![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_5.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_6.jpg)
3、現在打開素材,為素材添加圖層樣式并按住ctrl+alt+g鍵創建剪貼蒙版到底座圖層。 ![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_8.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_9.jpg)
4、現在來繪制底座高光,繪制倆個圓角矩形,使用小黑工具單擊選中內步形狀,并減去頂層形狀。 ![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_11.jpg)
5、將混合模式改為濾色,不透明度設置為40%,添加圖層蒙版,擦除不需要的位置。
6、繼續使用圓角矩形工具繪制一個283px*278px圓角半徑為60px的圓角矩形,顏色設置# f8bf86并命名為底座亮色。
7、我們復制一下底座亮色圖層,將顏色設置為#96622f,重新命名為底座暗色,并移動到合適的位置。
8、繼續打開素材,操作同上:為素材添加圖層樣式轉換為智能對象并創建剪貼蒙版到底座暗色。將圖層打組命名為底座。 ![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_16.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_17.jpg)
9、現在我們來繪制顯示屏的位置,用圓角矩形工具繪制一個238px*119px圓角半徑為90px的圓角矩形,顏色設置# a4a29e并命名為顯示屏底座,添加圖層樣式。 ![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_19.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_20.jpg)
10、我們來為顯示屏添加高光位置,用圓角矩形工具繪制一個178px*50px圓角半徑為90px的圓角矩形,顏色設置# ffffff,高斯模糊12px,命名為顯示屏高光。 ![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_22.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_1.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_2.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_3.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_4.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_5.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_6.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_7.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_8.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_9.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_10.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_11.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_12.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_13.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_14.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_15.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_16.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_17.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_18.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_19.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_20.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_21.jpg)
![](https://img.lvups.com/d/file/bigpic/190423/23/jc1803291_22.jpg)