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

藝術字,通過PS的圖層樣式繪制個性涂鴉字(7)

來源:PS大點 作者:PS大點 學習:12202人次

本篇教程通過PS中的圖層樣式制作涂鴉墻上的藝術字,全程都是通過PS來進行制作,通過混合顏色帶和圖層樣式進行的應用進行制作,同學們可以進一步了解混合顏色帶,教程比較長,同學們需要靜下心來去學習和制作,一起通過教程來制作一下吧,相信通過實例同學們可以學的更好。

效果圖:

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn想學更多請訪問m.theoat.com.cn

操作步驟:

一、背景的創(chuàng)建

1、打開我們所提供的磚墻素材 Brick-wall.jpg,我們將使用這個磚墻背景來建立這個涂鴉文本效果。在PS中打開 Brick-wall.jpg,這個圖片是 Jan Stverak 編輯過的,尺寸大小都已經(jīng)調(diào)整好了的,同時我們也提供了一個未經(jīng)編輯的原始圖片,大致是調(diào)整了亮度,色階以及飽和度,你可以試試,或者,如果你想嘗試不同的背景,也可以自己查找一下其他背景。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

2、我創(chuàng)建了一個亮度/對比度調(diào)整層,再稍微降低些亮度。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

二、設置文本

3、選擇文本工具,輸入文字“Vote” ,設置字體為 Graffogie,大小為285 點。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

4、執(zhí)行“編輯——變換——變形”,設置變形類型為“花冠”,彎曲“21%”,H:-29%,V:22%,我們得到如下變形結果。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

5、從這個變形結果來看,V和O之間的間隔感覺比OTE大一些,所以,選擇住V字,把V字字符的字距調(diào)整為“-75”,這算是個細節(jié)問題吧。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

6、接下來,我們打上另外兩個文本“for”和“Pedro”,同樣的設置字體為 Graffogie,“for”文字大小為116點,字距75。“Pedro”文字大小為255點,字距75,一個文本一個圖層。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

7、選擇住三個文本圖層,CTRL+G創(chuàng)建圖層組,將圖層組旋轉-8°。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

三、創(chuàng)建涂鴉效果

8、首先,將三個文本圖層的填充都修改為0,現(xiàn)在文字都不顯示了,只剩下背景,沒關系,接下去我們將添加圖層樣式,以形成涂鴉效果。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9、接下來,我們給Vote文本圖層添加圖層樣式,從下圖中,你可以看到我們添加了好多的樣式。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

1、首先,我們設置混合選項:自定。

混合顏色帶:灰色,在下方的混合顏色帶中,設置下一圖層,在白色標記上按住Alt鍵單擊(mac用戶按住Option鍵單擊)將其拆分,然后將左側部分設置為161,將右側部分設置為236。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9.2、接下來,我們設置斜面和浮雕。

樣式:內(nèi)斜面,方法:雕刻清晰,深度:144%,方向:上,大。8像素,軟化:0像素

角度:98度,高度:30度,光澤等高線:線性,勾選消除鋸齒

高光顏色:#035b7c,高光模式:疊加,不透明度:100%

陰影顏色:#ff3000,陰影模式:疊加,不透明度:88%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9.3、接著,我們設置內(nèi)陰影。

混合模式:正常,顏色:黑色#000000,不透明度100%

角度-94度,距離:0像素,阻塞:0%,大。10像素

等高線:錐形,勾選消除鋸齒,雜色:11%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9.4、接下來,是內(nèi)發(fā)光。

混合模式:正常,不透明度:19%,雜色:61%,顏色:黑色#000000

方法:精確,源:居中,阻塞:1%,大小:10像素

等高線:錐形—反轉,勾選消除鋸齒,范圍:50%,抖動:0%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9.5、接著,是光澤。

混合模式:疊加,顏色:#64ec87,不透明度:100%

角度:90度,距離:19像素,大。24像素

等高線:半圓,勾選消除鋸齒,勾選反相

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9.6、接下來,我們設置漸變疊加。

混合模式 :線性加深,勾選仿色,不透明度:6%

漸變顏色為白到黑的漸變(具體參數(shù)請參見下圖)

樣式:線性,勾選與圖層對齊,角度:90度,縮放:60%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9.7、接下來,我們設置外發(fā)光。

混合模式:線性加深,不透明度:29%,雜色:0%,顏色:黑色#000000

方法:精確,擴展:50%,大。3像素

等高線:線性,勾選消除鋸齒,抖動:53%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

9.8、最后,我們設置投影。

混合模式:正常,顏色:黑色#000000,不透明度:95%

角度:90度,距離:5像素,擴展:39%,大。24像素

等高線:線性,勾選消除鋸齒,雜色:10%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

10、接下來,我們給 for 文本圖層添加圖層樣式,依舊添加了好多的樣式,而且混合顏色帶的運用也不一樣了。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

