Photoshop制作夢(mèng)幻效果的泡泡文字圖標(biāo)
站酷 發(fā)布時(shí)間:2011-08-13 21:19:07 作者:Linjiaboy
我要評(píng)論

本教程介紹較為綜合的圖標(biāo)制作方法。大致分三步來完成:首先是夢(mèng)幻背景的制作,需要運(yùn)用漸變和畫筆等來完成。然后是泡泡部分的制作,其中重點(diǎn)是高光部分的渲染。最后就是圖標(biāo)主體部分的制作,作者制作的是立體字效果,跟其它立體字制作方法類似。
最終效果

1、新建一個(gè) 840 * 525像素的文檔,選擇漸變工具顏色設(shè)置如下圖右,然后從左至右拉出線性漸變,作為背景。

2、新建一個(gè)圖層,命名為“背景光1”,填充50%灰色,然后執(zhí)行:濾鏡 > 渲染 > 光照效果,參數(shù)設(shè)置如下圖。

3、復(fù)制“背景光1”圖層,命名為“背景光2”,分別設(shè)置這2個(gè)圖層疊加方式和透明度,具體設(shè)置如下圖。

4、新建一個(gè)圖層,命名為“斜線光”填充黑色,執(zhí)行:濾鏡 > 渲染 > 云彩,確定后再執(zhí)行:濾鏡 > 模糊 > 動(dòng)感模糊,參數(shù)設(shè)置如下圖。

5、新建一個(gè)圖層,命名為“背景光點(diǎn)”,選擇畫筆工具,筆刷大小為170,再調(diào)出畫筆屬性面板,設(shè)置形狀動(dòng)態(tài)和散布,參數(shù)設(shè)置如下圖。

6、然后用畫筆按45度角畫一筆,得到如圖效果,復(fù)制背景光點(diǎn)2次,分別設(shè)置疊加方式如下圖。

7、新建一個(gè)圖層,用橢圓工具畫一個(gè)圓,顏色為黃灰色。

8、為圓圈添加圖層樣式,設(shè)置投影和內(nèi)發(fā)光,參數(shù)設(shè)置如下圖。

9、把該圖層的填充設(shè)置為0,得到剔透的效果如下圖。

10、新建一個(gè)圖層,用圓角矩形工具畫出4個(gè)圓角矩形,合并圖層。然后執(zhí)行:濾鏡 > 扭曲 > 球面化,得到下圖所示的效果。再用變形工具和蒙版調(diào)整好弧度和邊緣的過渡。確定后把圖層不透明度設(shè)為:60%,如下圖。

11、新建一個(gè)圖層命名為“光斑”,用橢圓工具畫出下圖左邊的高光圖形,填充白色,然后執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值為5,確定后把圖層不透明度改為:60%。

12、新建一個(gè)圖層命名為“球形光”,用橢圓工具畫一個(gè)稍小的白色圓,如下圖。

13、添加圖層蒙版,擦掉中間部分,再把圖層不透明度改為:50%,效果如下圖。

14、新建一個(gè)圖層,用鋼筆勾出下圖所示的圖形,轉(zhuǎn)為選區(qū)后填充白色。

15、同樣,添加圖層蒙版,漸變。改圖層混合模式為“疊加”,透明度為50%,如下圖。

16、新建一個(gè)圖層,用鋼筆工具畫出下圖所示的圖形,填充白色。

17、再次添加圖層蒙版,漸變。改變圖層混合模式為“疊加”,透明度為:30%,效果如下圖。

18、在圓圈中輸入字母“Z”,調(diào)整好大小,這里使用的字體是“Arial Rounded MT Bold”。

19、給文字添加圖層樣式,設(shè)置投影和漸變疊加,參數(shù)設(shè)置如下圖。


20、把文字圖層復(fù)制3層,如下圖,每復(fù)制一次就上移一點(diǎn)。

21、現(xiàn)在我們改變頂部文字的圖層樣式,設(shè)置外發(fā)光和漸變疊加,參數(shù)設(shè)置如下圖。


22、下面我們來給文字添加細(xì)節(jié),過程如下圖。


23、使用大像素的畫筆,顏色為白色在圓圈的邊緣點(diǎn)一下,得到5個(gè)光點(diǎn),把混合模式改為“疊加”。


