Facebook加入
LINE加入
2021/12/25
Photoshop製作FLASH進度條教程
這一次的教學是屬於PS教程領域中的設計教程的相關教學。
文章出處是來自全球經典設計聚合網的PS教程類文章，寫教學的作者是白褲衩，感謝白褲衩提供設計教程的實作教學。
教學大綱:
這個Photoshop教程將教大家怎麼製作一個進度條，步驟很簡單，大家可以運用這樣的方法製作出更多更好的效果。
設計教程教學開始
最終效果圖：
第一步：
新建一個600X400PX的畫布，把我們提供的紋理丟進去。
現在我們使用“圓角矩形工具”，設置半徑為“10PX”，拉出一個長條矩形。
第二步：
現在我們來設置矩形的混合樣式，把它命名為：矩形1。然後雙擊圖層，設置如下：
-內發光：顏色就是默認的黑色。
-圖案疊加： 這個圖案需要加載“藝術表明”，默認的裡面有。
-描邊：
最完后應該是這樣的效果：
第三步：
現在我們在到“矩形1”，裡面畫一個小一點的矩形，命名為“矩形2”，如下：
然後雙擊設置混合樣式：
-外發光：
-漸變疊加：
現在我們新建一個圖層，然後把它和“矩形2”同時選上，然後合併。這樣出來的圖層會是“圖層2”，然後我們把這個圖層複製一個，把老的隱藏掉。因為我們後面還要做效果。
第四步：
雙擊“圖層2”，混合樣式設置如下：
-顏色疊加：
-圖案疊加：上面我們為你準備了，這裡不製作了，因為有很多小菜們不知道製作圖案。
做完后應該是這樣的效果：
現在我們在用矩形工具，畫兩根短線條。顏色分別是黑色和白色，這是在網頁設計中製作導航條廢材常見的方式，如下;然後設置他們的混合樣式：
製作好后將它複製幾個，依次擺好，然後移動到進度條中。如下：
好了，我們第一個已經完成了，你覺得怎麼樣?下面是我們將這種效果的延伸，只需要幾步就OK了。
第二種效果：第一步：
熱門推薦
留言回覆
