Photoshop 一款精致的指南針圖標(biāo)
發(fā)布時間:2009-02-11 21:34:39 作者:佚名
我要評論

來源:PS聯(lián)盟 作者:Sener
本教程介紹水晶圖標(biāo)的制作方法。剛看效果圖可能感覺有點(diǎn)復(fù)雜,不過只要弄清除里面的構(gòu)造,基本上都是以相似的圖形組合而成,很多圖層的制作方法都是一樣的。
最終效果
1、新建一個500 * 500像素的文件,背景填充白色,然后在圖層的中心位置拉兩條
來源:PS聯(lián)盟 作者:Sener
本教程介紹水晶圖標(biāo)的制作方法。剛看效果圖可能感覺有點(diǎn)復(fù)雜,不過只要弄清除里面的構(gòu)造,基本上都是以相似的圖形組合而成,很多圖層的制作方法都是一樣的。
最終效果

1、新建一個500 * 500像素的文件,背景填充白色,然后在圖層的中心位置拉兩條相交的參照線如圖1。

<圖1> #p# 2、新建一個圖層,選擇橢圓選框工具以參照線的交點(diǎn)為中心拉一個較大的正圓,然后選擇漸變工具顏色設(shè)置如圖2,然后由正圓的頂部向下拉出圖3所示的徑向漸變。

<圖2>

<圖3>
3、新建一個圖層,用橢圓選框工具以交點(diǎn)為中心拉一個把大圓小2像素左右的正圓,然后拉上同樣的徑向漸變色,效果如圖4。

<圖4> #p# 4、新建一個圖層,用橢圓選框工具以交點(diǎn)為中心拉一個稍小的正圓填充白色,然后把圖層不透明度改為:30%,用鋼筆工具由中部位置勾出圖5所示的選區(qū),按Delete刪除下半部分如圖6。

<圖5>

<圖6>
5、新建一個圖層,以交點(diǎn)為中心拉一個小一點(diǎn)的正圓如圖7,按Ctrl + Alt + D羽化,數(shù)值為45,確定后填充白色,如果感覺不夠強(qiáng)烈可以多復(fù)制幾層,然后把下部分稍微用橡皮工具擦掉一點(diǎn),效果如圖8。

<圖7>

<圖8> #p# 6、新建一個圖層,以交點(diǎn)為中心拉一個圖10所示的正圓,然后拉上徑向漸變,顏色設(shè)置如圖9,效果如圖10,拉好漸變后先不要取消選區(qū)。

<圖9>

<圖10>
7、新建一個圖層,選擇菜單:編輯 > 描邊,數(shù)值為2,顏色為白色,其它默認(rèn),確定后適當(dāng)改變圖層不透明度,效果如圖10。

<圖10>
8、新建一個圖層,以交點(diǎn)為中心拉一條1像素的白線如圖11。

<圖11> #p# 9、按Ctrl + J把白線復(fù)制一層,按Ctrl + T變形,把中心移到交點(diǎn)位置,角度設(shè)置為-6度,然后按Enter確認(rèn)。接著按Ctrl + ALt + Shift + T不停的復(fù)制直到形成一個圈,再把這些線條圖層合并為一個圖層,刪除不要的部分,效果如圖13。

<圖12>

<圖13>
10、新建一個圖層,拉一個圖14所示的正圓,拉上徑向漸變色,效果如圖14,確定后不要取消選區(qū),新建一個圖層再描邊,數(shù)值為3左右效果如圖15。

<圖14>

<圖15> #p# 11、新建一個圖層,拉一個稍大的正圓填充白色,效果如圖16。

<圖16>
12、再拉一個稍小的正圓選區(qū),按Ctrl + ALt + D羽化,數(shù)值為35,確定后按Delete把中心位置刪除,效果如圖18。

<圖17>

<圖18> #p# 13、用鋼筆工具勾出下半部分,轉(zhuǎn)為選區(qū)后刪除,效果如圖19,再適當(dāng)調(diào)整下圖層不透明度,加上蒙版把下部稍微用黑色畫筆修飾一下,效果如圖20。

<圖19>

<圖20>
14、再描邊方法同上。

<圖21>
15、同樣的方法制作出圖22所示效果。

<圖22> #p# 16、這一步制作指針,用鋼筆工具勾出圖23所示的圖形,轉(zhuǎn)為選區(qū)后拉上白到灰的漸變色,注意光感,指針共有四個相同的圖形組成,其它幾個同樣的方法制作,不過下部的漸變色需要重一點(diǎn),大致效果如圖24。

