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

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

來源:PS大點(diǎn) 作者:PS大點(diǎn) 學(xué)習(xí):6702人次

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

效果圖:

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn想學(xué)更多請(qǐng)?jiān)L問theoat.com.cn

操作步驟:

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

二、設(shè)置文本

3、選擇文本工具,輸入文字“Vote” ,設(shè)置字體為 Graffogie,大小為285 點(diǎn)。

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

1、首先,我們?cè)O(shè)置混合選項(xiàng):自定。

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

9.2、接下來,我們?cè)O(shè)置斜面和浮雕。

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

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

9.3、接著,我們?cè)O(shè)置內(nèi)陰影。

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

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

等高線:錐形—反轉(zhuǎn),勾選消除鋸齒,范圍:50%,抖動(dòng):0%

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

9.5、接著,是光澤。

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

9.6、接下來,我們?cè)O(shè)置漸變疊加。

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

9.7、接下來,我們?cè)O(shè)置外發(fā)光。

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

方法:精確,擴(kuò)展:50%,大。3像素

等高線:線性,勾選消除鋸齒,抖動(dòng):53%

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

9.8、最后,我們?cè)O(shè)置投影。

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

10.1、首先,我們?cè)O(shè)置混合選項(xiàng):自定。

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

10.2、接著,我們?cè)O(shè)置斜面和浮雕。

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

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

角度:90度,高度:30度

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

高光顏色:白色#ffffff,高光模式:濾色(這個(gè)無所謂,因?yàn)槲覀兊牟煌该鞫葘⒃O(shè)置為0),不透明度0%

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

10.3、設(shè)置一個(gè)描邊。

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

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

等高線:線性,勾選消除鋸齒,范圍:50%,抖動(dòng):0%

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

10.6、最后,我們添加一個(gè)投影。

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

11.1、首先,我們?cè)O(shè)置混合選項(xiàng):自定。

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

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

等高線:線性,勾選消除鋸齒,范圍:50%,抖動(dòng):0%

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

11.5、添加一個(gè)光澤

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

11.6、添加一個(gè)漸變疊加

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

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

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

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

方法:精確,擴(kuò)展:40%,大小:2像素

等高線:線性,勾選消除鋸齒,范圍:100%,抖動(dòng):53%

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

11.8、最后,添加一個(gè)投影

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

角度:90度,距離:5像素,擴(kuò)展:39%,大小:24像素

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

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

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn

當(dāng)然,我們也可以隨心所欲的修改顏色。

藝術(shù)字,通過PS的圖層樣式繪制個(gè)性涂鴉字_theoat.com.cn想學(xué)更多請(qǐng)?jiān)L問theoat.com.cn

做這個(gè)需要耐心,要不然做著做著就著急了,一起來學(xué)習(xí)一下吧。

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

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

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

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