當(dāng)前位置:首頁>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

發(fā)光字!ps做漂亮的發(fā)光文字效果(4)

來源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):49919人次

今天的教程中,我們會用到此前教程使用的方法,還會介紹一些新技巧運用。還是那樣一句老話,最終效果不是目的,最重要是制作過程中,大家能樂在其中就好。

發(fā)光字!ps做漂亮的發(fā)光文字效果

(提示:文章末尾提供了psd文檔下載)

素材免費下載:

矢量花紋http://vdisk.weibo.com/lc/2uZbBupjAkYRCwBspP 密碼:ESSO

grunge紋理圖片http://vdisk.weibo.com/lc/2uZbBupjAkYRCy51f9 密碼:O871

在此,我是用西文來作為案例使用的,中文也可以采用此種效果,只是由于中文的筆畫方向往四個方向散開,制作的時候需要頗費些心思才可以把握住文字的協(xié)調(diào)性。

打開PS,新建一個1920px*1200px的文檔,新建一個圖層,填充圖層為黑色 #1f1e1e。為這個圖層增加漸變疊加的圖層樣式,在圖層樣式的面板中,設(shè)置漸變色從深灰色#707070到白色#ffffff的徑向漸變,漸變的混合模式為“正片疊底”,透明度降低為60%。在徑向漸變的中心為白色,這讓背景呈現(xiàn)中間亮四周暗的效果。

發(fā)光字!ps做漂亮的發(fā)光文字效果

漸變疊加后,大家可以仔細(xì)看到,徑向漸變會出現(xiàn)一圈圈的類似“年輪”的紋路。解決這個紋路的方法有很多,在此我用雜色濾鏡來處理。進入【濾鏡>雜色>添加雜色】,在濾鏡設(shè)置面板中,雜色數(shù)量為2%,高斯分布,并選中單色。很多剛開始學(xué)PS的同學(xué)總是對面板中一些奇怪的參數(shù)感到好奇,其實大家未必一定要一開始就掌握所有的參數(shù)的意義。經(jīng)過多次對參數(shù)應(yīng)用,就能慢慢理解它的意思。

發(fā)光字!ps做漂亮的發(fā)光文字效果

好了,讓我們開始寫字了。我選用了西文字體Kunstler Script Regular,字體選用上要注意,一定要體現(xiàn)“藝術(shù)感”,也就是說如果是普通的較正規(guī)的字體,效果運用可能就不會這么理想。這也根據(jù)不同的字體,我們要選用不同的效果,甚至從文字表達的意思上也要統(tǒng)一風(fēng)格。我在此先寫一個”Design”。

發(fā)光字!ps做漂亮的發(fā)光文字效果

再寫剩下的”by”和”Ray”,每個詞不必都一樣大小,根據(jù)字形的特點對詞進行簡單排版,字與字之間最好能連在一起。

發(fā)光字!ps做漂亮的發(fā)光文字效果

這時,我們還可以選擇一些矢量圖案來裝飾。我在這里提供了矢量花紋的下載,大家也可以利用手邊的素材,根據(jù)字形特點裝飾。這里我只簡單做了一點修飾,增加一些卷曲的線條。

發(fā)光字!ps做漂亮的發(fā)光文字效果
二、應(yīng)用圖層樣式的效果

文字的外形做好了,讓我們將文字和裝飾一起合并為一個圖層,取名為“text”,快捷鍵為選中文字和裝飾后點擊ctrl+alt+E。將原有的圖層關(guān)掉。把這個新的合并圖層變?yōu)橹悄軐ο蟆|c擊圖層右鍵后,選中“轉(zhuǎn)為只能對象”的選項。

發(fā)光字!ps做漂亮的發(fā)光文字效果

轉(zhuǎn)為智能對象后,這個圖層就能在原有像素范圍內(nèi)自由伸縮,而且在使用部分濾鏡時,還能將濾鏡作為智能濾鏡,方便對效果的控制和編輯。

