你曾經(jīng)想過要用草來給文字制作效果嗎？你用photoshop就可以做出很好的效果。在這個(gè)教程中我們將用一張草的圖片來制作出一個(gè)看上去非常清涼的草的特效文字，這里需要使用鋼筆工具和一點(diǎn)點(diǎn)的耐性。

我喜歡在教程的開頭展現(xiàn)出我們將要做出的效果。因此廢話少說，這里是草特效的最終圖像，點(diǎn)擊這里將看到1920px×1200px的全圖效果 。

第一部分–背景

這個(gè)教程的制作有三個(gè)部分–背景，文字本身和一些最后額外的效果。因此第一步我將要制作一個(gè)背景。首先我們?cè)趐hotoshop中新建一個(gè)文檔。我使用的大小是1920px×1200px，因?yàn)槲蚁氚炎龀鰜淼倪@個(gè)效果放在我的手提電腦桌面上。

我們開始運(yùn)用漸變工具中的徑向漸變，從一個(gè)亮黃綠色(#adbf41)到綠色(#328a26)之間的變化。我很驚奇我總是喜歡在我寫的教程開始運(yùn)用徑向漸變。

步驟2

現(xiàn)在我想為這個(gè)圖像創(chuàng)建一個(gè)紋理背景，這種紋理有點(diǎn)像紙張的效果。因此第一件事就是我們需要一個(gè)紙的紋理！

很幸運(yùn)的是你可以從grungy paper textures from Bittbox獲取一些很棒的紋理，并且它們就漂亮又很大，對(duì)于這個(gè)很大的畫布來說是非常有利的。

我選擇的是紋理圖片中的第一個(gè)，降低它的飽和度(Ctrl+Shift+U),并且利用自由變換工具來使它適合畫布的大小。

步驟3

現(xiàn)在我們把紋理和漂亮的綠色背景進(jìn)行混合，設(shè)置圖層的混合模式為疊加，降低不透明度為70%。

步驟4

現(xiàn)在的效果看上去感覺不太理想，然后復(fù)制這個(gè)圖層，把它旋轉(zhuǎn)180度并且設(shè)置透明度20%。然后我找到更多的紙的紋理（用不同的紋理，大分布都是來自Bittbox），并且把它們一個(gè)接一個(gè)的微弱的重疊起來。

因?yàn)榧y理看上去有一些很大和尖銳的顆粒，感覺很糟糕。因此我決定結(jié)合一些而外的紋理并且減淡所有后，我可以得到一個(gè)更漂亮更清晰的整體外觀。

你可以在下面的截圖中里面看到有6個(gè)圖層。不要忘記你可以假加入會(huì)員，然后可以下載這個(gè)教程的PSD原文件。

通過大量臟的紙的重疊的效果，讓我們創(chuàng)造出一個(gè)更深入的背景紋理。

步驟5

現(xiàn)在我復(fù)制最初的漸變背景，把復(fù)制的圖層放在所有紋理的最上方，并且設(shè)置不透明度為40%–這一步是為了不讓圖層看上去那么的臟。

步驟6

現(xiàn)在我們可以在最上面增加一個(gè)圖層，并用一個(gè)大的軟的黑畫筆，在邊緣處增加一些黑色。設(shè)置圖層為疊加，透明度為30%。然后你可以復(fù)制這個(gè)圖層并使用一個(gè)強(qiáng)的高斯模糊（設(shè)置半徑大約為32px）。這樣可以讓邊緣看上去很柔和。

[Page: ]

步驟7

好了，現(xiàn)在我們擁有了一個(gè)漂亮的背景了。

第二部分–草特效的文字！

好了，我們現(xiàn)在開始制作草特效的文字了。因此，我們將要尋找一些漂亮的草的圖片。經(jīng)過一番搜索之后，我最終在this lovely photo on Flickr of grass.里發(fā)現(xiàn)。

所以下載此圖像的全圖并復(fù)制到主要文檔中。

步驟9

接下來我們需要一些文字，經(jīng)過精心的挑選后，我選擇使用的字體為Swiss 924BT，她是一種厚重和壓縮的字體。我想它能看上去更加的厚重和壯麗。我寫下文字”EARTH”.那是因?yàn)槲覍?huì)制作五張墻紙–地球，水，火，空氣，精神…這非常像我小時(shí)候經(jīng)?？吹穆?，船長的星球。

不管怎樣，設(shè)置你的文字為白色，圖層模式為疊加和透明度大約為50%。這個(gè)圖層不是最后顯示的效果，只是一個(gè)引導(dǎo)的圖層。

步驟10

好了，這里是把文字放在草上面的效果。

