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

紙張效果,類似紙張撕裂的文本字文字效果(8)

來源:優(yōu)設(shè) 作者:ChloeRowe林雅諾 學(xué)習(xí):7566人次

今天這個教程很簡單,主要考驗?zāi)沅摴P工具的熟練度和蒙版的運用,30分鐘就可以學(xué)會特別流行的紙邊撕裂效果,素材已打包,新手來收!

素材鏈接:http://pan.baidu.com/s/1i3Vcx0p 密碼:1ydj

效果圖:

www.theoat.com.cn_0252525956-0.jpg

www.theoat.com.cn_025252H35-1.jpg

www.theoat.com.cn_025252L37-2.jpg

步驟1

我們要新建600*400的圖層,具體設(shè)置如圖所示哦~

www.theoat.com.cn_0252522340-3.jpg

步驟2

然后打上“Wirte”,設(shè)置文字的顏色為#FFE5CD,大小為140px~

www.theoat.com.cn_0252524322-4.jpg

www.theoat.com.cn_0252522932-5.jpg

步驟3

現(xiàn)在我們打開圖層樣式,參數(shù)設(shè)置如下圖所示:

投影,正常,透明度20%,角度90°,距離2px,大小1px

內(nèi)發(fā)光,正常,透明度7%,顏色#000000,柔軟,邊緣,大。15px

www.theoat.com.cn_0252525464-6.jpg

www.theoat.com.cn_0252521513-7.jpg

www.theoat.com.cn_0252522522-8.jpg

步驟4

然后捏,我們用“Ctrl+J”來復(fù)制一層文本,并把填充改變成0%~再打開圖層樣式設(shè)置參數(shù)~=W=

投影,正常,透明度25%,角度90°,距離3px,大小8px

www.theoat.com.cn_0252522L3-9.jpg

www.theoat.com.cn_02525254b-10.jpg

步驟5

這一步我們要將前景色改變成#804C1C哦,使用矩形工具,創(chuàng)建一個522*15px大小的長條矩形,如圖所示。然后選出文字選區(qū),再在長條矩形圖層添加蒙版,效果就如圖3所示那樣啦~

www.theoat.com.cn_0252524E4-11.jpg

www.theoat.com.cn_025252F18-12.jpg

www.theoat.com.cn_025252CV-13.jpg

步驟6

打開圖層樣式,參數(shù)設(shè)置如下:

www.theoat.com.cn_025252O24-14.jpg

投影,正常,透明度40%,角度90°,距離2px,大小1px

www.theoat.com.cn_0252521061-15.jpg

漸變疊加,透明度100%,線性,角度90°,全局光,顏色#734418,#804c1c

www.theoat.com.cn_0252522D3-16.jpg

內(nèi)發(fā)光,柔光,透明度15%,顏色#000000,柔和,邊緣,大小10px

www.theoat.com.cn_02525240B-17.jpg

步驟7

接下來呢再來復(fù)制一層你的文字,然后清除圖層樣式,右鍵轉(zhuǎn)換為形狀,改變顏色為綠色#389149

www.theoat.com.cn_0252523011-18.jpg

步驟8

這一步一定要確保綠色字圖層是被選中的哦!然后我們就來使用鋼筆工具來添加錨點啦!具體在哪里添加,如下一系列圖所示喲~O(∩_∩)O哈哈~

www.theoat.com.cn_0252523F3-19.jpg

www.theoat.com.cn_0252526426-20.jpg

www.theoat.com.cn_0252523541-21.jpg

www.theoat.com.cn_0252523H4-22.jpg

www.theoat.com.cn_0252523Y3-23.jpg

步驟9

現(xiàn)在我們來運用路徑選擇工具,在綠色字上選擇我們剛用鋼筆工具畫好的形狀,然后選擇減去頂層圖層~制作出底邊撕碎紙張的效果哦~

www.theoat.com.cn_0252525013-24.jpg

www.theoat.com.cn_025252E36-25.jpg

步驟10

選擇添加錨點公開,確保你的綠色字圖層是被選中的~然后我們在綠色文字上添加錨點,如圖1所示。

現(xiàn)在我們再來用直接選擇工具選擇如圖3所示的錨點,向右移動2-3次!

www.theoat.com.cn_025252A51-26.jpg

www.theoat.com.cn_0252524427-27.jpg

www.theoat.com.cn_0252522123-28.jpg

步驟11

導(dǎo)入紙張素材,然后改變其大小為500*308px,選中我們的綠色文字,然后添加一個蒙版,

回到圖層,我們將綠色字體的填充改變成0%,將紙張圖層放置在棕色形狀的下方就可以了~