10.1、首先,我們設置混合選項:自定。

混合顏色帶:灰色,在下方的混合顏色帶中,設置下一圖層,在白色標記上按住Alt鍵單擊(mac用戶按住Option鍵單擊)將其拆分,然后將左側部分設置為158,將右側部分設置為217。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

10.2、接著,我們設置斜面和浮雕。

樣式:內(nèi)斜面,方法:平滑,深度:100%

方向:上,大小:8像素,軟化:0像素

角度:90度,高度:30度

光澤等高線:線性,勾選消除鋸齒

高光顏色:白色#ffffff,高光模式:濾色(這個無所謂,因為我們的不透明度將設置為0),不透明度0%

陰影顏色:黑色#000000,陰影模式:正片疊底,不透明度:50%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

10.3、設置一個描邊。

大。1像素,位置:外部,混合模式:正常,不透明度:100%

填充類型:顏色,顏色:黑色#000000

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

10.4、添加一個內(nèi)陰影。

混合模式:正常,顏色:黑色#000000,不透明度:100%

角度:-94度,距離:0像素,阻塞:18%,大小:5像素

等高線:線性,勾選消除鋸齒,雜色:11%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

10.5、添加一個內(nèi)發(fā)光。

混合模式:正常,不透明度:30%,雜色:61%,顏色:黑色#000000

方法:精確,源:邊緣,阻塞:1%,大。4像素

等高線:線性,勾選消除鋸齒,范圍:50%,抖動:0%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

10.6、最后,我們添加一個投影。

混合模式:正常,顏色:黑色#000000,不透明度:96%

角度:90度,距離:5像素,擴展:27%,大。18像素

等高線:線性,勾選消除鋸齒,雜色:17%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11、接下來,我們給 pedro 文本圖層添加圖層樣式,依舊添加了好多的樣式,而且混合顏色帶的運用也不一樣了。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.1、首先,我們設置混合選項:自定。

混合顏色帶:灰色,在下方的混合顏色帶中,設置下一圖層,在黑色標記上按住Alt鍵單擊(mac用戶按住Option鍵單擊)將其拆分,然后將右側部分設置為80。接著,在白色標記上按住Alt鍵單擊(mac用戶按住Option鍵單擊)將其拆分,然后將左側部分設置為139,將右側部分設置為201。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.2、現(xiàn)在,我們添加一個斜面和浮雕。

樣式:內(nèi)斜面,方法:雕刻清晰,深度:144%,方向:上,大。8像素,軟化:0像素

角度:98度,高度:30度,光澤等高線:線性,勾選消除鋸齒

高光顏色:#1faee3,高光模式:疊加,不透明度:100%

陰影顏色:#ce43db,陰影模式:疊加,不透明度:88%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.3、添加一個內(nèi)陰影

混合模式:正常,顏色:黑色#000000,不透明度:100%

角度:-94度,距離:0像素,阻塞:0%,大小:10像素

等高線:錐形,勾選消除鋸齒,雜色:11%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.4、添加一個內(nèi)發(fā)光

混合模式:線性減淡(添加),不透明度:33%,雜色:47%,顏色:#dd8925

方法:精確,源:居中,阻塞:58%,大。16像素

等高線:線性,勾選消除鋸齒,范圍:50%,抖動:0%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.5、添加一個光澤

混合模式:疊加,顏色:#f08d18,不透明度100%

角度:90度,距離:19像素,大小:24像素

等高線:半圓,勾選消除鋸齒,勾選反相

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.6、添加一個漸變疊加

混合模式 :線性加深,勾選仿色,不透明度:6%

漸變顏色為白到黑的漸變(具體參數(shù)請參見下圖)

樣式:線性,勾選與圖層對齊,角度:90度,縮放:60%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.7、添加一個外發(fā)光

混合模式:線性加深,不透明度:29%,雜色:0%,顏色:黑色#000000

方法:精確,擴展:40%,大。2像素

等高線:線性,勾選消除鋸齒,范圍:100%,抖動:53%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

11.8、最后,添加一個投影

混合模式:正常,顏色:黑色#000000,不透明度:96%

角度:90度,距離:5像素,擴展:39%,大。24像素

等高線:線性,勾選消除鋸齒,雜色:10%

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

設置完圖層樣式,我們最終得到這樣的效果,涂鴉的效果有木有,三種不同涂鴉效果的樣式設置,你GET了嗎?

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

換成金屬劃痕的背景,效果也不錯,換個字神馬的,都是小意思。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn

當然,我們也可以隨心所欲的修改顏色。

藝術字,通過PS的圖層樣式繪制個性涂鴉字_m.theoat.com.cn想學更多請訪問m.theoat.com.cn

做這個需要耐心,要不然做著做著就著急了,一起來學習一下吧。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關注大神微博加入>>

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