當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

ps設(shè)計網(wǎng)頁進(jìn)度條教程(3)

來源:一起ps吧 作者:. 學(xué)習(xí):4401人次

本ps教程學(xué)習(xí)如何用ps制作下載常見的進(jìn)度條,主要用到了圓角矩形和圖層樣式,先看效果圖。

進(jìn)度條 ps教程

新建文檔500x300像素,背景白色,新建圖層填充黑色,添加一個漸變疊加樣式,類似下圖效果。

進(jìn)度條 ps教程

新建圖層畫一黑色圓角矩形,半徑150px。

進(jìn)度條 ps教程

添加漸變樣式,效果如下。

進(jìn)度條 ps教程

同樣方法畫一個小點的圓角矩形,添加漸變疊加樣式,具體顏色請采樣截圖。

進(jìn)度條 ps教程

再新建圖層,前景色#c7c7c7畫一個更小的圓角矩形。

進(jìn)度條 ps教程

復(fù)制此層,顏色改為白色,把這個白色層挪到灰色圖層底部,往右下方向挪動一段距離,類似下圖效果。

進(jìn)度條 ps教程

復(fù)制灰色層,顏色改為黑色,添加蒙版做一矩形選區(qū),把右側(cè)去掉一部分。

進(jìn)度條 ps教程

添加漸變疊加樣式,顏色可以任意,我選擇紅色系。

進(jìn)度條 ps教程

最后添加文字、倒影、陰影及高光,最終效果如下,本ps教程結(jié)束。

進(jìn)度條 ps教程

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

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

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

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