當(dāng)前位置:首頁>ps實例教程>ps制作實例>制作實例>教程內(nèi)容

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

來源:太平洋電腦網(wǎng) 作者:李華仁  學(xué)習(xí):6548人次

 

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

最終效果圖

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖0

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖1

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖2

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖3

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖4

 

 

 

 

 

 

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖5

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖6

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖7

 

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖8

 

 

 

 

 

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖9

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖10

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖11

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖12

 

 

 

 

 

 

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖13

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

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

圖14

Photoshop設(shè)計夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程

 

 

 

 

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
查查2020-02-14 03:37
ainide 發(fā)表于 2020-2-13 17:42
我的作業(yè):
完美
ainide2020-02-13 05:42
我的作業(yè):

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!