Adobe Photoshop的圖層樣式是迄今為止最快最有效的創(chuàng)造各類效果的功能。本教程會通過各類材質(zhì)、畫筆和選區(qū)選項(xiàng)帶領(lǐng)你了解圖層樣式的組合威力，并創(chuàng)建出逼真的在沙子上寫字的效果。

本教程中會使用到以下資源：

• GelPen字體
• SoilSand
• WaterFoam
• 白色背景上的獨(dú)立的紅色海星（付費(fèi)原因，已另找黃色海星，無礙最終效果）

素材打包 微盤下載

1.?加載自然圖案包

打開編輯?>預(yù)設(shè)管理器，在預(yù)設(shè)類型下拉菜單中選擇圖案。然后單擊預(yù)設(shè)類型右邊的小箭頭，選擇自然圖案。彈出詢問窗口的時(shí)候，選擇追加。

2.?創(chuàng)建背景

第1步

打開SoilSand圖像，然后在圖像?>?調(diào)整?>?色彩平衡中，在下方的色調(diào)平衡中選擇中間調(diào)，然后調(diào)整色彩平衡的值為。8，?-1和-26。

第2步

單擊高光選項(xiàng)，調(diào)整色彩平衡的值為5，?-1，和-5。這樣會調(diào)整沙子的材質(zhì)顏色。

第3步

復(fù)制背景圖層。

第4步

打開圖像?>?調(diào)整?>?色階，調(diào)整伽瑪值到0.80，這樣使得材質(zhì)略微變暗。

3.?創(chuàng)建文字

第1步

使用GelPen Medium字體在全大寫情況下輸入文字。字體大小為350 pt，字距調(diào)整為100，字色為#6c6760，另外如果你寫了不止一行的內(nèi)容，記得適當(dāng)調(diào)整行距。在這里我把它設(shè)為300 pt。

第2步

把文字圖層的混合模式改為柔光，然后復(fù)制一層。

4.?設(shè)置文字圖層樣式

第1步

雙擊原始的文字圖層，添加一個(gè)內(nèi)陰影效果，使用以下值：

• 取消勾選使用全局光
• ?角度:?-180
• ?距離:??20
• ?大小:?20

第2步

這是添加了內(nèi)陰影之后的效果。

想快速搞懂內(nèi)陰影功能嗎？右戳學(xué)習(xí)！《PS技巧學(xué)起來！幫你快速的徹底搞懂內(nèi)陰影功能》

第3步

雙擊被復(fù)制的那個(gè)文字圖層，應(yīng)用下列圖層樣式：

• ?樣式:?雕刻清晰
• ?方向:?下
• ?大小:?70
• 選中消除鋸齒
• ?陰影模式?-?不透明度:?100%

第4步

• ?等高線?:?如圖
• 選中消除鋸齒

第5步

這樣就畫出了文本里面的形狀。

5.?創(chuàng)建外邊緣畫筆并描邊

第1步

右鍵單擊任意文字圖層，并選擇創(chuàng)建工作路徑。在所有圖層頂端新建一個(gè)圖層，把它改名為1，然后選擇畫筆工具。

第2步

打開畫筆面板(窗口?>?畫筆)，選一個(gè)硬圓筆刷，然后按照下面所示修改設(shè)置：

畫筆筆尖形狀

第3步

形狀動態(tài)

第4步

使用直接選擇工具（A），?右鍵單擊路徑，然后選擇描邊路徑。

從工具下拉菜單中選擇畫筆，并單擊確定。然后按下回車以離開工作路徑。

6.?修改邊緣的描邊

第1步

Ctrl+單擊描邊圖層（圖層1）的略縮圖以創(chuàng)建選區(qū)。

第2步

在選擇?>?修改?>?收縮并輸入3。

第3步

Go to?選擇?>?修改?>?羽化并輸入2。

第4步

點(diǎn)擊圖層旁邊的眼睛隱藏描邊圖層，然后選擇背景副本圖層。

第5步

