進度條,設計一個彩色進度條(3)

來源:貼吧 作者:P大點S 學習:11202人次

用直接選擇工具,選擇住這旋轉(zhuǎn)后的矩形,CTRL+T,把X軸的水平位置增加35像素。如我下圖中的截圖,原來的位置是80像素,更改為115像素。

進度條,設計一個彩色進度條_theoat.com.cn

用直接選擇工具選擇住這個矩形,CTRL+ALT+SHIFT+T,瘋狂復制,友情提示,用直接選擇工具選擇住,再次變換的時候,就不會生成新圖層,因為我們只想要得到一個圖層而已,現(xiàn)在,我們得到如下效果。

進度條,設計一個彩色進度條_theoat.com.cn

我將這一堆的條紋取名為漸變,將其下移到白色圓角矩形的位置,創(chuàng)建一個剪貼蒙版,并設置個圖層樣式。

進度條,設計一個彩色進度條_theoat.com.cn

這里的這個漸變參數(shù)隨自己喜歡,你想讓進度條的漸變是什么顏色,就設置什么顏色。

進度條,設計一個彩色進度條_theoat.com.cn

下面,我們回到那個白色的圓角矩形,設置一個圖層樣式。

進度條,設計一個彩色進度條_theoat.com.cn

進度條,設計一個彩色進度條_theoat.com.cn

進度條,設計一個彩色進度條_theoat.com.cn

現(xiàn)在我們得到如下效果:

進度條,設計一個彩色進度條_theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
我說我想你了丶2017-01-04 03:16
初學者
葉子2016-08-11 10:11
進度條
曾天鐸2015-11-06 04:19
161835dm66dc6z6xdxkm6s.jpg
中國新疆好姑娘2015-08-26 04:20
162031rixip3t39pxkcski.jpg

關注大神微博加入>>

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