ps做纸张撕裂效果

在做纸张类页面设计的时候经常会用到折纸、卷轴、折页、书签的效果,除此之外还有一种虽然不常见但却很出彩,就是纸张撕裂的效果。今天,我给大家介绍一下纸张撕裂效果

文字制作,PS打造超强火焰燃烧字体(3)

这是迄今为止的效果: 第四步: 我们将为我们的文档添加周围的火焰,使用套索工具(羽化设为40px)来选择火焰图像的一部分: 把选区复制粘贴到我们的文档,使用下面usm锐化来稍微锐化一下火焰: 把火焰的图层混合模

最终效果

ps做纸张撕裂效果插图

制作步骤

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

ps做纸张撕裂效果插图(1)

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

ps做纸张撕裂效果插图(2)

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

ps做纸张撕裂效果插图(3)

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

ps做纸张撕裂效果插图(4)

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

ps做纸张撕裂效果插图(5)

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

ps做纸张撕裂效果插图(6)

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

ps做纸张撕裂效果插图(7)

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

ps做纸张撕裂效果插图(8)

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

ps做纸张撕裂效果插图(9)

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

ps做纸张撕裂效果插图(10)

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

ps做纸张撕裂效果插图(11)

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

ps做纸张撕裂效果插图(12)

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

ps做纸张撕裂效果插图(13)

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

ps做纸张撕裂效果插图(14)

ps做纸张撕裂效果插图(15)

ps做纸张撕裂效果插图(16)

最终效果

ps做纸张撕裂效果插图

制作步骤

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

ps做纸张撕裂效果插图(1)

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

ps做纸张撕裂效果插图(2)

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

ps做纸张撕裂效果插图(3)

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

ps做纸张撕裂效果插图(4)

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

ps做纸张撕裂效果插图(5)

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

ps做纸张撕裂效果插图(6)

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

ps做纸张撕裂效果插图(7)

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

ps做纸张撕裂效果插图(8)

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

ps做纸张撕裂效果插图(9)

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

ps做纸张撕裂效果插图(10)

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

ps做纸张撕裂效果插图(11)

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

ps做纸张撕裂效果插图(12)

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

ps做纸张撕裂效果插图(13)

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

ps做纸张撕裂效果插图(14)

ps做纸张撕裂效果插图(15)

ps做纸张撕裂效果插图(16)

作者: 791650988

为您推荐