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

ps牛仔布紋字教程(5)

來源:站酷 作者:z澤z 學習:3688人次

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟1

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟2

復制背景層 如圖。

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟3

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

步驟4

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

 

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟5

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

選擇形狀工具,看看這個選項欄在頂部。如圖粉紅色邊框

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟6

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

點設(shè)置形狀描邊類型選擇虛線預設(shè)。

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

點更多選項 然后,改變第一個虛線值為2.5,和第二個間隙值為1

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟7

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

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

等高線:使用默認值。

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

 

步驟8

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

改變陰影值為30

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟9

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

刷尖形狀:

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

形狀動態(tài):

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

散布:

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

顏色動態(tài)

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟10

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟11

雙擊剛才層來應用一個簡單的陰影,改變顏色為#222222,距離10,擴展15,大小為10。

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

 

12步驟12

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

第13步

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟14

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

步驟15

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

最終的圖像

Photoshop制作個性的牛仔布紋藝術(shù)字教程,PS教程,16xx8.com教程網(wǎng)

 

學習 · 提示

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

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

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