現(xiàn)在，我們先計(jì)劃一下！用草來制作出文字，只是把草應(yīng)用在文字上還不足夠。我們需要它看上去能夠粗糙一些，并且字體的邊緣能有一些草伸展出去。為了做到這一點(diǎn)，我們要使用的文字形狀作為一個(gè)粗略的指導(dǎo)，然后大概的沿著他們周圍描繪，并且是沿著草的形狀來描繪。

現(xiàn)在我提醒你，這一步是很麻煩的。

步驟11

好了，因此這一步我們將要開始描繪。選擇自由鋼筆工具，如果你不能很好的控制它，那你可以在開始之前先操練熟。

注意我路徑伸出去的部分，是沿著草的形狀繪制的。這么做是為了當(dāng)你剪下它們做為最后最后圖像時(shí)看上去能更像一塊草地。

步驟12

當(dāng)你完成你的路徑后，最好將它保存在路徑調(diào)色板里。因此你可以點(diǎn)擊路徑調(diào)板下面的將路徑作為選區(qū)載入，然后儲(chǔ)存路徑。這樣假如在后來你需要再一次使用它時(shí)，你就可以拿來使用了。

直接雙擊路徑得到選區(qū)，然后返回到你的草地圖層，復(fù)制草的圖層為其余的字母做準(zhǔn)備。然后按反選(Ctrl+Shift+I)刪除額外的草地。在下面的截圖中因?yàn)槟銖?fù)制了草地的圖層，所以你可以看到”E”的周圍還有隱約的草地。

[Page: ]

步驟13

好了，現(xiàn)在我們已經(jīng)有了”E”在最終效果背景上顯現(xiàn)了。按你所看，它看上去的感覺比沒有仔細(xì)按草的邊緣描繪的效果要好一些。雖然看上去還不錯(cuò)，但是它還需要增加一些深度。畢竟，如果把文字放在那，我們應(yīng)該可以在它的下面添加一些陰影額。

步驟14

首先，我們將要增加一頁圖層樣式，給它增加一些三維空間的感覺。效果如下圖所示。

圖層樣式

這里是第一個(gè)圖層樣式的設(shè)置。

步驟15

現(xiàn)在，復(fù)制這個(gè)圖層，然后刪掉它的圖層樣式，因?yàn)槲覀円黾痈嗟膱D層樣式。我們要增加一些像下圖的感覺。

圖層樣式

這是第二個(gè)圖層樣式…（注意那里的不透明度為51%以便它與先前的圖層更好的融合）

步驟16

雖然已經(jīng)有很多樣式了，并且看上去還不錯(cuò)，但是感覺還有很多需要處理的?，F(xiàn)在我們需要增加一些陰影了?，F(xiàn)在我們需要用一些技巧來完成。這個(gè)技巧在前面的教程中已經(jīng)講到Using Light and Shade to Bring Text to Life。

現(xiàn)在已經(jīng)制作出一種三維空間的感覺了。按住Ctrl+按住草地的圖層，然后在下面新建一個(gè)圖層，填充黑色。然后往右下方稍微移動(dòng)一下進(jìn)行填充，像這樣不停的填充直到填充成下圖的效果。我想大約需要15次的填充。

步驟17

現(xiàn)在我們運(yùn)行一個(gè)濾鏡 模糊 動(dòng)感模糊，設(shè)置角度為45度，距離為30像素。然后降低這個(gè)字的不透明度為50%。你現(xiàn)在做成的效果應(yīng)該跟下圖的效果一樣。

步驟18

現(xiàn)在把陰影圖層往右下方移動(dòng)，產(chǎn)生了一種奇異的效果！好像字母被蒙上了一層陰影。真是干凈漂亮！

[Page: ]

步驟19

現(xiàn)在我復(fù)制這個(gè)圖層三次。每一次我都會(huì)稍微擦去一點(diǎn)因?yàn)橄Ｍ芘c文字更高的結(jié)合并使它稍微變暗一點(diǎn)。我設(shè)置了這些圖層為正片疊底。

步驟20

現(xiàn)在這個(gè)文字看上去已經(jīng)非常不錯(cuò)了，但是為了一些額外的深度，我們需要在背景的陰影部分增加一些草的樣式。與其再去剪切一些草的樣式，我們還不如直接用目前的這個(gè)字母來轉(zhuǎn)變。以便我們可以它設(shè)置的很暗融合進(jìn)去，讓它看上去并沒有那么明顯。

你可以看下圖我所創(chuàng)建的一些草地部分。它們都是來自字母本身。

步驟21

