如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:宝盈平台彩票会员登录 www.gvegm.icu

:繪制迷你網頁音樂播放器圖片的PS教程

當前位置 : 宝盈平台彩票会员登录 > 鼠繪專區 > 正文來源:網絡作者:網絡時間:2019-04-11人氣:

宝盈平台彩票会员登录 www.gvegm.icu 本教程主要使用Photoshop繪制時尚迷你的網頁播放器教程,一個很簡單的播放界面。主要是圖層樣式的應用,操作絕對簡單。做完之后,修改顏色神馬的相當的快,當然直接用色相之類的來修改顏色,我并不贊同,原因嘛,自己想!其實做完一個顏色后,直接在源文件里更改圖層樣式,換個色也花不了多長時間的。

先看看效果圖

繪制迷你網頁音樂播放器圖片的PS教程

首先,新建個文檔,我用的是400X300像素。創建一個漸變調整層,做個徑向漸變,顏色參數如下圖。

繪制迷你網頁音樂播放器圖片的PS教程

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

繪制迷你網頁音樂播放器圖片的PS教程

為這個圓角矩形添加一個圖層樣式。

繪制迷你網頁音樂播放器圖片的PS教程

繪制迷你網頁音樂播放器圖片的PS教程

繪制迷你網頁音樂播放器圖片的PS教程

繪制迷你網頁音樂播放器圖片的PS教程

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

繪制迷你網頁音樂播放器圖片的PS教程

 

下面,我們為這個下半部分的形狀添加一個圖層樣式。

繪制迷你網頁音樂播放器圖片的PS教程

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

繪制迷你網頁音樂播放器圖片的PS教程

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

繪制迷你網頁音樂播放器圖片的PS教程

繪制迷你網頁音樂播放器圖片的PS教程

加上我們的LOGO,沒什么好說的,當然,你也可以直接用圖片,創建個剪貼蒙版,因為剛才我們設置了描邊和投影,直接剪貼蒙版的話,圖層樣式是會保留的。

繪制迷你網頁音樂播放器圖片的PS教程

接下來,我們開始做播放的進度條,首先用圓角矩形工具畫一個長條的圓角矩形,設置顏色為#d0d0d0,并添加一個圖層樣式。

繪制迷你網頁音樂播放器圖片的PS教程

繪制迷你網頁音樂播放器圖片的PS教程

繪制迷你網頁音樂播放器圖片的PS教程

回頂部
蚂蚁pt 快乐10分投注技巧 欢乐生肖投注技巧 分分彩怎么压稳赚不亏 大赢家足球即时比分蠃 11选五5技巧稳赚 pk10和值稳赚法 平特一尾公式 快乐时时官方网址 彩票51计划app下载 全天飞艇计划稳赢据 贝通比牛牛手机版 极速赛车哪种打法稳赚 欢乐生肖综合走势图 稳赚六肖公开验证 快乐时时计划软件