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

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字(4)

來源:學(xué)UI網(wǎng) 作者:郭郭 學(xué)習(xí):21487人次

本篇教程通過PS制作復(fù)古風(fēng)格的發(fā)光字體,主要用到圖層樣式制作,對(duì)為多個(gè)文本圖層使用不同的圖層樣式,就可以得到簡(jiǎn)單快速的字體效果,同學(xué)們可以從中學(xué)到如何使用智能對(duì)象和圖層樣式實(shí)現(xiàn)簡(jiǎn)單、可編輯的發(fā)光字體效果,具體如何操作一起來看下吧。

效果圖:

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn
www.theoat.com.cn

操作步驟:

一.創(chuàng)建背景

步驟1:新建一個(gè)1200px × 800px大小的畫布,然后單擊“圖層”面板底部的“創(chuàng)建新的填充或調(diào)整圖層”圖標(biāo),然后選擇“純色”。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟2:純色顏色調(diào)整圖層顏色為 #162c3a。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟3:雙擊純色填充圖層添加漸變疊加,參數(shù)如下 混合模式:線性加深;不透明度:20%; 樣式:徑向漸變,角度90度 縮放比例比例:150% 漸變從左到右:#ffffff至#ababab

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

二、創(chuàng)建文本

步驟1:創(chuàng)建POWER,大寫,字體 Bungee,字號(hào)為200pt,字距100pt,字體顏色#da1a75。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟2:將文本圖層重命名為“Text”,右鍵單擊它,轉(zhuǎn)換為智能對(duì)象。這是一個(gè)可選步驟,能在創(chuàng)建效果后更輕松地更改文本。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟3:復(fù)制“Text”圖層兩次,第一個(gè)“Text”文本隱藏 。將第一個(gè)副本重命名為“Back”,第二個(gè)命名為“Front”。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟4:將“Back”文本向下和向右移動(dòng)少許;復(fù)制“Front”和“Back”兩個(gè)圖層,復(fù)制的圖層編組,并命名組Glow。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

三、給“Back”圖層添加圖層樣式

步驟1:添加斜面浮雕

光澤等高線:內(nèi)凹-淺 ,勾選抗鋸齒,高光模式 – 不透明度:30%,陰影模式 – 不透明度:25%

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟2:添加等高線

等高線模式為錐形,勾選抗鋸齒,范圍100%。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟3:添加描邊

內(nèi)描邊,大小1px,混合模式為濾色,不透明度100%,使用faucet 70 漸變填充(在壓縮包里放著,名為:Chrome的漸變文件中可以找到名為aucet 70 的漸變),樣式為對(duì)稱,角度90度。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟4:添加第2個(gè)描邊

外描邊,大小5px,填充類型為漸變,樣式:對(duì)稱,不透明度52%,角度90度,混合模式為濾色,使用stove pipe 10漸變填充(在壓縮包里放著,名為:Chrome的漸變文件中可以找到名為stove pipe 10的漸變)。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟5:添加外發(fā)光

不透明度31%,使用 aluminum 70(在壓縮包Chrome文件找)漸變填充:,大小5px,擴(kuò)展28%,方法:柔和,等高線選擇高斯,勾選抗鋸齒。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟6:添加投影

大小50px,距離20px,不透明度70%,混合模式正片疊底,角度120度。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟7:復(fù)制圖層樣式

復(fù)制“Back”的圖層樣式粘貼給“Front”圖層

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

四、給“Front”圖層添加圖層樣式

步驟1:復(fù)制“Front”圖層,添加內(nèi)陰影,參數(shù)如下:大小20px,距離10px,阻塞3%,角度141度,混合模式正片疊底,不透明度35%。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

啦啦啦,“Front”圖層的字體效果完成了

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

五、創(chuàng)建中間層

步驟1:同時(shí)復(fù)制“Back”和“Front”圖層

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟2:為兩個(gè)復(fù)制的圖層去掉投影圖層樣式,通過拖拽至圖層面板的“刪除”按鈕予以刪除。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟3:同時(shí)選中復(fù)制的兩個(gè)圖層,轉(zhuǎn)換為智能對(duì)象,命名為“Middle”,放置在“Front”和“Back”兩個(gè)圖層中間

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

六、為“Middle”圖層添加圖層樣式

步驟1:內(nèi)發(fā)光

顏色,#b9eee8,大小5px,方式:精準(zhǔn),混合模式線性光,不透明度100%,等高線環(huán)形,勾選抗鋸齒。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟2:投影

添加投影,顏色#b9eee8,混合模式為線性光,不透明度100%,大小20px,距離為0,角度120度。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

這樣子,”Middle“部分效果就做好了

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

七、為“Glow”圖層添加圖層樣式

步驟1:內(nèi)陰影

混合模式線性光,不透明度35%,顏色#d1cc90,大小150px,方式:精準(zhǔn),等高線為滾動(dòng)斜坡。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟2:外發(fā)光

添加外發(fā)光,顏色##5df5ff,混合模式為淺色,不透明度50%,大小16px,距離為0,等高線內(nèi)凹-深。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

這樣能為字體增加更多的光效果。

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

七、增加外發(fā)光

步驟1:將所有可見圖層編組,并命名為“Text Effect”

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

步驟2:為“TEXT EFFECT〞圖層組添加外發(fā)光,參數(shù)如下:顏色#4ec8be,大小200px,圖層混合模式為淺色,不透明度50%.

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

八、為文本添加紋理效果

步驟1:將數(shù)字Grunge紋理14圖像(壓縮素材包里有)放置在所有圖層的頂部,并將其重命名為紋理。 轉(zhuǎn)到編輯>變換>逆時(shí)針旋轉(zhuǎn)90°,將紋理層的混合模式更改為線性加深,將其不透明度更改為10%。 根據(jù)需要調(diào)整紋理大小以獲得您喜歡的結(jié)果

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

好了,這個(gè)簡(jiǎn)單明亮,發(fā)光的文本效果就完成了,最終效果圖如下:

發(fā)光字,用PS制作復(fù)古發(fā)光藝術(shù)字_www.theoat.com.cn

同學(xué)們一起來制作一下吧,在以后的設(shè)計(jì)中也許會(huì)用的到。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
小雅兒2019-04-05 08:47
點(diǎn)贊
2018-08-23 04:39
請(qǐng)問老師 我沒有這些faucet 70 stove pipe 10 aluminum 70 的 壓縮包該怎么辦?
孤傲、也是一種態(tài)度02018-05-20 10:00
太喜歡了
6782018-02-01 09:56
簽到~_~
不見不念2018-02-01 08:53
厲害
豫劍少林2018-02-01 07:35
好東西
為你寫的歌2018-02-01 03:44
一青年問一位大師說:大師,我最近總是喜歡在網(wǎng)上看毛片,還忍不住都要擼幾把,有沒有什么辦法可以節(jié)制一下?大師看了他一眼,拿出一張白紙遞過去,青年對(duì)大師說:大師是讓我在這紙上寫下保證來引以為戒嗎?大師:戒你麻痹,把網(wǎng)址寫上來。。。。。。
江陰長江大橋2018-02-01 01:34
簽到
一久亦成習(xí)慣2018-02-01 01:32
新手
俊jun82018-02-01 01:18

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

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