繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

2019-04-11 00:00:00 來源/作者: 自媒體 / 子乘 己有:955人學(xué)習(xí)過

本教程主要使用Photoshop繪制時(shí)尚迷你的網(wǎng)頁播放器教程,一個(gè)很簡單的播放界面。主要是圖層樣式的應(yīng)用,操作絕對(duì)簡單。做完之后,修改顏色神馬的相當(dāng)?shù)目?,?dāng)然直接用色相之類的來修改顏色,我并不贊同,原因嘛,自己想!其實(shí)做完一個(gè)顏色后,直接在源文件里更改圖層樣式,換個(gè)色也花不了多長時(shí)間的。

先看看效果圖

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

首先,新建個(gè)文檔,我用的是400X300像素。創(chuàng)建一個(gè)漸變調(diào)整層,做個(gè)徑向漸變,顏色參數(shù)如下圖。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

用圓角矩形工具畫一個(gè)320X125的圓角矩形,顏色無所謂,我們一會(huì)會(huì)更改。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

為這個(gè)圓角矩形添加一個(gè)圖層樣式。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

OK,接下來,我們復(fù)制一層圓角矩形這個(gè)圖層,右鍵清除掉圖層樣式,按住SHIFT畫一個(gè)矩形,SHIFT這里是增加的意思,保證我們新畫的矩形和圓角矩形是一個(gè)形狀圖層。 然后,將形狀的路徑操作更改為與形狀區(qū)域相交,這樣我們就得到了我們想要的下半部分的形狀了。將形狀顏色設(shè)置為#68ce6b。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

 

下面,我們?yōu)檫@個(gè)下半部分的形狀添加一個(gè)圖層樣式。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

接下來,我們用直線工具,畫一條直線,放到我們剛才的那個(gè)下半部分圖層的頂部位置,設(shè)置顏色為#119915,現(xiàn)在,我們得到如下效果。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

下面,我們用矩形工具,畫一個(gè)正方形,放置在左上角,充當(dāng)專輯圖片的圖片框,并設(shè)置一個(gè)圖層樣式。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程

加上我們的LOGO,沒什么好說的,當(dāng)然,你也可以直接用圖片,創(chuàng)建個(gè)剪貼蒙版,因?yàn)閯偛盼覀冊(cè)O(shè)置了描邊和投影,直接剪貼蒙版的話,圖層樣式是會(huì)保留的。

繪制迷你網(wǎng)頁音樂播放器圖片的PS教程