按Command/Ctrl+J復(fù)制選區(qū)到新圖層。默認(rèn)的話它會叫做圖層 1。把圖層 1拖到所有圖層的上面。

7.?修改描邊圖層樣式

雙擊?圖層 1?并應(yīng)用下列?圖層樣式:

第1步

• 選中?消除鋸齒
• ?高光模式:?柔光
• ?顏色:?#ffe1ba
• ?陰影模式:?線性加深
• ?顏色:?#d0c1ab

第2步

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

第3步

• ?圖案?:?多刺的灌木

第4步

描邊就變成這樣了。

8.?創(chuàng)建過渡區(qū)域

第1步

為了讓描邊和沙子的質(zhì)感融合得更自然，我們要添加一個(gè)過渡區(qū)域并羽化。再次使用圖層1創(chuàng)建一個(gè)選區(qū)。

第2步

選擇?>?修改?>?擴(kuò)展然后輸入7。

第3步

選擇?>?修改?>?羽化然后輸入5。

第4步

Command-Shift+單擊一個(gè)文字圖層的略縮圖以添加選區(qū)，這樣你的選區(qū)內(nèi)部就沒有空的地方了。

第5步

選擇原始的背景圖層，然后按Command/Ctrl+J以復(fù)制選區(qū)到新圖層。這個(gè)圖層會叫做圖層 2。把它拖到背景圖層和文字圖層之間。

第6步

雙擊?圖層 2應(yīng)用?投影效果。

• ?混合模式:?線性加深
• ?顏色:?#e8e3dc
• 取消選擇使用全局光
• ?角度:?139
• ?距離:?19
• ?大小:?18

第7步

你會發(fā)現(xiàn)它融合得好多了。

9. 創(chuàng)建散落的沙子

第1步

使用畫筆工具并打開畫筆。繼續(xù)使用硬圓筆尖，其它設(shè)置如下：

畫筆筆尖形狀

第2步

形狀動態(tài)

第3步

散布

第4步

右鍵單擊文字圖層并選擇創(chuàng)建工作路徑，在原始文字圖層下面創(chuàng)建一個(gè)新圖層，并命名為Stroke Shadow，使用直接選擇工具并把前景色設(shè)為#404040。

第5步

像之前那樣為路徑描邊，也別忘了釋放工作路徑。

10. 添加樣式

第1步

Ctrl+單擊Stroke Shadow圖層的略縮圖以創(chuàng)建選區(qū)。

第2步

選擇背景?副本圖層，按下Command/Ctrl+J，將復(fù)制后的圖層重命名為Stroke，然后把它拖到Stroke Shadow的上面去。

第3步

右鍵單擊圖層 1，選擇復(fù)制圖層樣式，然后右鍵單擊Stroke圖層，并選擇粘貼圖層樣式，這樣這個(gè)新的沙子描邊就有了樣式。

11.?修改隆起沙子的影子

第1步

選擇Stroke Shadow圖層，然后在濾鏡?>?模糊>?動感模糊中把角度改為-30，并把距離改到20。

第2步

把Stroke Shadow圖層的混合模式改為線性光，然后使用移動工具?(V)，單擊并拖動這個(gè)影子，使他看起來像是自然投影下來的。

第3步

Ctrl+單擊文字圖層的略縮圖以創(chuàng)建選區(qū)，選中Stroke Shadow圖層，然后按Delete（刪除）刪除陰影的內(nèi)部。結(jié)束之后選擇?>?取消選擇。

12.?添加海星

第1步

打開白色背景上的獨(dú)立的紅色海星圖像，使用魔棒工具選擇畫面上的白色區(qū)域，然后使用選擇?>?反選，再使用編輯?>?復(fù)制來復(fù)制一個(gè)海星。

素材改為黃色海星，不影響效果。同學(xué)們也可以到?http://hao.uisdc.com?的高清圖庫一欄搜索自己想要的圖片 ：）

第2步