24、新建一個(gè)圖層,命名為“陰影”,畫一個(gè)黑色橢圓。

25、執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值為8,確定后把圖層混合模式改為“正片疊底”,不透明度改為:55%,效果如下圖。

26、最后一步,給圖標(biāo)增加倒影,效果如下圖。

最終效果:

1、新建一個(gè) 840 * 525像素的文檔,選擇漸變工具顏色設(shè)置如下圖右,然后從左至右拉出線性漸變,作為背景。

2、新建一個(gè)圖層,命名為“背景光1”,填充50%灰色,然后執(zhí)行:濾鏡 > 渲染 > 光照效果,參數(shù)設(shè)置如下圖。

3、復(fù)制“背景光1”圖層,命名為“背景光2”,分別設(shè)置這2個(gè)圖層疊加方式和透明度,具體設(shè)置如下圖。

4、新建一個(gè)圖層,命名為“斜線光”填充黑色,執(zhí)行:濾鏡 > 渲染 > 云彩,確定后再執(zhí)行:濾鏡 > 模糊 > 動(dòng)感模糊,參數(shù)設(shè)置如下圖。

5、新建一個(gè)圖層,命名為“背景光點(diǎn)”,選擇畫筆工具,筆刷大小為170,再調(diào)出畫筆屬性面板,設(shè)置形狀動(dòng)態(tài)和散布,參數(shù)設(shè)置如下圖。

6、然后用畫筆按45度角畫一筆,得到如圖效果,復(fù)制背景光點(diǎn)2次,分別設(shè)置疊加方式如下圖。

7、新建一個(gè)圖層,用橢圓工具畫一個(gè)圓,顏色為黃灰色。

8、為圓圈添加圖層樣式,設(shè)置投影和內(nèi)發(fā)光,參數(shù)設(shè)置如下圖。

9、把該圖層的填充設(shè)置為0,得到剔透的效果如下圖。

10、新建一個(gè)圖層,用圓角矩形工具畫出4個(gè)圓角矩形,合并圖層。然后執(zhí)行:濾鏡 > 扭曲 > 球面化,得到下圖所示的效果。再用變形工具和蒙版調(diào)整好弧度和邊緣的過渡。確定后把圖層不透明度設(shè)為:60%,如下圖。

11、新建一個(gè)圖層命名為“光斑”,用橢圓工具畫出下圖左邊的高光圖形,填充白色,然后執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值為5,確定后把圖層不透明度改為:60%。

12、新建一個(gè)圖層命名為“球形光”,用橢圓工具畫一個(gè)稍小的白色圓,如下圖。

13、添加圖層蒙版,擦掉中間部分,再把圖層不透明度改為:50%,效果如下圖。

14、新建一個(gè)圖層,用鋼筆勾出下圖所示的圖形,轉(zhuǎn)為選區(qū)后填充白色。

15、同樣,添加圖層蒙版,漸變。改圖層混合模式為“疊加”,透明度為50%,如下圖。

16、新建一個(gè)圖層,用鋼筆工具畫出下圖所示的圖形,填充白色。

17、再次添加圖層蒙版,漸變。改變圖層混合模式為“疊加”,透明度為:30%,效果如下圖。

18、在圓圈中輸入字母“Z”,調(diào)整好大小,這里使用的字體是“Arial Rounded MT Bold”。

19、給文字添加圖層樣式,設(shè)置投影和漸變疊加,參數(shù)設(shè)置如下圖。


20、把文字圖層復(fù)制3層,如下圖,每復(fù)制一次就上移一點(diǎn)。

21、現(xiàn)在我們改變頂部文字的圖層樣式,設(shè)置外發(fā)光和漸變疊加,參數(shù)設(shè)置如下圖。


22、下面我們來給文字添加細(xì)節(jié),過程如下圖。


23、使用大像素的畫筆,顏色為白色在圓圈的邊緣點(diǎn)一下,得到5個(gè)光點(diǎn),把混合模式改為“疊加”。


24、新建一個(gè)圖層,命名為“陰影”,畫一個(gè)黑色橢圓。

25、執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值為8,確定后把圖層混合模式改為“正片疊底”,不透明度改為:55%,效果如下圖。

26、最后一步,給圖標(biāo)增加倒影,效果如下圖。

最終效果:

相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來說,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如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非常基礎(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