播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面
再將混合模式改為柔光,這樣高光的樣式基本上也就做好了:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/fiyqnjafa5a.png)
把他們打個組,將之前的圓形復制出來一份拖到組的外面,并且在圖層面板上鼠標右鍵-清除圖層樣式:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/3qqfoxeppat.png)
ctrl+t自由變換縮放到合適的大小:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/awllxfml3md.png)
接著就是制作樣機部分了,拖入CD封面素材,將其轉為智能對象:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/g53xtjyq5bw.png)
將其復制2份出來,1份隱藏,另外一份拖到背景層的上面:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/mszb4wff51i.png)
背景層上的CD封面ctrl+t變換其大小,然后執行濾鏡-模糊-高斯模糊,參數大家看著辦吧:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/qxemjfgo1ie.png)
你想和原圖一樣給背景再調色搞暗點也可以,我這里偷懶就不調了。
然后把紅色方框出的封面對下方的圓形創建剪貼蒙版:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/rsdrotnho0p.png)
再將最上方的專輯封面更名為樣機按鈕,并將不透明度和填充度改為0,這樣樣機部分就做好了:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/3qt1dfs1uib.png)
可以測試一下,雙擊樣機按鈕,更換一張圖以后,ctrl+s保存:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/zhh332rtbhi.png)
再回到原psd文件上看看,封面和背景就已經被替換了:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/1ybm3kg0jcd.png)
查漏補缺一下,原圖唱片應該還加了個外發光:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/x5zwqww4n4x.png)
接著畫桿吧,兩個圓形,一個灰色一個白色:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/u3jjzenq5tm.png)
再用鋼筆工具畫桿,不贅述了,注意描邊大小:
![播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面 播放器制作,用PS加AE制作一個“山寨”網易云音樂播放界面](https://img.lvups.com/d/file/bigpic/2022/12/25/s0wfdgmpkwk.png)
下一篇:PS消失點濾鏡應用實例