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

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

最終效果

制作步驟

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

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

3、Ctrl+T將圖片各邊進(jìn)行適當(dāng)變形處理；

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

5、按Q進(jìn)入快速蒙版編輯狀態(tài),選擇濾鏡－像素化－晶格化，數(shù)值如下圖所示。

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

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

8、調(diào)整左側(cè)圖片和右側(cè)圖片的位置；

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

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

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

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

13、根據(jù)上述步驟，再做幾個(gè)其他形式的撕裂紙張，加入調(diào)節(jié)氣氛的小火苗和底部投影，大功告成。

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

關(guān)于暢游VC

搜狐暢游視覺設(shè)計(jì)中心團(tuán)隊(duì)。我們是從游戲和生活中汲取創(chuàng)意和靈感的一群設(shè)計(jì)精靈，用愛去釋放奇妙的設(shè)計(jì)魔法，描繪讓你我感動的虛擬人生。

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

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

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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