PS教程！如何打造紙張撕裂效果

在做紙張類頁面設計的時候經常會用到折紙、卷軸、折頁、書簽的效果，除此之外還有一種雖然不常見但卻很出彩，就是紙張撕裂的效果。今天，我給大家介紹一下紙張設計中的撕裂效果，希望能幫到你~

更多暢游VC教程：
《PS教程！快速打造場景氛圍(4)》
《PS教程！簡單三步制作動感照片》
《PS教程！如何打造舞臺效果第二彈》
《VC教程！教你快速打造場景氛圍（附PSD下載）》
《VC教程！文案也有層級》
《VC教程！超酷現代戰爭按鈕制作過程》

最終效果

制作步驟

1、Ctrl+N新建一個1100x800像素大小的畫布，填充背景顏色#9d9d9d；在背景圖層的上方新建一層300像素高的色塊填充，顏色為#c5c5c5，為該矩形框添加漸變色由黑到白的圖層蒙版，使該圖層上方與背景層融合；

2、在畫布中置入一張等待被撕裂的圖片；

3、Ctrl+T將圖片各邊進行適當變形處理；

4、用多邊形套索工具（L）框選如下圖所示，鋸齒隨意發揮；

5、按Q進入快速蒙版編輯狀態,選擇濾鏡－像素化－晶格化，數值如下圖所示。

６、Ctrl+F重復晶格化效果，再次按Q鍵退出快速蒙版恢復選區；

7、Ctrl+X將選區內的圖片剪切，按Ctrl+Shift+V原位粘貼，圖片分為左右兩段；

8、調整左側圖片和右側圖片的位置；

9、新建一個圖層2，將圖片１載入選區，填充顏色＃e1e1e1；

10、將圖層2復制一個新的圖層3，將圖層3載入選區,按M鍵選區向左平移1像素，按Ctrl+Shift+I反選，再按Backspace刪除多余部分，剩下1像素的描邊，填充顏色＃ffffff,作為左邊圖層1的高光；

11、同樣的，按照上述步驟10，再做一個1像素的描邊，填充顏色＃000000,不透明度80%正片疊底，高斯模糊10像素，作為左邊圖層1的投影；

12、重復上述9-11的步驟，做右側圖片部分的撕邊效果，給整張圖片加上投影；

13、根據上述步驟，再做幾個其他形式的撕裂紙張，加入調節氣氛的小火苗和底部投影，大功告成。

下面我們來看幾個用撕裂效果做的頁面設計，小伙伴們你們可以做的更酷哦~

關于暢游VC

搜狐暢游視覺設計中心團隊。我們是從游戲和生活中汲取創意和靈感的一群設計精靈，用愛去釋放奇妙的設計魔法，描繪讓你我感動的虛擬人生。

官網博客：vc.changyou.com
新浪微博： @暢游VC
微信公眾平臺：cyou_vc

您也可以通過掃描下方二維碼快速添加：

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

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量72萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：