3C科技 娛樂遊戲 美食旅遊 時尚美妝 親子育兒 生活休閒 金融理財 健康運動 寰宇綜合

Zi 字媒體

2017-07-25T20:27:27+00:00
加入好友
Photoshop製作FLASH進度條教程 這一次的教學是屬於PS教程領域中的設計教程的相關教學。 文章出處是來自全球經典設計聚合網的PS教程類文章,寫教學的作者是白褲衩,感謝白褲衩提供設計教程的實作教學。 教學大綱: 這個Photoshop教程將教大家怎麼製作一個進度條,步驟很簡單,大家可以運用這樣的方法製作出更多更好的效果。 設計教程教學開始 最終效果圖: 第一步: 新建一個600X400PX的畫布,把我們提供的紋理丟進去。 現在我們使用“圓角矩形工具”,設置半徑為“10PX”,拉出一個長條矩形。 第二步: 現在我們來設置矩形的混合樣式,把它命名為:矩形1。然後雙擊圖層,設置如下: -內發光:顏色就是默認的黑色。 -圖案疊加: 這個圖案需要加載“藝術表明”,默認的裡面有。 -描邊: 最完后應該是這樣的效果: 第三步: 現在我們在到“矩形1”,裡面畫一個小一點的矩形,命名為“矩形2”,如下: 然後雙擊設置混合樣式: -外發光: -漸變疊加: 現在我們新建一個圖層,然後把它和“矩形2”同時選上,然後合併。這樣出來的圖層會是“圖層2”,然後我們把這個圖層複製一個,把老的隱藏掉。因為我們後面還要做效果。 第四步: 雙擊“圖層2”,混合樣式設置如下: -顏色疊加: -圖案疊加:上面我們為你準備了,這裡不製作了,因為有很多小菜們不知道製作圖案。 做完后應該是這樣的效果: 現在我們在用矩形工具,畫兩根短線條。顏色分別是黑色和白色,這是在網頁設計中製作導航條廢材常見的方式,如下;然後設置他們的混合樣式: 製作好后將它複製幾個,依次擺好,然後移動到進度條中。如下: 好了,我們第一個已經完成了,你覺得怎麼樣?下面是我們將這種效果的延伸,只需要幾步就OK了。 第二種效果:第一步: 在“矩形1”繪製一個矩形,比上面的要短一點。然後按照上面的方法製作出下面的效果(和上面是一樣的,這裡我為什麼在上面沒有讓大家保存,目的是想讓大家多做一次,能記得住,哈哈) -漸變疊加: -圖案疊加: 完成後應該是這樣的效果: 然後我們在到上面添加一些文字說明: 最終效果圖: –本文轉載自 http://www.missyuan.net 教學網 — 文章永久連結為: Photoshop製作FLASH進度條教程 免費PPT模板下載  免費PPT模板下載  免費向量素材下載  免費矢量圖片下載  免費去背圖片下載  免費圖庫下載  免費音效下載  版权所有,保留一切权利! © 2019 PS筆刷工廠

本文由wwwfreebrushscom提供 原文連結

寫了 5860316篇文章,獲得 23313次喜歡
精彩推薦