www.theoat.com.cn_0252523326-29.jpg

www.theoat.com.cn_0252521R8-30.jpg

www.theoat.com.cn_0252523607-31.jpg

步驟12

現(xiàn)在我們就來打開圖層樣式,參數(shù)如下圖所示:

www.theoat.com.cn_0252521Q8-32.jpg

投影,正常,顏色#000000,透明度30%,角度90°,距離1px,大小2px

www.theoat.com.cn_02525225E-33.jpg

光澤,柔光,顏色#000000,透明度55%,角度0°,距離11px,大小14px,反相。

www.theoat.com.cn_0252524164-34.jpg

步驟13

之后我們把前景色改變?yōu)?E4F8FF,使用鋼筆工具畫出如圖所示的形狀~該圖層一定要在棕色形狀之下哦!

www.theoat.com.cn_025252E44-35.jpg

www.theoat.com.cn_0252524M3-36.jpg

www.theoat.com.cn_02525244R-37.jpg

www.theoat.com.cn_0252524P6-38.jpg

www.theoat.com.cn_0252525T6-39.jpg

www.theoat.com.cn_0252524G4-40.jpg

步驟14

選出綠色字體的選區(qū),然后添加蒙版~?(^?^*)

www.theoat.com.cn_0252522a1-41.jpg

www.theoat.com.cn_0252521249-42.jpg

步驟15

打開圖層樣式,參數(shù)設(shè)置如下~

www.theoat.com.cn_025252N21-43.jpg

投影,正常,透明度30%,角度90°,距離1px,大小1px

www.theoat.com.cn_025252I21-44.jpg

內(nèi)發(fā)光,正常,透明度5%,顏色#000000,柔和,邊緣,大小8px

www.theoat.com.cn_0252523024-45.jpg

步驟16

然后我們把前景色改變成黑色#000000,使用矩形工具新建50*80px、30*80px、60*70px和22*44px的矩形~

然后改變角度,和如圖2所示一樣!

www.theoat.com.cn_025252E51-46.jpg

www.theoat.com.cn_02525243E-47.jpg

步驟17

現(xiàn)在我們回到圖層面板,將所有的黑色圖形合并后再將其轉(zhuǎn)化成智能對象,再去濾鏡>扭曲>波紋,數(shù)量為100%,大小選擇大,然后確定就可以了~

www.theoat.com.cn_02525235G-48.jpg

www.theoat.com.cn_025252J54-49.jpg

步驟18

這里我們再來導(dǎo)入一次紙張素材,改變 其大小為522*351px~

選出黑色圖形的選區(qū),添加蒙版,再把黑色圖形的填充改為0%~

www.theoat.com.cn_025252HS-50.jpg

www.theoat.com.cn_025252FA-51.jpg

www.theoat.com.cn_0252523L4-52.jpg

步驟19

打開圖層 樣式,然后參數(shù)設(shè)置如下 :

www.theoat.com.cn_0252524M2-53.jpg

投影,正常,顏色#000000,角度90°,距離1px,大小2px

www.theoat.com.cn_0252521626-54.jpg

內(nèi)發(fā)光,柔光,透明度100%,顏色#000000,柔和,邊緣,大小2px

www.theoat.com.cn_02525213b-55.jpg

步驟20

最后我們來添加背景色就完工啦!

填充 #678F84,打開圖層樣式,參數(shù)設(shè)置如下:

www.theoat.com.cn_0252524563-56.jpg

圖案疊加,紙張顏色,選擇藍色的圖案!

www.theoat.com.cn_025252J61-57.jpg

內(nèi)發(fā)光,柔光,透明度70%,顏色#000000,柔光,邊緣,大小140px

www.theoat.com.cn_0252522227-58.jpg

步驟21

你可以設(shè)置不同背景圖,可以設(shè)置成#D3C2B4,再改變圖層樣式就可以啦!

www.theoat.com.cn_025252DP-59.jpg

www.theoat.com.cn_0252522K0-60.jpg

內(nèi)發(fā)光,疊加,透明度90%,柔和,邊緣,阻塞10%,大小140px

www.theoat.com.cn_025252H59-61.jpg

步驟22

這個背景圖層的顏色為#AECCE6,打開圖層樣式,參數(shù)設(shè)置改改~

www.theoat.com.cn_02525253U-62.jpg

柔光,透明度70%

www.theoat.com.cn_0252524214-63.jpg

www.theoat.com.cn_02525251D-64.jpg

最終效果:

www.theoat.com.cn_025252H35-1.jpg

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

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

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

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