當前位置:首頁>ps實例教程>ps制作實例>制作實例>教程內容

教你如何用ps制作FLASH進度條(4)

來源:全球經典設計聚合網 作者:白褲衩 學習:4827人次

最終效果圖:

第一步:

新建一個600X400PX的畫布,把我們提供的紋理丟進去。

現(xiàn)在我們使用“圓角矩形工具”,設置半徑為“10PX”,拉出一個長條矩形。

第二步:

現(xiàn)在我們來設置矩形的混合樣式,把它命名為:矩形1。然后雙擊圖層,設置如下:

-內發(fā)光:顏色就是默認的黑色。

-圖案疊加: 這個圖案需要加載“藝術表明”,默認的里面有。

-描邊:

最完后應該是這樣的效果:

第三步:

現(xiàn)在我們在到“矩形1”,里面畫一個小一點的矩形,命名為“矩形2”,如下:

然后雙擊設置混合樣式:

-外發(fā)光:

-漸變疊加:

現(xiàn)在我們新建一個圖層,然后把它和“矩形2”同時選上,然后合并。這樣出來的圖層會是“圖層2”,然后我們把這個圖層復制一個,把老的隱藏掉。因為我們后面還要做效果。

第四步:

雙擊“圖層2”,混合樣式設置如下:

-顏色疊加:

-圖案疊加:上面我們?yōu)槟銣蕚淞,這里不制作了,因為有很多小菜們不知道制作圖案。

做完后應該是這樣的效果:

現(xiàn)在我們在用矩形工具,畫兩根短線條。顏色分別是黑色和白色,這是在網頁設計中制作導航條廢材常見的方式,如下;然后設置他們的混合樣式:

制作好后將它復制幾個,依次擺好,然后移動到進度條中。如下:

好了,我們第一個已經完成了,你覺得怎么樣?下面是我們將這種效果的延伸,只需要幾步就OK了。

第二種效果:第一步:

在“矩形1”繪制一個矩形,比上面的要短一點。然后按照上面的方法制作出下面的效果(和上面是一樣的,這里我為什么在上面沒有讓大家保存,目的是想讓大家多做一次,能記得住,哈哈)

-漸變疊加:

-圖案疊加:

完成后應該是這樣的效果:

然后我們在到上面添加一些文字說明:

最終效果圖:

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!