你曾經想過要用草來給文字制作效果嗎?你用photoshop就可以做出很好的效果。在這個教程中我們將用一張草的圖片來制作出一個看上去非常清涼的草的特效文字,這里需要使用鋼筆工具和一點點的耐性。
我喜歡在教程的開頭展現出我們將要做出的效果。因此廢話少說,這里是草特效的最終圖像,點擊這里將看到1920px×1200px的全圖效果 。
第一部分–背景
這個教程的制作有三個部分–背景,文字本身和一些最后額外的效果。因此第一步我將要制作一個背景。首先我們在photoshop中新建一個文檔。我使用的大小是1920px×1200px,因為我想把做出來的這個效果放在我的手提電腦桌面上。
我們開始運用漸變工具中的徑向漸變,從一個亮黃綠色(#adbf41)到綠色(#328a26)之間的變化。我很驚奇我總是喜歡在我寫的教程開始運用徑向漸變。
步驟2
現在我想為這個圖像創建一個紋理背景,這種紋理有點像紙張的效果。因此第一件事就是我們需要一個紙的紋理!
很幸運的是你可以從grungy paper textures from Bittbox獲取一些很棒的紋理,并且它們就漂亮又很大,對于這個很大的畫布來說是非常有利的。
我選擇的是紋理圖片中的第一個,降低它的飽和度(Ctrl+Shift+U),并且利用自由變換工具來使它適合畫布的大小。
步驟3
現在我們把紋理和漂亮的綠色背景進行混合,設置圖層的混合模式為疊加,降低不透明度為70%。
步驟4
現在的效果看上去感覺不太理想,然后復制這個圖層,把它旋轉180度并且設置透明度20%。然后我找到更多的紙的紋理(用不同的紋理,大分布都是來自Bittbox),并且把它們一個接一個的微弱的重疊起來。
因為紋理看上去有一些很大和尖銳的顆粒,感覺很糟糕。因此我決定結合一些而外的紋理并且減淡所有后,我可以得到一個更漂亮更清晰的整體外觀。
你可以在下面的截圖中里面看到有6個圖層。不要忘記你可以假加入會員,然后可以下載這個教程的PSD原文件。
通過大量臟的紙的重疊的效果,讓我們創造出一個更深入的背景紋理。
步驟5
現在我復制最初的漸變背景,把復制的圖層放在所有紋理的最上方,并且設置不透明度為40%–這一步是為了不讓圖層看上去那么的臟。
步驟6
現在我們可以在最上面增加一個圖層,并用一個大的軟的黑畫筆,在邊緣處增加一些黑色。設置圖層為疊加,透明度為30%。然后你可以復制這個圖層并使用一個強的高斯模糊(設置半徑大約為32px)。這樣可以讓邊緣看上去很柔和。
[Page: ]
步驟7
好了,現在我們擁有了一個漂亮的背景了。
第二部分–草特效的文字!
好了,我們現在開始制作草特效的文字了。因此,我們將要尋找一些漂亮的草的圖片。經過一番搜索之后,我最終在this lovely photo on Flickr of grass.里發現。
所以下載此圖像的全圖并復制到主要文檔中。
步驟9
接下來我們需要一些文字,經過精心的挑選后,我選擇使用的字體為Swiss 924BT,她是一種厚重和壓縮的字體。我想它能看上去更加的厚重和壯麗。我寫下文字”EARTH”.那是因為我將會制作五張墻紙–地球,水,火,空氣,精神…這非常像我小時候經常看的漫畫,船長的星球。
不管怎樣,設置你的文字為白色,圖層模式為疊加和透明度大約為50%。這個圖層不是最后顯示的效果,只是一個引導的圖層。
步驟10
好了,這里是把文字放在草上面的效果。
現在,我們先計劃一下!用草來制作出文字,只是把草應用在文字上還不足夠。我們需要它看上去能夠粗糙一些,并且字體的邊緣能有一些草伸展出去。為了做到這一點,我們要使用的文字形狀作為一個粗略的指導,然后大概的沿著他們周圍描繪,并且是沿著草的形狀來描繪。
現在我提醒你,這一步是很麻煩的。
步驟11
好了,因此這一步我們將要開始描繪。選擇自由鋼筆工具,如果你不能很好的控制它,那你可以在開始之前先操練熟。
注意我路徑伸出去的部分,是沿著草的形狀繪制的。這么做是為了當你剪下它們做為最后最后圖像時看上去能更像一塊草地。
步驟12
當你完成你的路徑后,最好將它保存在路徑調色板里。因此你可以點擊路徑調板下面的將路徑作為選區載入,然后儲存路徑。這樣假如在后來你需要再一次使用它時,你就可以拿來使用了。
直接雙擊路徑得到選區,然后返回到你的草地圖層,復制草的圖層為其余的字母做準備。然后按反選(Ctrl+Shift+I)刪除額外的草地。在下面的截圖中因為你復制了草地的圖層,所以你可以看到”E”的周圍還有隱約的草地。
[Page: ]
步驟13
好了,現在我們已經有了”E”在最終效果背景上顯現了。按你所看,它看上去的感覺比沒有仔細按草的邊緣描繪的效果要好一些。雖然看上去還不錯,但是它還需要增加一些深度。畢竟,如果把文字放在那,我們應該可以在它的下面添加一些陰影額。
步驟14
首先,我們將要增加一頁圖層樣式,給它增加一些三維空間的感覺。效果如下圖所示。
圖層樣式
這里是第一個圖層樣式的設置。
步驟15
現在,復制這個圖層,然后刪掉它的圖層樣式,因為我們要增加更多的圖層樣式。我們要增加一些像下圖的感覺。
圖層樣式
這是第二個圖層樣式…(注意那里的不透明度為51%以便它與先前的圖層更好的融合)
步驟16
雖然已經有很多樣式了,并且看上去還不錯,但是感覺還有很多需要處理的。現在我們需要增加一些陰影了。現在我們需要用一些技巧來完成。這個技巧在前面的教程中已經講到Using Light and Shade to Bring Text to Life。
現在已經制作出一種三維空間的感覺了。按住Ctrl+按住草地的圖層,然后在下面新建一個圖層,填充黑色。然后往右下方稍微移動一下進行填充,像這樣不停的填充直到填充成下圖的效果。我想大約需要15次的填充。
步驟17
現在我們運行一個濾鏡 模糊 動感模糊,設置角度為45度,距離為30像素。然后降低這個字的不透明度為50%。你現在做成的效果應該跟下圖的效果一樣。
步驟18
現在把陰影圖層往右下方移動,產生了一種奇異的效果!好像字母被蒙上了一層陰影。真是干凈漂亮!
[Page: ]
步驟19
現在我復制這個圖層三次。每一次我都會稍微擦去一點因為希望它能與文字更高的結合并使它稍微變暗一點。我設置了這些圖層為正片疊底。
步驟20
現在這個文字看上去已經非常不錯了,但是為了一些額外的深度,我們需要在背景的陰影部分增加一些草的樣式。與其再去剪切一些草的樣式,我們還不如直接用目前的這個字母來轉變。以便我們可以它設置的很暗融合進去,讓它看上去并沒有那么明顯。
你可以看下圖我所創建的一些草地部分。它們都是來自字母本身。
步驟21
現在把這些部分放入陰影區域,我們可以使它看上去就像是伸出去的草的陰影,它就是一個由草制作的3D物體。
因為這些新的少量草地是用來制作成陰影的,你可以用用加深工具來適當的加深。
步驟22
耶,一個字母已經完成了…完成另外的四個吧!我知道好的效果是要花很長的時間來完成的….麻煩!
步驟23
運用相同的精確技術…給A制作。
步驟24
R,T也是同樣…你得到了下面這樣的圖片。
[Page: ]
步驟25
最終,所有的文字都完成了!現在唯一要做的就是把這些字母擺放好位置。為每一個字母都建立一個屬于它們的圖層組,這樣移動她們就比較方便一些。
第三部分–最后
現在看上去它們都很漂亮了,只是顯得有點單調。因此最后額這個部分我們就是增加一些設計元素。注意我們不想它看上去太夸張,我希望她能充當桌面背景,因此留白很重要(為了我電腦上的圖標)。
首先,我們要增加一些額外的字體。我從巴哈教(我的宗教信仰)中引用了一個關于世界和平的一個經典名言。我喜歡引用,因為它有三個部分–引言,引號和來源。
我運用的字體是Swiss,它看上去比較瘦長。運用多種字體選用同一類型的(厚重的,輕的,等)比較好,這樣能確保你的字體看上去都很協調。
現在我把引言設置為疊加和不透明度為50%,然后再復制文字圖層為濾色和不透明度為50%。然后我把引號也設置為Swiss字體,但是使它們看上去額外的大和采用明亮的綠色。最后,引言的來源使用極小的字母,并中心垂直。當然,所有的引言部分要與”EARTH”字母的長度一致。
步驟27
接下來我們要為圖像增加一些高光。因此,在最上層新建圖層,并且運用漸變工具(G),在左上角畫一個由白色到透明的徑向漸變。然后設置圖層為柔光并降低飽和度為50%,是它變成一個很微妙的光線。
步驟28
現在我們為了打破整幅圖像都是綠色將增加兩個鮮艷的元素。它們是一個亮藍色的蝴蝶和紅色的瓢蟲。我從大量的免費素材網中選擇了everystockphoto這個優秀網站,從而發現了兩個很棒的素材圖像:瓢蟲/蝴蝶。
步驟29
提取這個圖像是相當簡單的。首先是蝴蝶。我們只需要在photoshop中打開圖像,用魔棒工具(w)去選區白色部分,然后運行選擇 修改 擴展,并且通過擴展1px來確保圖像被完全選取。然后Ctrl+Shift+I來反選這個選區,并且復制這個蝴蝶到主要的文檔中。
選擇瓢蟲我需要先裁切一下圖像。因為選擇一個小的物體,所以沒選擇上面額方法,而是選用鋼筆工具。
步驟30
現在我們已經永遠兩個額外的元素,依你所看,因為我給它坐了一些裁切,瓢蟲看上去感覺有些怪異.但是沒有關系,因為我們將要把它縮放到很小,那樣將看不到很多的細節.
接下來,把他們粘貼到主要文檔中,并且把它們縮放到適當的大小。最好不要把它們當的太近,因為這樣做是為了使它們互相平衡。
我為它們都增加陰影。由于瓢蟲很小又在草上面行走,所以增加一個非常小的陰影。對于蝴蝶,因為蝴蝶是在空中飛旋的,所以它的陰影就比較大一些,我設置的距離大約為10px。
最后!
現在我們已經做好了,一個干凈風格的草特效的文字已經完成了。