這是我最近想做一個(gè)布紋質(zhì)感的ui的時(shí)候無意間找到的一個(gè)關(guān)于做牛仔布效果的字教程，雖然離我想做的還有點(diǎn)距離，我也不知道有沒有人傳過類似這樣的教程，跟大家分享下國(guó)外的教程，本人的翻譯有限希望能諒解。

步驟1

創(chuàng)建一個(gè)新的1250 x 768 px的文檔。

設(shè)置前景色為#83b7ca,背景色為#22576b,然后,填補(bǔ)“背景”層的前景顏色。

接下來,我們將應(yīng)用一些濾鏡庫來創(chuàng)建牛仔紋理。相同的結(jié)構(gòu)將用于兩個(gè)背景和文本。首先濾鏡>濾鏡庫 >素描>半調(diào)圖案。改變大小為1,對(duì)比度為0,然后選擇“點(diǎn)”從模式類型下拉菜單。

這將創(chuàng)建基礎(chǔ)的牛仔紋理。

藝術(shù)效果>涂抹棒 >.改變描邊長(zhǎng)度為2,高光區(qū)域到12,強(qiáng)度到10。

紋理> 顆粒>。改變強(qiáng)度到11,對(duì)比到50,然后顆粒類型選擇“常規(guī)”

步驟2

復(fù)制背景層 如圖。

選擇“背景”層 圖像>調(diào)整>色相/飽和度,改變色調(diào)到20,飽和到-50,而明度具有-50。

圖像>調(diào)整>色階 改變陰影值35。

步驟3

創(chuàng)建文本中使用的字體Grobold白色。在字符面板(窗口>字符),改變大小300 pt和跟蹤值設(shè)置為75,以避免重疊。

注意,字母“D”仍然是一位接近字母“e”,這將導(dǎo)致一個(gè)重疊的邊緣影響后面。.為了解決這個(gè)問題,將文字工具點(diǎn)到字母“D”與“e”之間,然后改變字距調(diào)整值設(shè)置為68。

你們可以用其他字體但是要注意文字與文字之間的間距避免后面擴(kuò)大選區(qū)的時(shí)候重疊

步驟4

使“背景副本”層可見,將它拖到文字圖層上面。然后,Ctrl +鼠標(biāo)移動(dòng)到文字圖層單擊文本圖層創(chuàng)建一個(gè)選區(qū)。

選擇>修改> 擴(kuò)展,值為6。如果選區(qū)有重疊那么就地重新做上一步把文字的間距拉大

選擇“背景副本”層,然后按Ctrl + j .這將復(fù)制并粘貼選擇區(qū)域在一個(gè)新的圖層。使“背景層“看不見 這時(shí)我們已經(jīng)不需要它了。

復(fù)制圖層稱為“圖層1”,然后改變文本的混合模式為柔光,不透明度為50%。T這將加劇的顏色和紋理的細(xì)節(jié)。

雙擊“圖層1”來做一個(gè)簡(jiǎn)單的內(nèi)陰影效果,通過圖層樣式 內(nèi)陰影改變透明度為50%,距離為0,大小為2。

步驟5

復(fù)制文字圖層,然后使原來的一個(gè)看不見的。將復(fù)制所有層之上。

右鍵單擊復(fù)制文本圖層然后選擇轉(zhuǎn)換為形狀。文本不再是可編輯的。

選擇形狀工具,看看這個(gè)選項(xiàng)欄在頂部。如圖粉紅色邊框

先選擇填充 “沒有顏色”。這將影響后面的描邊的顏色

步驟6

現(xiàn)在我們需要添加描邊的顏色。單擊顏色選擇器圖標(biāo),并得到顏色#c0b384。

點(diǎn)設(shè)置形狀描邊類型選擇虛線預(yù)設(shè)。

點(diǎn)更多選項(xiàng) 然后,改變第一個(gè)虛線值為2.5,和第二個(gè)間隙值為1

步驟7

雙擊針(文本形狀)層應(yīng)用下列圖層樣式:

斜面和浮雕:效果如圖,改變高光模式為濾色 顏色為#bea85a。

等高線:使用默認(rèn)值。

內(nèi)陰影:變化的距離為0和大小為1。

