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

ps制作炫麗草字特效字體(3)

來(lái)源:bbs.16xx8.com 作者:李志雄 學(xué)習(xí):3695人次


[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】
你曾經(jīng)想過(guò)要用草來(lái)給文字制作效果嗎?你用photoshop就可以做出很好的效果。在這個(gè)教程中我們將用一張草的圖片來(lái)制作出一個(gè)看上去非常清涼的草的特效文字,這里需要使用鋼筆工具和一點(diǎn)點(diǎn)的耐性。

第一部分–背景
這個(gè)教程的制作有三個(gè)部分–背景,文字本身和一些最后額外的效果。因此第一步我將要制作一個(gè)背景。首先我們?cè)趐hotoshop中新建一個(gè)文檔。我使用的大小是1920px×1200px,因?yàn)槲蚁氚炎龀鰜?lái)的這個(gè)效果放在我的手提電腦桌面上。
我們開(kāi)始運(yùn)用漸變工具中的徑向漸變,從一個(gè)亮黃綠色(#adbf41)到綠色(#328a26)之間的變化。我很驚奇我總是喜歡在我寫的教程開(kāi)始運(yùn)用徑向漸變。
[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

步驟2
現(xiàn)在我想為這個(gè)圖像創(chuàng)建一個(gè)紋理背景,這種紋理有點(diǎn)像紙張的效果。因此第一件事就是我們需要一個(gè)紙的紋理!
我選擇的是紋理圖片中的第一個(gè),降低它的飽和度(Ctrl+Shift+U),并且利用自由變換工具來(lái)使它適合畫布的大小。
[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

步驟3
現(xiàn)在我們把紋理和漂亮的綠色背景進(jìn)行混合,設(shè)置圖層的混合模式為疊加,降低不透明度為70%。
[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

步驟4
現(xiàn)在的效果看上去感覺(jué)不太理想,然后復(fù)制這個(gè)圖層,把它旋轉(zhuǎn)180度并且設(shè)置透明度20%。然后我找到更多的紙的紋理,并且把它們一個(gè)接一個(gè)的微弱的重疊起來(lái)。

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

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

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

第二部分–草特效的文字!
好了,我們現(xiàn)在開(kāi)始制作草特效的文字了。把素材拖進(jìn)來(lái)。

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

步驟9
寫一些文字。設(shè)置為白色模式設(shè)為疊加。透明度設(shè)成50%

步驟10
好了,這里是把文字放在草上面的效果。
現(xiàn)在,我們先計(jì)劃一下!用草來(lái)制作出文字,只是把草應(yīng)用在文字上還不足夠。我們需要它看上去能夠粗糙一些,并且字體的邊緣能有一些草伸展出去。為了做到這一點(diǎn),我們要使用的文字形狀作為一個(gè)粗略的指導(dǎo),然后大概的沿著他們周圍描繪,并且是沿著草的形狀來(lái)描繪。
現(xiàn)在我提醒你,這一步是很麻煩的。

步驟11
好了,因此這一步我們將要開(kāi)始描繪。選擇自由鋼筆工具,如果你不能很好的控制它,那你可以在開(kāi)始之前先操練熟。
注意我路徑伸出去的部分,是沿著草的形狀繪制的。這么做是為了當(dāng)你剪下它們做為最后最后圖像時(shí)看上去能更像一塊草地。

步驟12
當(dāng)你完成你的路徑后,最好將它保存在路徑調(diào)色板里。因此你可以點(diǎn)擊路徑調(diào)板下面的將路徑作為選區(qū)載入,然后儲(chǔ)存路徑。這樣假如在后來(lái)你需要再一次使用它時(shí),你就可以拿來(lái)使用了。
直接雙擊路徑得到選區(qū),然后返回到你的草地圖層,復(fù)制草的圖層為其余的字做準(zhǔn)備。然后按反選(Ctrl+Shift+I)刪除額外的草地。得到了一個(gè)周圍還隱約的草地的字。


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

步驟14
首先,我們將要增加一頁(yè)圖層樣式,給它增加一些三維空間的感覺(jué)。效果如下圖所示。

圖層樣式
這里是第一個(gè)圖層樣式的設(shè)置。
[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

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

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

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

步驟16
雖然已經(jīng)有很多樣式了,并且看上去還不錯(cuò),但是感覺(jué)還有很多需要處理的。現(xiàn)在我們需要增加一些陰影了。

按住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)生了一種奇異的效果!好像字母被蒙上了一層陰影。真是干凈漂亮!

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

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

步驟21
現(xiàn)在把這些部分放入陰影區(qū)域,我們可以使它看上去就像是伸出去的草的陰影,它就是一個(gè)由草制作的3D物體。
因?yàn)檫@些新的少量草地是用來(lái)制作成陰影的,你可以用用加深工具來(lái)適當(dāng)?shù)募由睢?/p>

步驟22
耶,一個(gè)字已經(jīng)完成了…完成另外的字吧!我知道好的效果是要花很長(zhǎng)的時(shí)間來(lái)完成的….麻煩!

步驟23
運(yùn)用相同的精確技術(shù)…給其它字制作。

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

下面是個(gè)別學(xué)員的作品

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

[轉(zhuǎn)載]Photoshop打造3D炫麗特效文字【PS草字】

學(xué)習(xí) · 提示

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

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

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