ps設(shè)計(jì)音樂播放器教程(2)

來源:優(yōu)設(shè) 作者:佚名 學(xué)習(xí):11570人次

使用直線工具,按住shift,為快進(jìn)圖標(biāo)添加1px的垂直線。按cmd+h來隱藏路徑。選擇移動工具按住opt+cmd,再按住鍵盤的向左鍵來復(fù)制圖層。然后cmd+t,右鍵,垂直翻轉(zhuǎn)。

08. 添加文本

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

將倒回圖標(biāo)位置放好,讓倒回和快進(jìn)對稱。下一步,添加標(biāo)題、時間和藝術(shù)家名稱,使用字體工具,標(biāo)題和藝術(shù)家要形成對照,讓標(biāo)題文本圖層的樣色深一點(diǎn)。

09. 字體圖層樣式

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

兩行字體圖層樣式均為:投影,距離1px

10. 播放進(jìn)度條

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

選擇圓角矩形工具,半徑100px,選擇合適的位置畫出進(jìn)度條。要有一種深溝狀的質(zhì)感,其中要填充較深的顏色。

11. 進(jìn)度條的圖層樣式

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

進(jìn)圖條圖層樣式:白色投影,距離1px,黑色內(nèi)陰影,距離1px,不透明度10%。漸變描邊#8C8C8C(頂部)到#DFDEDE(底部)。漸變疊加#CCCCCC(頂部)到#E8E8E8(底部)

12. 當(dāng)前播放進(jìn)度條

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

復(fù)制進(jìn)度條圖層,用直接選擇工具,選擇三個最右端的錨點(diǎn)。按住shift,再同時按住鍵盤的向左鍵,來讓進(jìn)度條右邊緣收縮。

13. 當(dāng)前播放進(jìn)度條的圖層樣式

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

將提一個圖層的圖層樣式拷貝,然后粘貼到當(dāng)前播放進(jìn)度條圖層上,去掉圖層樣式中的投影選項(xiàng)。

14.進(jìn)度球

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

選擇橢圓工具,按住Shift,畫出一個進(jìn)度球。圖層樣式和當(dāng)前播放進(jìn)度條一樣,拷貝自第一個容器圖層。(不過這次要保留投影)

15. 仔細(xì)調(diào)整

Photoshop設(shè)計(jì)簡潔大氣的音樂播放器

復(fù)制進(jìn)度球圖層,縮小到20%,圖層樣式可拷貝自整體進(jìn)度條圖層。然后可適當(dāng)調(diào)整描邊。

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!