回到原本的文檔，使用編輯?>?粘貼，并把海星放在所有圖層上面。使用圖像?>?調(diào)整?>?色相/飽和度，把飽和度降低到?-15，以降低一點(diǎn)顏色飽和。

第3步

雙擊海星的圖層，應(yīng)用下列圖層樣式:

• ?不透明度:?35%
• 取消勾選使用全局光
• ?角度:?-30

第4步

• ?混合模式:?正片疊底
• ?不透明度:?55%
• ?顏色:?#d8d2ca
• ?大小:?16

第5步

• ?混合模式:?線性光
• ?顏色:?#404040
• 取消勾選使用全局光
• ?角度:?138
• ?雜色:?20

第6步

這樣會給海星添加一個(gè)簡單的陰影

第7步

接下來你要做的，是使用在第8步做出來的畫筆，手工添加一些邊緣，然后重復(fù)第9-1到10-2步的方式為其增加影子。最后Ctrl+單擊海星的略縮圖創(chuàng)建選取，選擇海星的描邊圖層，然后按Delete（刪除）?來刪除描邊內(nèi)部的影子。

13.?調(diào)整顏色

第1步

單擊圖層面板底部的創(chuàng)建新的填充或調(diào)整圖層圖標(biāo)，并選擇曲線。

第2步

像圖中這樣調(diào)整曲線，你也可以單擊帶有箭頭的小手的圖標(biāo)，然后在圖像中單擊并拖動以隨意調(diào)整亮度。

第3步

再次單擊創(chuàng)建新的填充或調(diào)整圖層圖標(biāo)并選擇純色。

第4步

顏色設(shè)為#b1a99c，把圖層混合模式改為顏色加深，不透明度改為20%。

14. 添加泡沫

第1步

把WaterFoam圖像放在所有圖層上面，然后把混合模式改成濾色，然后使用圖像?>?調(diào)整?>?去色。把泡沫向下移動一點(diǎn)，你可以使用橡皮擦工具?(E)，圓軟筆尖，隨意擦掉不需要的部分。

第2步

在泡沫下面新建一個(gè)圖層Water。使用套索工具跟著泡沫的邊緣畫一個(gè)選區(qū)，稍微留一點(diǎn)距離，然后用#b2b3ad填充選區(qū)。

第3步

選擇?>?取消選擇。把Water圖層的混合模式改成正片疊底，并把不透明度改為20%。

第4步

使用濾鏡?>?模糊>?高斯模糊，把半徑改為5。

第5步

復(fù)制Water圖層，然后把不透明度改為15。把這個(gè)副本往下拖一點(diǎn)，在Water層和泡沫圖層中間制造一個(gè)暗一點(diǎn)的圖層。

15.?應(yīng)用光線濾鏡

第1步

選擇除了泡沫和Water圖層以外的所有圖層，復(fù)制一下，然后使用圖層?>?合并圖層。把合并后的圖層重命名為Final。

第2步

濾鏡?>?渲染?>?光照效果，選擇聚光燈，然后隨便移動光照范圍。

第3步

按下圖所示修改設(shè)置，所用顏色為RGB：

• 顏色: 246， 242， 234
• 著色: 247， 240， 223

第4步

每次你使用畫筆的時(shí)候，筆尖都會給你不同的效果。所以你可以多試幾次，直到你得到喜歡的效果。

恭喜！大功告成了。

希望你喜歡本教程，并找到有用的技巧和竅門。你可以在下面留言并向大家分享你的作品。

超好看的字體教程推薦！

可愛風(fēng)格的小叮當(dāng)字體教程！
《PS教程：創(chuàng)建可愛的哆啦A夢風(fēng)格字體》

看著就想么么噠的毛茸茸字體教程！
《PS教程：創(chuàng)建可愛的毛茸茸條紋文字效果》

好吃好看！特別浪漫！字體教程送上！
《PS新手教程：教你創(chuàng)建一枚巧克力奶油文字》

原文地址：Tuts+
優(yōu)設(shè)網(wǎng)譯者：@阿布
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量78萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：