ps設(shè)計(jì)進(jìn)度條教程(3)

本PS教程將簡(jiǎn)單介紹如何用Photoshop打造進(jìn)度條。本PS教程屬于初級(jí)教程，適合初學(xué)者學(xué)習(xí)。

最終效果圖

圖0

1、選擇“文件/新建”菜單，打開“新建”，寬度：為685像素，高度：為443像素，“分辨率”為72 , “模式”為RGB顏色的文檔，如圖1所示。

圖1

2、創(chuàng)建新圖層按鈕，新建一個(gè)圖層，接著在工作區(qū)填充，設(shè)置前景為灰色，設(shè)置RGB值分別為：55/56/58，接著按鍵盤快捷鍵Alt+Delete填充，并按鍵盤Ctrl+D取消，如圖2所示。

圖2

3、執(zhí)行菜單：“濾鏡”/“渲染”/“雜色”/“添加雜色”，設(shè)置數(shù)量1%，分布勾選平均分布，勾選單色，如圖3所示。效果如圖4。

圖3

圖4

4、在圖層控制面板擊新建圖層按鈕，新建圖層1，在工具箱中選擇橢圓工具 ，在工作區(qū)中拖出一個(gè)橢圓選區(qū)，設(shè)置前景色為黑色，并按快捷鍵Alt+Delete填充圖層1，然后Ctrl+D取消選擇狀態(tài)，并調(diào)整成圓，如圖5所示。

圖5

5、雙單擊圖層1進(jìn)入到圖層樣式，分別勾選投影、內(nèi)陰影選項(xiàng)。如圖6所示。

圖6

6、勾選投影，設(shè)置陰影混合模式：柔光，點(diǎn)擊色標(biāo)處，陰影顏色設(shè)置為白色，不透明度：15%，角度：90，距離：1像素，擴(kuò)展：0%，大�。�0像素，然后點(diǎn)擊確定按鈕，如圖7所示。

圖7

7、勾選內(nèi)陰影，設(shè)置陰影混合模式：正片疊底，點(diǎn)擊色標(biāo)處，陰影顏色設(shè)置為黑色，不透明度：25%，角度：90，距離：1像素，擴(kuò)展：0%，大�。�5像素，然后點(diǎn)擊確定按鈕，如圖8所示。

圖8

8、在圖層控制面板中，選擇圖層1，復(fù)制1一個(gè)圖層1副本，改名為圖層2,并雙單擊圖層2進(jìn)入到圖層樣式，分別勾選內(nèi)陰影、外發(fā)光、斜面和浮雕、漸變疊加選項(xiàng)。如圖9所示。

圖9

9、勾選內(nèi)陰影，設(shè)置陰影混合模式：柔光，點(diǎn)擊色標(biāo)處，陰影顏色設(shè)置為白色，不透明度：30%，角度：90，距離：1像素，擴(kuò)展：0%，大�。�0像素，然后點(diǎn)擊確定按鈕，如圖9所示。

圖10

10、勾選外發(fā)光選項(xiàng)，設(shè)置投影混合模式：正常，不透明度：30%，點(diǎn)擊點(diǎn)按可編輯漸變，設(shè)置前景到透明，顏色為藍(lán)色到白色，方法為柔和，擴(kuò)展為0%，大小為：5像素，范圍為50%,如圖11所示。

圖11

11、勾選斜面和浮雕復(fù)選項(xiàng)，樣式：內(nèi)斜面，方法：平滑，深度：100%，方向：上，大�。�10像素，軟化：0像素，陰影：角度：90，高度：20度，高光模式為：濾色，顏色為：白色，不透明度為：17%,陰影模式為：正片疊加，顏色為：黑色，不透明度為：0%，其他設(shè)置值參考圖12，如圖12所示。

圖12

12、勾選漸變疊加選項(xiàng)，彈出漸變疊加對(duì)話框，混合模式：疊加，不透明度：22%，漸變顏色為黑色到白色，樣式：線性，勾選與圖層對(duì)齊，角度為90度，縮放為150%，如圖13所示。

圖13

13、在工具箱中選擇橫排文字工具 ，在畫面中用鼠標(biāo)單擊后，在光標(biāo)后輸入“75%”，在工具選項(xiàng)欄中設(shè)置字體為“Tahoma”，設(shè)置字體大小為“18點(diǎn)”，設(shè)置消除鋸齒為“犀利”，設(shè)置字體顏色為白色，如圖14所示。經(jīng)過調(diào)整后的效果圖，如圖15。

圖14