現(xiàn)在把這些部分放入陰影區(qū)域，我們可以使它看上去就像是伸出去的草的陰影，它就是一個(gè)由草制作的3D物體。

因?yàn)檫@些新的少量草地是用來制作成陰影的，你可以用用加深工具來適當(dāng)?shù)募由睢?/P>

步驟22

耶，一個(gè)字母已經(jīng)完成了…完成另外的四個(gè)吧！我知道好的效果是要花很長的時(shí)間來完成的….麻煩！

步驟23

運(yùn)用相同的精確技術(shù)…給A制作。

步驟24

R,T也是同樣…你得到了下面這樣的圖片。

[Page: ]

步驟25

最終，所有的文字都完成了！現(xiàn)在唯一要做的就是把這些字母擺放好位置。為每一個(gè)字母都建立一個(gè)屬于它們的圖層組，這樣移動(dòng)她們就比較方便一些。

第三部分–最后

現(xiàn)在看上去它們都很漂亮了，只是顯得有點(diǎn)單調(diào)。因此最后額這個(gè)部分我們就是增加一些設(shè)計(jì)元素。注意我們不想它看上去太夸張，我希望她能充當(dāng)桌面背景，因此留白很重要（為了我電腦上的圖標(biāo)）。

首先，我們要增加一些額外的字體。我從巴哈教（我的宗教信仰）中引用了一個(gè)關(guān)于世界和平的一個(gè)經(jīng)典名言。我喜歡引用，因?yàn)樗腥齻€(gè)部分–引言，引號(hào)和來源。

我運(yùn)用的字體是Swiss，它看上去比較瘦長。運(yùn)用多種字體選用同一類型的（厚重的，輕的，等）比較好，這樣能確保你的字體看上去都很協(xié)調(diào)。

現(xiàn)在我把引言設(shè)置為疊加和不透明度為50%，然后再復(fù)制文字圖層為濾色和不透明度為50%。然后我把引號(hào)也設(shè)置為Swiss字體，但是使它們看上去額外的大和采用明亮的綠色。最后，引言的來源使用極小的字母，并中心垂直。當(dāng)然，所有的引言部分要與”EARTH”字母的長度一致。

步驟27

接下來我們要為圖像增加一些高光。因此，在最上層新建圖層，并且運(yùn)用漸變工具（G），在左上角畫一個(gè)由白色到透明的徑向漸變。然后設(shè)置圖層為柔光并降低飽和度為50%，是它變成一個(gè)很微妙的光線。

步驟28

現(xiàn)在我們?yōu)榱舜蚱普鶊D像都是綠色將增加兩個(gè)鮮艷的元素。它們是一個(gè)亮藍(lán)色的蝴蝶和紅色的瓢蟲。我從大量的免費(fèi)素材網(wǎng)中選擇了everystockphoto這個(gè)優(yōu)秀網(wǎng)站，從而發(fā)現(xiàn)了兩個(gè)很棒的素材圖像：瓢蟲/蝴蝶。

步驟29

提取這個(gè)圖像是相當(dāng)簡單的。首先是蝴蝶。我們只需要在photoshop中打開圖像，用魔棒工具（w）去選區(qū)白色部分，然后運(yùn)行選擇 修改 擴(kuò)展，并且通過擴(kuò)展1px來確保圖像被完全選取。然后Ctrl+Shift+I來反選這個(gè)選區(qū)，并且復(fù)制這個(gè)蝴蝶到主要的文檔中。

選擇瓢蟲我需要先裁切一下圖像。因?yàn)檫x擇一個(gè)小的物體，所以沒選擇上面額方法，而是選用鋼筆工具。

步驟30

現(xiàn)在我們已經(jīng)永遠(yuǎn)兩個(gè)額外的元素，依你所看，因?yàn)槲医o它坐了一些裁切，瓢蟲看上去感覺有些怪異.但是沒有關(guān)系，因?yàn)槲覀儗⒁阉s放到很小，那樣將看不到很多的細(xì)節(jié).

接下來，把他們粘貼到主要文檔中，并且把它們縮放到適當(dāng)?shù)拇笮?。最好不要把它們?dāng)?shù)奶驗(yàn)檫@樣做是為了使它們互相平衡。

我為它們都增加陰影。由于瓢蟲很小又在草上面行走，所以增加一個(gè)非常小的陰影。對(duì)于蝴蝶，因?yàn)楹窃诳罩酗w旋的，所以它的陰影就比較大一些，我設(shè)置的距離大約為10px。

最后！

現(xiàn)在我們已經(jīng)做好了，一個(gè)干凈風(fēng)格的草特效的文字已經(jīng)完成了。