莫怀远 发表于 2014-7-3 03:14:26

教你如何用ps打造纸张撕裂效果

      最终效果

http://pic.16xx8.com/allimg/140702/0400395M3-0.jpg

制作步骤提示:教程详细步骤在二楼,不用回复也能看到!想下载该教程的可以回复获取下载网址:点击进入下载页教程编号:133798 作者:畅游VC 出处:畅游视觉设计中心

莫怀远 发表于 2014-7-3 03:14:28

教你如何用ps打造纸张撕裂效果

1、Ctrl+N新建一个1100×800像素大小的画布,填充背景颜色#9d9d9d;在背景图层的上方新建一层300像素高的色块填充,颜色为#c5c5c5,为该矩形框添加渐变色由黑到白的图层蒙版,使该图层上方与背景层融合;

http://pic.16xx8.com/allimg/140702/04003912C-1.jpg

莫怀远 发表于 2014-7-3 03:14:29

教你如何用ps打造纸张撕裂效果


2、在画布中置入一张等待被撕裂的图片;

http://pic.16xx8.com/allimg/140702/04003a536-2.jpg

莫怀远 发表于 2014-7-3 03:14:30

教你如何用ps打造纸张撕裂效果


3、Ctrl+T将图片各边进行适当变形处理;

http://pic.16xx8.com/allimg/140702/0400395914-3.jpg

莫怀远 发表于 2014-7-3 03:14:31

教你如何用ps打造纸张撕裂效果

      
4、用多边形套索工具(L)框选如下图所示,锯齿随意发挥;

http://pic.16xx8.com/allimg/140702/0400395W8-4.jpg

莫怀远 发表于 2014-7-3 03:14:32

教你如何用ps打造纸张撕裂效果


5、按Q进入快速蒙版编辑状态,选择滤镜-像素化-晶格化,数值如下图所示。

http://pic.16xx8.com/allimg/140702/0400391048-5.jpg

莫怀远 发表于 2014-7-3 03:14:33

教你如何用ps打造纸张撕裂效果


6、Ctrl+F重复晶格化效果,再次按Q键退出快速蒙版恢复选区;

http://pic.16xx8.com/allimg/140702/0400394624-6.jpg

莫怀远 发表于 2014-7-3 03:14:34

教你如何用ps打造纸张撕裂效果


7、Ctrl+X将选区内的图片剪切,按Ctrl+Shift+V原位粘贴,图片分为左右两段;

http://pic.16xx8.com/allimg/140702/0400395Q9-7.jpg

莫怀远 发表于 2014-7-3 03:14:35

教你如何用ps打造纸张撕裂效果


8、调整左侧图片和右侧图片的位置;

http://pic.16xx8.com/allimg/140702/0400393104-8.jpg

莫怀远 发表于 2014-7-3 03:14:36

教你如何用ps打造纸张撕裂效果

      
9、新建一个图层2,将图片1载入选区,填充颜色#e1e1e1;

http://pic.16xx8.com/allimg/140702/04003952E-9.jpg

莫怀远 发表于 2014-7-3 03:14:37

教你如何用ps打造纸张撕裂效果


10、将图层2复制一个新的图层3,将图层3载入选区,按M键选区向左平移1像素,按Ctrl+Shift+I反选,再按Backspace删除多余部分,剩下1像素的描边,填充颜色#ffffff,作为左边图层1的高光;

http://pic.16xx8.com/allimg/140702/04003a5D-10.jpg

莫怀远 发表于 2014-7-3 03:14:38

教你如何用ps打造纸张撕裂效果


11、同样的,按照上述步骤10,再做一个1像素的描边,填充颜色#000000,不透明度80%正片叠底,高斯模糊10像素,作为左边图层1的投影;

http://pic.16xx8.com/allimg/140702/0400393045-11.jpg

莫怀远 发表于 2014-7-3 03:14:39

教你如何用ps打造纸张撕裂效果


12、重复上述9-11的步骤,做右侧图片部分的撕边效果,给整张图片加上投影;

http://pic.16xx8.com/allimg/140702/0400391M2-12.jpg

莫怀远 发表于 2014-7-3 03:14:40

教你如何用ps打造纸张撕裂效果


13、根据上述步骤,再做几个其他形式的撕裂纸张,加入调节气氛的小火苗和底部投影,大功告成。

http://pic.16xx8.com/allimg/140702/04003923E-13.jpg

莫怀远 发表于 2014-7-3 03:14:41

教你如何用ps打造纸张撕裂效果


下面我们来看几个用撕裂效果做的页面设计,小伙伴们你们可以做的更酷哦"

http://pic.16xx8.com/allimg/140702/0400392U9-14.jpg


http://pic.16xx8.com/allimg/140702/0400393Q2-15.jpg


http://pic.16xx8.com/allimg/140702/0400395295-16.jpg

页: [1]
查看完整版本: 教你如何用ps打造纸张撕裂效果