ps設計網(wǎng)頁進度條教程(3)

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

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

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

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

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

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

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

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

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

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