01.創(chuàng)建一個(gè)容器圖層
圓角矩形，半徑6px 。
圖層樣式 漸變疊加 線性 90度 從#F9F9FA(頂部)到#EFEFEF(底部)，
添加白色的內(nèi)陰影，距離2px
02.添加投影
給容器圖層添加4px 黑色投影，距離1px，不透明度10%.
添加1px描邊，填充類型為簡(jiǎn)便，從淺到深的漸變，頂部顏色為#C8C8C8，底部顏色自行調(diào)節(jié) 。
03.劃分出按鈕欄
復(fù)制圖層，選擇路徑選擇工具
(A)，選擇矩形路徑 。使用矩形工具畫(huà)出如上圖形狀，記住要按住 shift，然后選擇與形狀區(qū)域相交 。
04. 創(chuàng)建按鈕形狀
移除掉描邊和投影，漸變疊加稍微柔和一點(diǎn)頂部設(shè)為#F0EFEF,底部設(shè)置為#F9FAFA，使用直線工具，
畫(huà)一個(gè)條#DFDFDF的線橫跨容器，再畫(huà)兩條垂直線，不透明度設(shè)置為6% 。
05. 播放圖標(biāo)
自定義形狀工具，畫(huà)一個(gè)尖銳的三角形，填充為#BABABA 。通過(guò)自由變換旋轉(zhuǎn)90度 。
設(shè)置黑色內(nèi)陰影大小1px 距離1px，不透明度40% 。
白色投影 距離1px
06. 快進(jìn)圖標(biāo)
復(fù)制播放圖標(biāo) 。使用自由變換，比例縮放為75%，然后使用路徑選擇工具選擇路徑 。復(fù)制粘貼，然后按住shift，利用鍵盤(pán)的向右鍵再?gòu)?fù)制一個(gè)小三角型 。
07. 倒回圖標(biāo)
使用直線工具，按住shift,為快進(jìn)圖標(biāo)添加1px的垂直線 。
按cmd h來(lái)隱藏路徑 。選擇移動(dòng)工具按住opt cmd，再按住鍵盤(pán)的向左鍵來(lái)復(fù)制圖層 。然后cmd t，右鍵，垂直翻轉(zhuǎn) 。
08. 添加文本
將倒回圖標(biāo)位置放好，讓倒回和快進(jìn)對(duì)稱 。下一步，添加標(biāo)題、時(shí)間和藝術(shù)家名稱，使用字體工具，標(biāo)題和藝術(shù)家要形成對(duì)照，讓標(biāo)題文本圖層的樣色深一點(diǎn) 。
09. 字體圖層樣式
兩行字體圖層樣式均為：投影，距離1px
10. 播放進(jìn)度條
選擇圓角矩形工具，半徑100px，選擇合適的位置畫(huà)出進(jìn)度條 。要有一種深溝狀的質(zhì)感，其中要填充較深的顏色 。
11. 進(jìn)度條的圖層樣式
進(jìn)圖條圖層樣式：白色投影，距離1px，黑色內(nèi)陰影，距離1px，不透明度10% 。漸變描邊#8C8C8C(頂部)到#DFDEDE(底部) 。漸變疊加#CCCCCC(頂部)到#E8E8E8(底部)
12. 當(dāng)前播放進(jìn)度條
復(fù)制進(jìn)度條圖層，用直接選擇工具，選擇三個(gè)最右端的錨點(diǎn) 。按住shift，再同時(shí)按住鍵盤(pán)的向左鍵，來(lái)讓進(jìn)度條右邊緣收縮 。
13. 當(dāng)前播放進(jìn)度條的圖層樣式
將提一個(gè)圖層的圖層樣式拷貝，然后粘貼到當(dāng)前播放進(jìn)度條圖層上，去掉圖層樣式中的投影選項(xiàng) 。
14.進(jìn)度球
推薦閱讀
- 教你ps怎么制作藝術(shù)曲線。
- 我來(lái)分享ps怎么把字體變得毛茸茸。
- 小編教你word文檔如何取消頁(yè)碼。
- 教你如何在excel表格中求和。
- 小編分享谷歌地球如何使用。
- 教你京東怎么打開(kāi)備件庫(kù)。
- 我來(lái)教你如何打開(kāi)嗶哩嗶哩青少年模式。
- 我來(lái)分享微信怎么申請(qǐng)注銷零錢(qián)。
- 小編教你餓了么怎么解綁淘寶。
- 小編教你榮耀x20se如何設(shè)置自動(dòng)開(kāi)關(guān)機(jī)。