<圖23>

<圖24>
17、稍微改變下角度。

<圖25> #p# 18、再做出其它幾個小圓,方法跟前面的一樣,這里就不再詳說。

<圖26>
19、最后加上文字及一下小裝飾,完成最終效果。

<圖27>
本教程介紹水晶圖標(biāo)的制作方法。剛看效果圖可能感覺有點(diǎn)復(fù)雜,不過只要弄清除里面的構(gòu)造,基本上都是以相似的圖形組合而成,很多圖層的制作方法都是一樣的。
最終效果

1、新建一個500 * 500像素的文件,背景填充白色,然后在圖層的中心位置拉兩條相交的參照線如圖1。

<圖1> #p# 2、新建一個圖層,選擇橢圓選框工具以參照線的交點(diǎn)為中心拉一個較大的正圓,然后選擇漸變工具顏色設(shè)置如圖2,然后由正圓的頂部向下拉出圖3所示的徑向漸變。

<圖2>

<圖3>
3、新建一個圖層,用橢圓選框工具以交點(diǎn)為中心拉一個把大圓小2像素左右的正圓,然后拉上同樣的徑向漸變色,效果如圖4。

<圖4> #p# 4、新建一個圖層,用橢圓選框工具以交點(diǎn)為中心拉一個稍小的正圓填充白色,然后把圖層不透明度改為:30%,用鋼筆工具由中部位置勾出圖5所示的選區(qū),按Delete刪除下半部分如圖6。

<圖5>

<圖6>
5、新建一個圖層,以交點(diǎn)為中心拉一個小一點(diǎn)的正圓如圖7,按Ctrl + Alt + D羽化,數(shù)值為45,確定后填充白色,如果感覺不夠強(qiáng)烈可以多復(fù)制幾層,然后把下部分稍微用橡皮工具擦掉一點(diǎn),效果如圖8。

<圖7>

<圖8> #p# 6、新建一個圖層,以交點(diǎn)為中心拉一個圖10所示的正圓,然后拉上徑向漸變,顏色設(shè)置如圖9,效果如圖10,拉好漸變后先不要取消選區(qū)。

<圖9>

<圖10>
7、新建一個圖層,選擇菜單:編輯 > 描邊,數(shù)值為2,顏色為白色,其它默認(rèn),確定后適當(dāng)改變圖層不透明度,效果如圖10。

<圖10>
8、新建一個圖層,以交點(diǎn)為中心拉一條1像素的白線如圖11。

<圖11> #p# 9、按Ctrl + J把白線復(fù)制一層,按Ctrl + T變形,把中心移到交點(diǎn)位置,角度設(shè)置為-6度,然后按Enter確認(rèn)。接著按Ctrl + ALt + Shift + T不停的復(fù)制直到形成一個圈,再把這些線條圖層合并為一個圖層,刪除不要的部分,效果如圖13。

<圖12>

<圖13>
10、新建一個圖層,拉一個圖14所示的正圓,拉上徑向漸變色,效果如圖14,確定后不要取消選區(qū),新建一個圖層再描邊,數(shù)值為3左右效果如圖15。

<圖14>

<圖15> #p# 11、新建一個圖層,拉一個稍大的正圓填充白色,效果如圖16。

<圖16>
12、再拉一個稍小的正圓選區(qū),按Ctrl + ALt + D羽化,數(shù)值為35,確定后按Delete把中心位置刪除,效果如圖18。

<圖17>

<圖18> #p# 13、用鋼筆工具勾出下半部分,轉(zhuǎn)為選區(qū)后刪除,效果如圖19,再適當(dāng)調(diào)整下圖層不透明度,加上蒙版把下部稍微用黑色畫筆修飾一下,效果如圖20。

<圖19>

<圖20>
14、再描邊方法同上。

<圖21>
15、同樣的方法制作出圖22所示效果。

<圖22> #p# 16、這一步制作指針,用鋼筆工具勾出圖23所示的圖形,轉(zhuǎn)為選區(qū)后拉上白到灰的漸變色,注意光感,指針共有四個相同的圖形組成,其它幾個同樣的方法制作,不過下部的漸變色需要重一點(diǎn),大致效果如圖24。

<圖23>

<圖24>
17、稍微改變下角度。

<圖25> #p# 18、再做出其它幾個小圓,方法跟前面的一樣,這里就不再詳說。

<圖26>
19、最后加上文字及一下小裝飾,完成最終效果。

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