如何打造纸张撕裂效果!(ps教程)

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

最终效果

制作步骤

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

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

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

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

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

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

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

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

9、新建一个图层2,将图片1载入选区,填充颜色#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

文章来源:

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享,希望打造一个最好的ui学习教程平台!

APP截图站:app.xueui.cn海量APP截图,让你灵感爆发!

Photoshop
(0)

相关推荐

  • 手把手教你打造精致麦克风(PS教程)

    不知不觉年就过完了,还沉浸在假日氛围的童鞋该收收心了,新年新气象,就从打造一个麦克风icon开始吧,也希望通过这个小小的麦克风让更多人了解到学UI网,一起来学习UI设计,教程里用的是纯PS,而且@ed ...

  • 5分钟打造日历图标(PS教程)

    学习是一个循序渐进的过程,贵在坚持,不要三天打鱼两天晒网,就像我们学UI网一样,刚开始都是虎哥凭一己之力搭建起来了,如果没有坚持,恐怕我们现在也不会在这里学UI设计了.越努力越幸运,我知道有人不认同, ...

  • 6步打造minimalist图标(PS教程)

    时间过得好快,一转眼上次发PS教程还是去年,5分钟系列图标教程,大家还有印象吗?别安慰我,我知道你们都不记得了,没关系,因为今天@小乔童鞋分享给我们他的教程6步打造minimalist图标教程,非常适 ...

  • 5分钟打造iCloud图标(PS教程)

    临近新年,过年的气氛越来越浓了,大家学习UI的热情不能减啊,贵在坚持哦.今天给大家带来的教程是绘制一枚iCloud图标,这次我新加入了图层分解图,看起来更加一目了然,因为大家学了这么久了,颜色值那些我 ...

  • 教你打造冰淇淋ICON(PS教程)

    小编:今天给大家分享的是来自Mohammad Jeprie带来的一个美味的冰激凌ICON的PS教程,这个教程对于大家来说可能最重要的是耐心,作者提供的参数不多,大家可以多思考一下思路,也可以发挥一下自 ...

  • 彩影打造专业影楼效果速成教程

    想把自己的数码照片搞得漂漂亮亮又不想花大把银子去影楼?彩影2008能够解决你的问题,在短时间内(甚至几秒钟)处理出你想要的效果,而且操作极为简单,让我们走进彩影的数码暗房。 “彩影2008”拥有非常之 ...

  • 打造mini小音箱(PS教程)

    哇哦~好可爱的小音箱,小伙伴们动心了吗?没错啦!今天我们就要来动手制作一个迷你的小音箱,教程写的很详细,大家可以跟着学学哦!同时小伙伴们也别忘了交作业哦! 原文作者:广州UI圈 UI中国

  • 6步打造旋钮图标(PS教程)

    一转眼周末又过了,今天六一儿童节,玩耍之余别忘了回来打开咱们学UI网,跟着教程做个图标,想想都好惬意.怎么样,帮大家安排的不错吧,OK,赶紧动起来吧,大好时光不好浪费了,btw,祝大家周末愉快! 学U ...

  • 如何用PS作纸张撕裂的效果?

    图片像纸一样的撕裂效果,相信很有特色吧!在此我分享如何用PS做纸张撕裂效果的,希望你们喜欢. 操作方法 01 首先打开一张图片,双击右下角的图层面板上的图层让背景图层变为普通图层,也就是图层0,然后新 ...