Photoshop設(shè)計(jì)制作夜藍(lán)轉(zhuǎn)圈進(jìn)度條教程
太平洋電腦網(wǎng) 發(fā)布時(shí)間:2012-12-03 08:50:01 作者:李華仁
我要評(píng)論

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

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

圖1
2、創(chuàng)建新圖層按鈕,新建一個(gè)圖層,接著在工作區(qū)填充,設(shè)置前景為灰色,設(shè)置RGB值分別為:55/56/58,接著按鍵盤(pán)快捷鍵Alt+Delete填充,并按鍵盤(pán)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%,大?。?像素,然后點(diǎn)擊確定按鈕,如圖7所示。

圖7
7、勾選內(nèi)陰影,設(shè)置陰影混合模式:正片疊底,點(diǎn)擊色標(biāo)處,陰影顏色設(shè)置為黑色,不透明度:25%,角度:90,距離:1像素,擴(kuò)展:0%,大?。?像素,然后點(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%,大?。?像素,然后點(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%,方向:上,大?。?0像素,軟化:0像素,陰影:角度:90,高度:20度,高光模式為:濾色,顏色為:白色,不透明度為:17%,陰影模式為:正片疊加,顏色為:黑色,不透明度為:0%,其他設(shè)置值參考圖12,如圖12所示。

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

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

圖14

圖15

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

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

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


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

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

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

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

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

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

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

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

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

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


相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來(lái)介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來(lái)看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來(lái)說(shuō),ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來(lái)看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來(lái)使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來(lái)非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來(lái)看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過(guò)程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來(lái)看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見(jiàn)了,該怎么辦呢?下面我們就來(lái)看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來(lái)看看ps2024安裝圖文教程2023-11-30