Photoshop 一個(gè)漂亮的水晶音符圖標(biāo)
發(fā)布時(shí)間:2009-04-22 00:53:29 作者:佚名
我要評(píng)論

來源:PS聯(lián)盟 作者:Sener
本教程簡單介紹水晶風(fēng)格圖標(biāo)的制作方法。這類的圖形制作很講究光感的層次,尤其是邊角部分的高光需要用心去調(diào)整。
原圖
1、新建一個(gè)600 * 600像素文件,背景填充顏色:#F1ED08,新建一個(gè)圖層用鋼筆工具摳出音符的路徑如圖1,轉(zhuǎn)為選區(qū)后填充顏色
來源:PS聯(lián)盟 作者:Sener
本教程簡單介紹水晶風(fēng)格圖標(biāo)的制作方法。這類的圖形制作很講究光感的層次,尤其是邊角部分的高光需要用心去調(diào)整。
原圖
1、新建一個(gè)600 * 600像素文件,背景填充顏色:#F1ED08,新建一個(gè)圖層用鋼筆工具摳出音符的路徑如圖1,轉(zhuǎn)為選區(qū)后填充顏色:#336799,取消選區(qū)后效果如圖2。

<圖1>

<圖2> #p# 2、新建一個(gè)圖層,命名為“主體”,用鋼筆工具摳出圖3所示的路徑,然后轉(zhuǎn)為選區(qū)填充顏色:#2C91C9,效果如圖4。

<圖3>

<圖4> #p# 3、新建一個(gè)圖層,用橢圓選框工具拉一個(gè)圖5所示橢圓選區(qū),按Ctrl + Alt + D羽化15個(gè)像素,然后填充顏色:#49C6E4,如圖5,按Ctrl + D取消選區(qū),按住Ctrl點(diǎn)圖層面板“主體”縮略圖調(diào)整選區(qū),按Ctrl + Shift + I反選,按Delete刪除,效果如圖6。

<圖5>

<圖6>
4、新建一個(gè)圖層,用橢圓選框工具拉一個(gè)小橢圓如圖7,填充白色,取消選區(qū)后加上圖層蒙版。用黑白漸變拉出透明效果,如圖8。

<圖7>

<圖8> #p# 5、回到“主體”圖層,按Ctrl點(diǎn)縮略圖調(diào)整選區(qū),新建一個(gè)圖層填充顏色:#25CBFF,效果如圖9。

<圖9>
6、用鋼筆工具摳出圖10所示的路徑,轉(zhuǎn)為選區(qū)后,按Ctrl + Alt + D羽化3個(gè)像素,然后加上圖層蒙版,效果如圖11。

<圖10>

<圖11> #p# 7、新建一個(gè)圖層,用鋼筆工具摳出圖12所示的路徑,轉(zhuǎn)為選區(qū)后填充白色,效果如圖13。

<圖12>

<圖13>
8、新建一個(gè)圖層,用鋼筆工具摳出圖14所示的路徑,轉(zhuǎn)為選區(qū)后填充白色,取消選區(qū)后加上圖層蒙版用黑白漸變拉一點(diǎn)透明效果,如圖15。

<圖14>

<圖15> #p# 9、同樣的方法做出右邊細(xì)小的高光,效果如圖16。

<圖16>
10、調(diào)出“主體”選區(qū),在最上面新建一個(gè)圖層,然后把前景顏色設(shè)為#1558A7,用畫筆把音符頂部涂深一點(diǎn),如圖17。涂好后不要取消選區(qū)。

<圖17>
11、新建一個(gè)圖層,把前景顏色設(shè)置為:#2BBEF2,用畫筆工具稍微把邊緣部分涂亮一點(diǎn),效果如圖18,19。

<圖18>

<圖19> #p# 12、新建一個(gè)圖層,用鋼筆工具摳出圖20所示的路徑,轉(zhuǎn)為選區(qū)后填充白色,取消選區(qū)后加上圖層蒙版,用黑白漸變拉出透明效果,如圖22。

<圖20>

<圖21>

<圖22>
13、最后再加點(diǎn)高光效果,整體調(diào)整下細(xì)節(jié),完成最終效果。

<圖23>
本教程簡單介紹水晶風(fēng)格圖標(biāo)的制作方法。這類的圖形制作很講究光感的層次,尤其是邊角部分的高光需要用心去調(diào)整。
原圖

1、新建一個(gè)600 * 600像素文件,背景填充顏色:#F1ED08,新建一個(gè)圖層用鋼筆工具摳出音符的路徑如圖1,轉(zhuǎn)為選區(qū)后填充顏色:#336799,取消選區(qū)后效果如圖2。

<圖1>

<圖2> #p# 2、新建一個(gè)圖層,命名為“主體”,用鋼筆工具摳出圖3所示的路徑,然后轉(zhuǎn)為選區(qū)填充顏色:#2C91C9,效果如圖4。

<圖3>

<圖4> #p# 3、新建一個(gè)圖層,用橢圓選框工具拉一個(gè)圖5所示橢圓選區(qū),按Ctrl + Alt + D羽化15個(gè)像素,然后填充顏色:#49C6E4,如圖5,按Ctrl + D取消選區(qū),按住Ctrl點(diǎn)圖層面板“主體”縮略圖調(diào)整選區(qū),按Ctrl + Shift + I反選,按Delete刪除,效果如圖6。

<圖5>

<圖6>
4、新建一個(gè)圖層,用橢圓選框工具拉一個(gè)小橢圓如圖7,填充白色,取消選區(qū)后加上圖層蒙版。用黑白漸變拉出透明效果,如圖8。

<圖7>

<圖8> #p# 5、回到“主體”圖層,按Ctrl點(diǎn)縮略圖調(diào)整選區(qū),新建一個(gè)圖層填充顏色:#25CBFF,效果如圖9。

<圖9>
6、用鋼筆工具摳出圖10所示的路徑,轉(zhuǎn)為選區(qū)后,按Ctrl + Alt + D羽化3個(gè)像素,然后加上圖層蒙版,效果如圖11。

<圖10>

<圖11> #p# 7、新建一個(gè)圖層,用鋼筆工具摳出圖12所示的路徑,轉(zhuǎn)為選區(qū)后填充白色,效果如圖13。

<圖12>

<圖13>
8、新建一個(gè)圖層,用鋼筆工具摳出圖14所示的路徑,轉(zhuǎn)為選區(qū)后填充白色,取消選區(qū)后加上圖層蒙版用黑白漸變拉一點(diǎn)透明效果,如圖15。

<圖14>

<圖15> #p# 9、同樣的方法做出右邊細(xì)小的高光,效果如圖16。

<圖16>
10、調(diào)出“主體”選區(qū),在最上面新建一個(gè)圖層,然后把前景顏色設(shè)為#1558A7,用畫筆把音符頂部涂深一點(diǎn),如圖17。涂好后不要取消選區(qū)。

<圖17>
11、新建一個(gè)圖層,把前景顏色設(shè)置為:#2BBEF2,用畫筆工具稍微把邊緣部分涂亮一點(diǎn),效果如圖18,19。

<圖18>

<圖19> #p# 12、新建一個(gè)圖層,用鋼筆工具摳出圖20所示的路徑,轉(zhuǎn)為選區(qū)后填充白色,取消選區(qū)后加上圖層蒙版,用黑白漸變拉出透明效果,如圖22。

<圖20>

<圖21>

<圖22>
13、最后再加點(diǎn)高光效果,整體調(diào)整下細(xì)節(jié),完成最終效果。

<圖23>
相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(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)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹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