Zi 字媒體

Photoshop簡單繪製絢麗色彩的進度條 這一次的教學是屬於PS教程領域中的設計教程的相關教學。 文章出處是來自百度貼吧的PS教程類文章，寫教學的作者是P大點S，感謝P大點S提供設計教程的實作教學。 教學大綱: 今天分享一個進度條的做法，利用圖層樣式來打造一個色彩絢麗的進度條，按照國際慣例，我們提供PSD的下載，PSD中包含了6種不同色彩的進度條，希望你喜歡。 設計教程教學開始 今天分享一個進度條的做法，利用圖層樣式來打造一個色彩絢麗的進度條，按照國際慣例，我們提供PSD的下載，PSD中包含了6種不同色彩的進度條，希望你喜歡。 教程源文件：絢麗色彩的網頁進度條PSD源文件   先看看效果圖 新建個文檔，我這裡用的是800*800像素，填充黑色，並設置一個圖層樣式。 將“背景”圖層轉換為智能對象，執行“濾鏡—雜色—添加雜色”，設置數量為1，高斯分佈，勾選單色。 執行“濾鏡—濾鏡庫—畫筆描邊—陰影線”，設置描邊長度4，銳化程度10，強化1。 現在，我們就完成了背景的創建。 畫一個620*45像素的圓角矩形。 為這個圓角矩形添加一個圖層樣式。 設置完圖層樣式，我們得到如下效果。 接下來，我們畫一個白色的500*25像素的圓角矩形。 我們畫一個細長矩形，然後旋轉30度。 用直接選擇工具，選擇住這旋轉后的矩形，CTRL+T，把X軸的水平位置增加35像素。如我下圖中的截圖，原來的位置是80像素，更改為115像素。 用直接選擇工具選擇住這個矩形，CTRL+ALT+SHIFT+T，瘋狂複製，友情提示，用直接選擇工具選擇住，再次變換的時候，就不會生成新圖層，因為我們只想要得到一個圖層而已，現在，我們得到如下效果。 我將這一堆的條紋取名為漸變，將其下移到白色圓角矩形的位置，創建一個剪貼蒙版，並設置個圖層樣式。 這裡的這個漸變參數隨自己喜歡，你想讓進度條的漸變是什麼顏色，就設置什麼顏色。 下面，我們回到那個白色的圓角矩形，設置一個圖層樣式。 現在我們得到如下效果： 下面，我們來畫一個進度框，沒啥說的，畫一個矩形和一個三角形來拼湊，然後拷貝那個黑底的圓角矩形的圖層樣式就可以了。 最後，打上文字80%，收工。 看看我們的效果。 就是這麼簡單，想更換顏色的話，那個條紋的圖層樣式的漸變疊加修改一下就可以了。 — — 文章永久連結為: Photoshop簡單繪製絢麗色彩的進度條 精華推薦 【 設計教學 】23款WEB設計師必備的英文字體下載 【 PS創意設計 】Photoshop設計藍色質感的網頁下載按鈕 【 PS創意設計 】Photoshop製作文藝女裝淘寶全屏海報教程 【 PS創意設計 】Photoshop設計創意的產品宣傳海報教程 【 PS創意設計 】Photoshop設計藍色風格的酷狗軟件圖標教程 【 PS創意設計 】Photoshop設計時尚的照相機軟件圖標教程 【 PS創意設計 】Photoshop設計頹廢風格的軟件APP圖標 【 PS創意設計 】Photoshop設計奶酪和盤子組成的APP軟件圖標