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

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程(4)

來源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):8064人次

這個(gè)金屬字的制作方法是用圖層樣式做出立體的金屬感覺,然后再用填充圖案做出蜂巢的紋理。教程不難,適合新手學(xué)習(xí)。

填充圖案:http://m.theoat.com.cn/photoshop/sucai/2015/r263041.html

圖片素材:http://pan.baidu.com/s/1eQKDvMU 密碼:3oon

首先,我們來看看我們的最終效果:

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

OK,下面我們開始。新建個(gè)文檔,我用的尺寸是1920*1080像素,設(shè)置前景色為#5d5d5c,背景色為#232323,使用徑向漸變做一個(gè)漸變背景。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

在素材包中,找到我所提供的紋理背景素材,添加到我們漸變背景層的上層,更改圖層混合模式為柔光,不透明度為100%,效果如下圖所示:

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

下面,我們完善一下背景,在這里我添加了一個(gè)色階調(diào)整層,通過調(diào)整色階,來強(qiáng)化背景的黑白對比度。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

到這里,背景算是完了,我們開始添加文字。

使用文字工具,打上我們要的字,我這里用的是P大點(diǎn)S四個(gè)字,然后復(fù)制P大點(diǎn)S文字圖層兩層,得到總共三層的文字圖層,等會我們將通過對這三個(gè)文字圖層設(shè)置圖層樣式來得到我們需要的金屬感紋理文字。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

下面,我們首先設(shè)置P大點(diǎn)S文字圖層的圖層樣式

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

這里的漸變比較蛋疼,其實(shí)也不用非要根據(jù)我的數(shù)值來做,這里的這個(gè)漸變設(shè)置,是為了模擬文字外邊的金屬效果的,通過從白到暗灰的顏色漸變,來模擬金屬的光澤感。

大家可以多自己試驗(yàn)幾次,看看漸變設(shè)置中的各個(gè)顏色在文字顯示上的各個(gè)位置,因?yàn)椴煌奈淖,不同的字體,都有可能導(dǎo)致漸變的流暢性和美觀程度,可以根據(jù)自己的需要,進(jìn)行適當(dāng)?shù)恼{(diào)整,總之還是一句話,教程是死的,數(shù)值是死的,照抄照搬用處不大,通過理解來做,有了自己的想法,才能得到進(jìn)步。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

接下來,我們首先將P大點(diǎn)S拷貝圖層的填充設(shè)置為0%,也許有人要問,填充和不透明度不是一樣嗎,其實(shí),有很大的差別,從圖層樣式的設(shè)置你就可以清楚的看到區(qū)別所在。如果你對圖層設(shè)置了圖層樣式,將填充改為0,圖層樣式會照樣顯示,而原圖層本身不會顯示,如果調(diào)整透明度的話,是連帶圖層樣式的效果一起調(diào)整的,你設(shè)置的圖層樣式也會跟著變透明。這里用一張圖來解釋一下,直觀一些

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

下面,我們設(shè)置P大點(diǎn)S拷貝圖層的圖層樣式

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

這里的這個(gè)云彩圖案是PS自帶的圖案,為了怕有人還是說找不到,在素材包里,我也提供了這個(gè)圖案,用預(yù)設(shè)管理器導(dǎo)入就行。

到現(xiàn)在我們應(yīng)該得到如下的效果

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

接下來,我們來設(shè)置P大點(diǎn)S拷貝2圖層的圖層樣式,一樣的,首先先將填充改成0

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

這個(gè)圖案也在素材包里提供了。

OK,目前為止,我們得到如下的效果:

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

下面,我們復(fù)制一層P大點(diǎn)S文字圖層,并將文字顏色改成黑色,置于所有文字圖層的下層,并下移一定的尺寸,這個(gè)下移多少像素說不清楚,自己把握吧,我們將使用這個(gè)圖層來做陰影。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

對這個(gè)黑色的文字圖層執(zhí)行動感模糊濾鏡,設(shè)置如下圖。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

再執(zhí)行一次高斯模糊,設(shè)置如下。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

有了陰影明顯好多了,我們再添加一個(gè)高光。同樣的,再次復(fù)制一層P大點(diǎn)S的文字,將其置于陰影圖層的上層,更改文字顏色為白色,執(zhí)行一個(gè)高斯模糊,再將圖層混合模式更改為柔光。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

OK,到這里就算完工了,一個(gè)簡單的圖層樣式的應(yīng)用,希望能給大家?guī)硪稽c(diǎn)幫助,做得不到位的地方,還請包涵,奉上所有圖層關(guān)系圖。

紋理字,設(shè)計(jì)蜂巢紋理金屬字體教程_m.theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
寒冰殤2018-06-30 09:02
太喜歡了
裊裊生煙2017-05-28 03:08
很好,頂一下老師
維他命蕃茄2017-05-28 03:05
很好,頂一下樓主
慢熱香梨2017-05-28 10:20
美美嗒
哭后冷笑2017-05-28 07:41
好棒!

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

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