當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

PS教程繪制一個(gè)質(zhì)感的音樂播放器(3)

來源:UI設(shè)計(jì) 作者:佚名 發(fā)布 學(xué)習(xí):1473人次

6、在原圓角矩形內(nèi)側(cè)繪制一個(gè)矩形并添加漸變樣式,漸變從303A44到4A5968,在該矩形上方加一條1PX白色線,透明度為54%,下方加1PX高光,再在該矩形內(nèi)

加一長條白色區(qū)域,透明度為3%,效果如下:

按此在新窗口瀏覽圖片

CTRL+這個(gè)矩形,出現(xiàn)這個(gè)矩形的選區(qū),新建一層,用白色柔光畫筆點(diǎn)一下,繪制了該矩形的高光。

按此在新窗口瀏覽圖片

7、下面添加中心文字,左邊數(shù)字我用的字體是DS-Digital,還有一些大家看的明白的我就不詳細(xì)說了,不然這個(gè)教程明年也寫不完。

按此在新窗口瀏覽圖片

進(jìn)度條和拖動按鈕的詳細(xì)參數(shù)見下,進(jìn)度條的圖層樣式參數(shù),1PX描邊顏色為#4A545D,就不截 圖了,拖動按鈕加一個(gè)內(nèi)發(fā)光和描邊就行了。

按此在新窗口瀏覽圖片

8、下面用鋼筆工具繪制一個(gè)如圖的形狀,圖層樣式:漸變疊加(#4D5C6A-#2C2329-#303A43),描邊(#50575D),下方邊明顯多余,怎么刪掉呢?圖層—圖層樣式

—創(chuàng)建圖層,可以看到原來的圖層按照不同的樣式被分離了,這個(gè)是個(gè)很常用的技巧,我們找到它的外描邊圖層,刪除下邊,再給這個(gè)外描邊圖層一個(gè)描邊的

圖層樣式,顏色為#030A12,最后我們再添加一些高光,效果如下:

按此在新窗口瀏覽圖片

下面我們添加一些播放器按鈕,這些形狀都不難畫,給按鈕一個(gè)漸變疊加的圖層樣式,參數(shù):

按此在新窗口瀏覽圖片
 

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

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

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

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