前言： 在做纸张类页面设计的时候经常会用到折纸、卷轴、折页、书签的效果，除此之外还有一种虽然不常见但却很出彩，
在做纸张类页面设计的时候经常会用到折纸、卷轴、折页、书签的效果，除此之外还有一种虽然不常见但却很出彩，就是纸张撕裂的效果。今天，我给大家介绍一下纸张设计中的撕裂效果，希望能帮到你~
最终效果
制作步骤
1、Ctrl+N新建一个1100×800像素大小的画布，填充背景颜色#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
文章来源：http://www.uisdc.com/vc-create-paper-tearing-effect#
=========================关于起航学习网=========================
qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验，希望打造一个最好的ui学习教程平台！
起航学习网：qh.itpxw.cn 海量APP截图，让你灵感爆发！
转载请注明：起航学习网 » 如何打造纸张撕裂效果！（ps教程）
文章出自：http://qh.itpxw.cn/peixun/ui/201613526.html
文章标题：如何打造纸张撕裂效果！（ps教程）
免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉
