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

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

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

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

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

同樣方法畫一個(gè)小點(diǎn)的圓角矩形，添加漸變疊加樣式，具體顏色請(qǐng)采樣截圖。

再新建圖層，前景色#c7c7c7畫一個(gè)更小的圓角矩形。

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

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

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

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