簡(jiǎn)介:本文教大家用PhotoShop制作閃亮的3D彩色粒子文字,非常棒的字效,但教程翻譯的不是很好,很多細(xì)節(jié)部分的制作沒(méi)有翻譯出來(lái),不過(guò)只要大家有一定的基礎(chǔ)還是可以輕松制作出來(lái)的,還請(qǐng)同學(xué)們自行意會(huì)。

@夜幕前的小丑 制作的時(shí)候最好根據(jù)提示及參考圖慢慢發(fā)揮。制作的時(shí)候會(huì)用到3D功能,最好選用較高版本的PS,比如PhotoShop CS5以上版本。

相關(guān)推薦:
《PS新手教程!打造冰凍的文字特效》
《碉堡!不得不看的瘋狂字體設(shè)計(jì)》
《PS教程:創(chuàng)建赤焰噴濺的巖漿文字》

先看最終效果:

PS教程!制作絢麗的閃光粒子字體特效

教程用到的素材:

1、新建一個(gè)1800 * 1350像素的文件,分辨率為300像素。你可以選擇不同的尺寸。

通過(guò)圖層樣式給背景添加一個(gè)徑向的漸變疊加,參數(shù)及效果如下圖。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

2、輸入自己喜歡的文字,文字用黑色。字體最好粗一點(diǎn),這樣效果更明顯。

PS教程!制作絢麗的閃光粒子字體特效

3、把文字柵格化圖層,然后復(fù)制一層,把前背景色設(shè)置為白黑,如下圖。

PS教程!制作絢麗的閃光粒子字體特效

4、對(duì)文字副本執(zhí)行:濾鏡?> 紋理> 彩色玻璃,參數(shù)及效果如下圖。

PS教程!制作絢麗的閃光粒子字體特效

這是應(yīng)用后的結(jié)果:

PS教程!制作絢麗的閃光粒子字體特效

5、選擇菜單:選擇 > 色彩范圍,然后用吸管吸取黑色部分,如下圖,確定好得到想要的選區(qū)。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

6、保持選區(qū),再選擇菜單:選擇 > 調(diào)整邊緣,參數(shù)設(shè)置如下圖,記得勾選輸出選項(xiàng)中的顏色凈化。

PS教程!制作絢麗的閃光粒子字體特效

7、確定好得到一個(gè)帶有蒙版的圖層,白色邊線(xiàn)都消失了。

PS教程!制作絢麗的閃光粒子字體特效

8、雙擊圖層添加圖層樣式,設(shè)置圖案疊加,參數(shù)及效果如下圖。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

9、把前,背景顏色設(shè)置為黑白,如下圖。

PS教程!制作絢麗的閃光粒子字體特效

10、再執(zhí)行:濾鏡?> 紋理 > 彩色玻璃,參數(shù)設(shè)置如下圖。

PS教程!制作絢麗的閃光粒子字體特效

11、創(chuàng)建色階調(diào)整圖層加強(qiáng)一下對(duì)比,確定好按Ctrl + Alt + G 創(chuàng)建剪貼蒙版。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

12、把前景色設(shè)置為白色,選擇畫(huà)筆工具選擇好合適的筆刷,再調(diào)出畫(huà)筆設(shè)置面板,設(shè)置如下圖。

然后在文字周?chē)砑右恍┌咨男↑c(diǎn),需要不斷調(diào)整畫(huà)筆的不透明度。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

13、對(duì)小點(diǎn)圖層執(zhí)行:濾鏡?> 紋理 > 彩色玻璃,如下圖。

PS教程!制作絢麗的閃光粒子字體特效

14、把小點(diǎn)及文字圖層合并,再?gòu)?fù)制一層,對(duì)副本執(zhí)行:3D > 從圖層創(chuàng)建3D明信片。

PS教程!制作絢麗的閃光粒子字體特效