漸變疊加:改變混合模式為正片疊底,樣式未對(duì)稱的 透明度為35%,顏色參考#9d7621 #e1bf57 #906e1d #c5a03d #f0db67 #90731b #e9c95a #a08129

這只是我個(gè)人用的顏色 跟原圖可能有差別

外發(fā)光:改變混合模式為濾色,顏色為#444425,其大小為0。這將加強(qiáng)陰影效果。

投影:改變混合模式正片疊底 顏色# 112d37,透明度為80%,距離為0,大小為7,等高線第四個(gè)

減少圖層不透明度為85%左右的值。

步驟8

Ctrl +單擊一個(gè)牛仔紋理層的縮略圖來創(chuàng)一個(gè)選區(qū)。

點(diǎn)擊“創(chuàng)建新填充或調(diào)整圖層”圖標(biāo)下圖層面板并選擇色相/飽和度。選區(qū)將創(chuàng)建一個(gè)黑色的調(diào)整圖層,這樣它只影響紋理。

改變顏色值為10,而飽和值設(shè)置為-25。

再創(chuàng)建一個(gè)選區(qū),然后點(diǎn)擊“創(chuàng)建新填充或調(diào)整圖層”圖標(biāo),選擇的色階。

改變陰影值為30

步驟9

打開筆刷面板(窗口>刷)并選擇“沙丘草”刷然后修改其設(shè)置如下所示:

刷尖形狀:

形狀動(dòng)態(tài):

散布:

雙重畫筆:選擇“粉筆36像素”刷。

顏色動(dòng)態(tài)

步驟10

右鍵單擊原始文字圖層,選擇創(chuàng)建工作路徑。

設(shè)置前景色為#597f91和背景顏色#081f30。創(chuàng)建一個(gè)新層介于如圖所示的兩個(gè)圖層之間

選擇直接選擇工具,然后右鍵單擊工作路徑并選擇描邊路徑。

選擇筆刷工具下拉菜單 如圖

這將得到有些磨損的邊緣,但他們似乎薄和分散。讓他們更稠密,可以重復(fù)上一步描邊路徑兩次。

你應(yīng)該得到更好、更現(xiàn)實(shí)的邊緣現(xiàn)在看。回車/回到擺脫工作路徑。

步驟11

雙擊剛才層來應(yīng)用一個(gè)簡(jiǎn)單的陰影,改變顏色為#222222,距離10,擴(kuò)展15,大小為10。

影子將增加深度的平坦紋理。(這句是翻譯的不太懂可忽略)

12步驟12

創(chuàng)建一個(gè)新圖層在所有圖層的最上面,然后改變其混合模式為顏色減淡。.設(shè)置前景色為#8c6239。

Ctrl +單擊一個(gè)牛仔紋理層的縮略圖,然后Shift + Ctrl +單擊“strok”圖層的縮略圖將它添加到選擇。

使用任何的“鐵銹”筆刷來添加一些污垢的文本。它可能不那么明顯,但它會(huì)使效果更真實(shí)

第13步

創(chuàng)造一個(gè)新的層次上所有層。設(shè)置前景色和背景色回黑色和白色,然后去濾鏡>渲染>云彩 去除選區(qū)Ctrl + D

改變圖層的混合模式為疊加,不透明度為20%,這將增加亮度變化的紋理。

步驟14

點(diǎn)擊“創(chuàng)建新填充或調(diào)整圖層”圖標(biāo),并選擇漸變與映射。

確保調(diào)整層在所有圖層上然后改變其混合模式為柔光,不透明度為50%。This這將增強(qiáng)著色。

漸變是創(chuàng)建使用顏色#504d44 #aba277左邊和右邊。

步驟15

創(chuàng)建一個(gè)新層介于兩圖層之間,稱之為“鉚釘”。雙擊新層應(yīng)用下列圖層樣式:

斜面和浮雕:改變光澤輪廓,半圓,突出顯示模式生動(dòng)的光和不透明度65%,并檢查反鋸齒的盒子。

等高線:選擇圓錐輪廓,并檢查反鋸齒的盒子。

投影:只是改變的距離為0。

設(shè)置前景色為#564a2e,選擇一個(gè)硬一輪13 px刷,并開始增加鉚釘在角落。

最終的圖像