photoshop-grid-notebook-fonts-1

@ChloeRowe林雅諾?:今天這個教程很簡單,主要考驗你鋼筆工具的熟練度和蒙版的運用,30分鐘就可以學會特別流行的紙邊撕裂效果,素材已打包,新手來收!

素材打包 ?百度云下載:http://pan.baidu.com/s/1kUk6CPT

效果圖:

46pk20160221 44pk20160221 45pk20160221

步驟1

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

43pk20160221

步驟2

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

42pk20160221

 

41pk20160221

步驟3

現在我們打開圖層樣式,參數設置如下圖所示:

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

內發光,正常,透明度7%,顏色#000000,柔軟,邊緣,大?。?5px

40pk20160221 39pk20160221 38pk20160221

步驟4

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

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

37pk20160221 36pk20160221

步驟5

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

35pk20160221

34pk20160221

 

33pk20160221

步驟6

打開圖層樣式,參數設置如下:

32pk20160221

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

31pk20160221

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

30pk20160221

內發光,柔光,透明度15%,顏色#000000,柔和,邊緣,大小10px

29pk20160221

步驟7

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

28pk20160221

步驟8

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

27pk20160221?26pk20160221?24pk20160221 25pk20160221

23pk20160221

步驟9

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

22pk20160221 21pk20160221

步驟10

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

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

20pk20160221 19pk20160221 18pk20160221

步驟11

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

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

17pk20160221??16pk2016022115pk20160221

步驟12

現在我們就來打開圖層樣式,參數如下圖所示:

14pk20160221

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

13pk20160221

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

12pk20160221

步驟13

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

11pk20160221 10pk20160221 9pk20160221 8pk20160221 7pk20160221 6pk20160221

步驟14

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

5pk20160221 4pk20160221

步驟15

打開圖層樣式,參數設置如下~

3pk20160221

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

2pk20160221

內發光,正常,透明度5%,顏色#000000,柔和,邊緣,大小8px

1pk20160221

步驟16

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

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

1dzpk20160221 2dzpk20160221

步驟17

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

3dzpk20160221 4dzpk20160221

步驟18

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

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

5dzpk20160221??6dzpk201602217dzpk20160221

步驟19

打開圖層?樣式,然后參數設置如下?:

8dzpk20160221

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

9dzpk20160221

內發光,柔光,透明度100%,顏色#000000,柔和,邊緣,大小2px

10dzpk20160221

步驟20

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

填充?#678F84,打開圖層樣式,參數設置如下:

11dzpk20160221

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

12dzpk20160221

內發光,柔光,透明度70%,顏色#000000,柔光,邊緣,大小140px

13dzpk20160221

步驟21

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

14dzpk20160221

15dzpk20160221

內發光,疊加,透明度90%,柔和,邊緣,阻塞10%,大小140px

16dzpk20160221

步驟22

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

17dzpk20160221

柔光,透明度70%

18dzpk20160221 19dzpk20160221

最終效果:

44pk20160221 45pk20160221 46pk20160221

「新手即學即用的PS技巧系列」

  1. 《有哪些看上去很高大上,但實際很簡單的PS技巧?》
  2. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(入門篇)》
  3. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(酷炫火焰篇)》
  4. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(人像篇)》
  5. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(漸變色篇)》
  6. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(二次元篇)》

原文地址:photoshoptutorials
優設譯者:@ChloeRowe林雅諾

uisdc-hao

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 2

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