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】优设哥的全拼
您也可以通过扫描下方二维码快速添加：