15、旋轉(zhuǎn)角度并加上透視效果,參數(shù)如下圖。確定后新建一個(gè)圖層,把新建圖層與文字圖層合并。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

16、給當(dāng)前圖層添加圖層樣式,設(shè)置投影機(jī)漸變疊加,參數(shù)及效果如下圖,確定后把填充改為:0%。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

17、把當(dāng)前圖層復(fù)制一層,移動(dòng)原圖層的下面,添加圖層蒙版,用黑白漸變拉出下圖所示的效果。

PS教程!制作絢麗的閃光粒子字體特效

18、修改一下投影的顏色,去掉漸變疊加,確定后把填充改為:0%。

PS教程!制作絢麗的閃光粒子字體特效

19、把原文字圖層復(fù)制一層,把填充及不透明度都改為:100%,并清除圖層樣式,把混合模式改為“疊加”如下圖。

PS教程!制作絢麗的閃光粒子字體特效

20、把當(dāng)前圖層復(fù)制一層,然后添加圖層樣式,選擇“斜面和浮雕”及等高線(xiàn),參數(shù)設(shè)置如下圖,確定后把填充改為:0%,,效果如下圖。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

21、把圖層混合模式改為“濾色”,效果如下圖。

PS教程!制作絢麗的閃光粒子字體特效

22、創(chuàng)建色階調(diào)整圖層,參數(shù)設(shè)置如下圖,確定好按Ctrl + Alt + G 創(chuàng)建剪貼蒙版。

PS教程!制作絢麗的閃光粒子字體特效

23、為了增強(qiáng)效果,把當(dāng)前文字圖層復(fù)制一層,轉(zhuǎn)為智能對(duì)象后適當(dāng)高斯模糊處理。

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

24、根據(jù)需要渲染一下文字顏色。

新建圖層,用軟畫(huà)筆給文字點(diǎn)上幾個(gè)白色高光

PS教程!制作絢麗的閃光粒子字體特效

就用前面的圖層設(shè)置,應(yīng)用3D設(shè)置,圖層模式設(shè)為:疊加。

PS教程!制作絢麗的閃光粒子字體特效

新建圖層,再用畫(huà)筆畫(huà)一個(gè)長(zhǎng)條的高光。

PS教程!制作絢麗的閃光粒子字體特效

圖層設(shè)置跟前面一樣,圖層樣式用:疊加。

PS教程!制作絢麗的閃光粒子字體特效

用畫(huà)筆畫(huà)一些小的顆粒

PS教程!制作絢麗的閃光粒子字體特效

應(yīng)用高期模糊,1PX。

PS教程!制作絢麗的閃光粒子字體特效

復(fù)制一層,應(yīng)用濾鏡—模糊—?jiǎng)痈心:?/p>

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

再新建圖層,設(shè)置一些12-14px大小的顆粒畫(huà)筆,在上面大膽的刷上一些亮片

PS教程!制作絢麗的閃光粒子字體特效

PS教程!制作絢麗的閃光粒子字體特效

25、在背景圖層上面新建一個(gè)圖層,加上一些斜紋背景如下圖。

PS教程!制作絢麗的閃光粒子字體特效

26、執(zhí)行:濾鏡?> 扭曲 > 選擇扭曲,如下圖。

PS教程!制作絢麗的閃光粒子字體特效

27、把混合模式改為“正片疊底”,不透明度改為:25%。

PS教程!制作絢麗的閃光粒子字體特效

28、把當(dāng)前圖層復(fù)制一層,添加圖層蒙版,用黑白漸變拉出下圖所示的效果。

PS教程!制作絢麗的閃光粒子字體特效

最終效果!

PS教程!制作絢麗的閃光粒子字體特效

原文地址:zcool
譯者:致遠(yuǎn) @夜幕前的小丑

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè):網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博:擁有粉絲量62萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:

PS教程!制作絢麗的閃光粒子字體特效
 

收藏 23
點(diǎn)贊 9

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。