創建清馨3D特效文字

導言：

在這篇教程中，我們將用一張草的圖片來製作出一個看上去非常清馨漂亮的草類3D特效文字，教程很詳細，希望能對大家有所幫助。

教程資源：

紙的紋理

草

瓢蟲

蝴蝶

製作過程：

這個教程的製作有三個部分–背景，文字本身和一些最後額外的效果。我們將一步一步的進行講解。

第一步

我將要製作一個背景。首先我們在photoshop中新建一個文檔。我使用的大小是1920px×1200px，因為我想把做出來的這個效果放在我的手提電腦桌麵上。我們開始運用漸變工具中的徑向漸變，從一個亮黃綠色(#adbf41)到綠色(#328a26)之間的變化。（圖01）

圖01

第二步

我想為這個圖像創建一個紋理背景，這種紋理有點像紙張的效果。因此第一件事就是我們需要一個紙的紋理，然後降低它的飽和度(Ctrl+Shift+U),並且利用自由變換工具來使它適合畫布的大小。（圖02）

圖02

第三步

然後把紋理和漂亮的綠色背景進行混合，設置圖層的混合模式為疊加，降低不透明度為70%。（圖03）

圖03

第四步

現在的效果看上去感覺不太理想，複製這個圖層，把它旋轉180度並且設置透明度20%。然後我找到更多的紙的紋理，並且把它們一個接一個的重疊起來。因為紋理看上去有一些很大和尖銳的顆粒，感覺很糟糕。因此我決定結合一些其他的紋理並且減淡所有後，創造出一個更深入的背景紋理。（圖04）

圖04

第五步

然後我複製最初的漸變背景，把複製的圖層放在所有紋理的最上方，並且設置不透明度為40%。這一步是為了不讓圖層看上去那麼的髒。（圖05）

圖05

#p#e#

第六步

接下來我們可以在最上麵增加一個圖層，並用一個大的軟的黑畫筆，在邊緣處增加一些黑色。設置圖層為疊加，透明度為30%。然後你可以複製這個圖層並使用一個強的高斯模糊（設置半徑大約為32px）。這樣可以讓邊緣看上去很柔和。（圖06）

圖06

好了，現在我們擁有了一個漂亮的背景了，來看看把。（圖07）

圖07

第七步

現在就要開始製作草特效的文字了。因此，我們將要尋找一些漂亮的草的圖片。（圖08）

圖08

第八步

接下來我們需要一些文字，經過精心的挑選後，我選擇使用的字體為Swiss 924BT，這是一種厚重和壓縮的字體。我想它能看上去更加的厚重和壯麗。我寫下文字EARTH。那是因為我將會製作五張牆紙–地球，水，火，空氣，精神。這非常像我小時候經常看的漫畫“船長的星球”。不管怎樣，設置你的文字為白色，圖層模式為疊加並且透明度大約為50%。這個圖層不是最後顯示的效果，隻是一個引導的圖層。（圖09）

圖09

第九步

好了，這裏是把文字放在草上麵的效果。現在，我們先計劃一下！用草來製作出文字，隻是把草應用在文字上還不足夠。我們需要它看上去能夠粗糙一些，並且字體的邊緣能有一些草伸展出去。為了做到這一點，我們要使用的文字形狀作為一個粗略的指導，並且是沿著草的形狀來描繪。這一步是很麻煩的。（圖10）

圖10

第十步

這一步我們將要開始描繪。選擇自由鋼筆工具，如果你不能很好的控製它，那你可以在開始之前先操練熟。注意我路徑伸出去的部分，是沿著草的形狀繪製的。這麼做是為了當你剪下它們做為最後最後圖像時看上去能更像一塊草地。（圖11）

圖11

第十一步

當你完成你的路徑後，最好將它保存在路徑調色板裏。因此你可以點擊路徑調板下麵的將路徑作為選區載入，然後儲存路徑。這樣假如在後來你需要再一次使用它時，你就可以拿來使用了。
直接雙擊路徑得到選區，然後返回到你的草地圖層，複製草的圖層為其餘的字母做準備。然後按反選(Ctrl+Shift+I)刪除額外的草地。在下麵的截圖中因為你複製了草地的圖層，所以你可以看到字母“E”的周圍還有隱約的草地。（圖12）

圖12

#p#e#

第十二步

好了，現在我們已經有了“E”在最終效果背景上顯現了。按你所看，它看上去的感覺比沒有仔細按草的邊緣描繪的效果要好一些。雖然看上去還不錯，但是它還需要增加一些深度。畢竟，如果把文字放在那，我們應該可以在它的下麵添加一些陰影額。（圖13）

圖13

第十三步

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

圖14

這裏是第一個圖層樣式的設置。（圖15、16）

圖15

圖16

第十四步

現在，複製這個圖層，然後刪掉它的圖層樣式，因為我們要增加更多的圖層樣式。我們要增加一些像下圖的感覺。（圖17）

圖17

這是第二個圖層樣式（注意那裏的不透明度為51%以便它與先前的圖層更好的融合）。（圖18、19、20）

圖18

圖19

圖20

#p#e#

第十五步

雖然現在已經有很多樣式了，並且看上去還不錯，但是感覺還有很多需要處理的。現在我們需要增加一些陰影了。現在我們需要用一些技巧來製作出一種三維空間的感覺了。然後按住Ctrl+草地的圖層，然後在下麵新建一個圖層，填充黑色。然後往右下方稍微移動一下進行填充，像這樣不停的填充直到填充成下圖的效果。我想大約需要15次的填充。（圖21）

圖21

第十六步

現在我們運行一個濾鏡>模糊>動感模糊，設置角度為45度，距離為30像素。然後降低這個字的不透明度為50%。你現在做成的效果應該跟下圖的效果一樣。（圖22）

圖22

第十七步

現在把陰影圖層往右下方移動，產生了一種奇異的效果！好像字母被蒙上了一層陰影。（圖23）

圖23

第十八步

現在我複製這個圖層三次。每一次我都會稍微擦去一點因為希望它能與文字更高的結合並使它稍微變暗一點。我設置了這些圖層為正片疊底。（圖24）

圖24

第十九步

現在這個文字看上去已經非常不錯了，但是為了一些額外的深度，我們需要在背景的陰影部分增加一些草的樣式。（圖25）

圖25

第二十步

現在把這些部分放入陰影區域，我們可以使它看上去就像是伸出去的草的陰影，它就是一個由草製作的3D物體。因為這些新的少量草地是用來製作成陰影的，你可以用用加深工具來適當的加深。（圖26）

圖26

第二十一步

OK，一個字母已經完成了。運用相同的方法，來完成另外的四個吧！（圖27、28、29）

圖27

圖28

圖29

第二十二步

現在唯一要做的就是把這些字母擺放好位置。為每一個字母都建立一個屬於它們的圖層組，這樣移動她們就比較方便一些。（圖30）

圖30

#p#e#

第二十三步

現在看上去它們都很漂亮了，隻是顯得有點單調。因此最後額這個部分我們就是增加一些設計元素。注意我們不想它看上去太誇張，我希望她能充當桌麵背景，因此留白很重要（為了我電腦上的圖標）。

首先，我們要增加一些額外的字體。我運用的字體是Swiss（當然你也可以選用你所喜歡的字體），它看上去比較瘦長。然後我把引言設置為疊加和不透明度為50%，然後再複製文字圖層為濾色和不透明度為50%。然後我把引號也設置為Swiss字體，但是使它們看上去額外的大和采用明亮的綠色。最後，引言的來源使用極小的字母，並中心垂直。當然，所有的引言部分要與“EARTH”字母的長度一致。（圖31）

圖31

第二十四步

接下來我們要為圖像增加一些高光。在最上層新建圖層，並且運用漸變工具，在左上角畫一個由白色到透明的徑向漸變。然後設置圖層為柔光並降低飽和度為50%，是它變成一個很微妙的光線。（圖32）

圖32

第二十五步

現在我們為了打破整幅圖像都是綠色將增加兩個鮮豔的元素。它們是一個亮藍色的蝴蝶和紅色的瓢蟲。（圖33）

圖33

第二十六步

提取這個圖像是相當簡單的。首先是蝴蝶。我們隻需要在photoshop中打開圖像，用魔棒工具（w）去選區白色部分，然後運行選擇>修改>擴展，並且通過擴展1px來確保圖像被完全選取。然後Ctrl+Shift+I來反選這個選區，並且複製這個蝴蝶到主要的文檔中。選擇瓢蟲我需要先裁切一下圖像。因為選擇一個小的物體，所以沒選擇上麵額方法，而是選用鋼筆工具。（圖34）

圖34

第二十七步

現在我們已經永遠兩個額外的元素，我做了一些裁切，瓢蟲看上去感覺有些怪異。但是沒有關係，因為把它縮放到很小，那樣將看不到很多的細節。接下來，把他們粘貼到圖層中，並且把它們縮放到適當的大小。接下來我又為它們都增加陰影。由於瓢蟲很小又在草上麵行走，所以增加一個非常小的陰影。對於蝴蝶，因為蝴蝶是在空中飛旋的，所以它的陰影就比較大一些，我設置的距離大約為10px。（圖35）

圖35

最後，來看下這個清馨漂亮效果吧！（圖36）

圖36