這時,我們要對“text”圖層應(yīng)用漸變疊加的圖層樣式,漸變的色彩我選擇的是橙色-粉紅-藍(lán)綠色的線性漸變,角度為90度。在顏色的選擇上,你可以任意選擇,但要注意的是盡量使用亮度和純度都較高的色彩,這樣才能體現(xiàn)出這種“閃亮”的效果。面板樣式和漸變效果如下圖所示。

發(fā)光字!ps做漂亮的發(fā)光文字效果

應(yīng)用漸變疊加后,讓我們?yōu)閳D層增加一個投影。雖然,在暗色的背景上應(yīng)用投影看起來不那么明顯,但是我們要知道的就是,不管一個小小的效果是否能第一眼就引起注意,正是這些細(xì)節(jié)部分才能構(gòu)成最終效果,所以不可輕視。這個投影的模式為正片疊底的黑色投影,透明度為100%,距離為5,大小為20,方向為120度。詳細(xì)的參數(shù)參考如下圖。

發(fā)光字!ps做漂亮的發(fā)光文字效果

然后,來到最重要的一個效果了,我認(rèn)為這個效果的運用其實在所有同類效果中都是非常有效的。那就是為圖層添加“斜面和浮雕”。凡是所有要朝擬物方向設(shè)計的組件,你都可以先考慮是否可以用上這個效果。對于面板參數(shù),大家并沒有必要第一次使用就完全記住,只要經(jīng)過多次的不斷嘗試調(diào)試后,你自然會理解面板中每個參數(shù)的作用。大家可以先看看我的面板參數(shù):

發(fā)光字!ps做漂亮的發(fā)光文字效果

就像字面意思一樣,例如角度、高光、陰影、深度、大小這些就較好理解,對于參數(shù)數(shù)值也并不是恒定不變,它們會根據(jù)環(huán)境和你設(shè)計文件的大小而改變。因此,你可以試著將每個滑塊都左右滑動下,一邊滑動一邊查看效果,直到找到最合適的那一點。

發(fā)光字!ps做漂亮的發(fā)光文字效果

這個效果完成后,我們還要再來做一次這樣的效果,這一次,讓我們將text圖層復(fù)制,快捷方式是選中該圖層然后點擊ctrl+J。接下來我們要做的第一件事就是將這個復(fù)制層的填充調(diào)整為0%。填充被降至0后,這個圖層的任何顏色都不會再顯示,而它的圖層樣式卻能繼續(xù)產(chǎn)生效果。

我們把復(fù)制層的圖層樣式“漸變疊加”關(guān)掉,然后再調(diào)出斜面與浮雕的圖層樣式面板,在面板中對部分參數(shù)進行修改。這里先要改的是方向,將方向改為下,深度增加到370,其他的參數(shù)大家可以參考如下圖。

發(fā)光字!ps做漂亮的發(fā)光文字效果

大家如果覺得效果不夠強,可以把復(fù)制層再復(fù)制多一個。達到這樣類似的效果即可。

發(fā)光字!ps做漂亮的發(fā)光文字效果

到此,我們再復(fù)制一個上一步的圖層,這一次再來對斜面和浮雕進行調(diào)整,關(guān)掉投影的圖層樣式。在參數(shù)面板中將軟化改為1,高光模式改為顏色減淡,并將透明度調(diào)為70%。

發(fā)光字!ps做漂亮的發(fā)光文字效果

這時,我們的圖層樣式的應(yīng)用就完成了。

發(fā)光字!ps做漂亮的發(fā)光文字效果
三、應(yīng)用圖案

網(wǎng)絡(luò)的圖案可謂浩如煙海,但是我們能否運用到稱心如意的那個圖案,也許有時靠的是找圖案時的運氣。所以,自制圖案對有限的時間來說就顯得特別重要。這里我想要為文字增加一種傾斜的百葉窗的圖案效果。

新建一個文件,大小為40px*200px,背景為透明。圖案的創(chuàng)建一般是從基礎(chǔ)的單元圖形開始。新建文檔成功后,運用矩形工具拉出一個長為20px,高度為200的矩形選區(qū)。利用漸變工具,漸變色是從白色過渡到白色,都是白色,只是兩端白色從透明度為100到40的線性漸變。在矩形選區(qū)中應(yīng)用漸變。取消選區(qū),將整個文檔定義為圖案。

發(fā)光字!ps做漂亮的發(fā)光文字效果

完成定義圖案后,我們轉(zhuǎn)到文字的文件里,在文字上方新建一個圖層,將該圖層填充剛剛制作的圖案。

發(fā)光字!ps做漂亮的發(fā)光文字效果

旋轉(zhuǎn)圖案圖層,將圖層混合模式改為“柔光”。

發(fā)光字!ps做漂亮的發(fā)光文字效果

選中文字的圖層,按住ctrl鍵單擊圖層的縮略圖調(diào)出文字的選區(qū)。再保持選區(qū)的情況下,回到圖案圖層,點擊圖層面板下方的蒙版圖標(biāo)。由于有選區(qū)在,因此添加蒙版的時候就會自動將沒有在選區(qū)內(nèi)的部分遮擋。而我們對文字添加的百葉窗圖案效果也就完成了。

發(fā)光字!ps做漂亮的發(fā)光文字效果
四、增強效果

為了讓圖案變得更有魅力,適當(dāng)增加一些光的效果是個不錯的選擇。這時,讓我們把文字和圖案合并一個圖層,選中合并后的圖層,進入【濾鏡>模糊>高斯模糊】,模糊參數(shù)為10px。這里運用高斯模糊,就好像增加了一絲朦朧的光暈。圖層的混合模式可改為濾色,如果覺得效果不夠強烈可以復(fù)制一層,稍微調(diào)整透明度即可。

發(fā)光字!ps做漂亮的發(fā)光文字效果

我們還可以為這個圖案增加夜空的效果。相信大家如果看過我的教程LOW POLY系列(二)—— 打造低多邊形星系海報,也許對我所講的自制漫天繁星效果的技巧有留意到。這里,我們可以再次運用我所講過的運用添加雜色和調(diào)整色階的方式來自制繁星效果。在背景圖層的上方復(fù)制一個背景層,進入【濾鏡>添加雜色】,雜色的數(shù)量為30,單色。然后在這個圖層上運用色階調(diào)整圖層,記得將色階調(diào)整圖層轉(zhuǎn)為剪切蒙版,只在這個圖層上運用。改變色階的滑塊來創(chuàng)作效果。再將這個圖層的混合模式變?yōu)轭伾珳p淡。

這時,讓我們再添加一個grunge的圖案,圖案可以在文章開頭提供下載的地方去下載,然后拖入到所有圖層最上方的位置。將圖案的混合模式改為正片疊底。

還可以繼續(xù)增加效果嗎?當(dāng)然。你可以拿出光暈的畫筆點綴些光芒;蛘咂渌N以诖瞬辉僖灰毁樖。只要你能把整體效果拿捏得好,一切都順心所欲。

最終效果圖如下:

發(fā)光字!ps做漂亮的發(fā)光文字效果

后記

這類閃亮的藝術(shù)效果對于字體的選用非常講究,而且文字的數(shù)量不應(yīng)太多。對于擬物特效的把握,最重要關(guān)注的地方就是高光和陰影的部分。這兩部分處理好了,效果才會更加立體而寫實化。

PSD文檔:http://vdisk.weibo.com/lc/2uZbBupjAkYR4tXtDf 密碼:ULVU

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夢曦冰2019-03-06 07:45
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
清酒濁淚薄唇飲2016-07-20 04:32
我喜歡你倫敏宜

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!