html实现纸张撕边效果,如何打造纸张撕裂效果！（ps教程）
在做纸张类页面设计的时候经常会用到折纸、卷轴、折页、书签的效果，除此之外还有一种虽然不常见但却很出彩，就是纸张撕裂的效果。今天，我给大家介绍一下纸张设计中的撕裂效果，希望能帮到你~
最终效果
制作步骤
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、根据上述步骤，再做几个其他形式的撕裂纸张，加入调节气氛的小火苗和底部投影，大功告成。
下面我们来看几个用撕裂效果做的页面设计，小伙伴们你们可以做的更酷哦~
=========================关于学ui网=========================
xueui.cn 学ui网发布高质量ui设计教程和设计分享经验，希望打造一个最好的ui学习教程平台！
登录收藏
html实现纸张撕边效果,如何打造纸张撕裂效果！（ps教程）相关推荐
- html图片怎么加动画效果,css打造一个动画效果的图片墙
今天我们将开始建立另一个有趣的CSS演示.这次我们将创建一个大的.无缝的照片墙.当用户将鼠标悬停于一个图像,一个透明的黑色渐变效果覆盖在其上面. Demo:点击这里 HTML代码 第一步我们需要创建一 ...
- 经典ps教程600例 打造ps高手
经典ps教程600例 打造ps高手 Photoshop CS魔术,制作神秘魔眼 Photoshop教程:制作熊熊的火焰在燃烧 Photoshop教程活用通道 Photoshop换头术巧妙修改闭眼照片 ...
- html实现纸张撕边效果,PS图片处理教程：PS撕边效果，脸部撕纸效果
在前面小编给大家讲解了许多关于PS的教程,相信大家已经学到了很多知识吧,今天小编接着给大家带来PS图片处理教程:PS撕边效果,脸部撕纸效果.如何让脸部利用PS处理产生想撕纸一样的效果.下面小编就详细给 ...
- 如何制作一个纸张的撕裂效果
1. 新建一个文件,大小自定,并新建一个图层填充颜色(渐变色还是纯色看需求选择),将此图层隐藏. 2. 在背景图层中用套索工具选出类似下图的 3.用快捷键[Q键] 进入蒙版编辑 4.打开滤镜--像素化 ...
- 用WPF轻松打造iTunes CoverFlow效果
用WPF轻松打造iTunes CoverFlow效果 原文:用WPF轻松打造iTunes CoverFlow效果 用WPF轻松打造iTunes CoverFlow效果 ...
- PS打造仙镜效果教程
PS打造仙镜效果教程 2009-04-15 13:04:42 作者: 来源: 互联网 浏览次数: 362 文字大小:[ 大][ 中][ 小] 原图 最终效果图
- html5云雾缭绕效果,摄影后期教程｜一分钟打造云雾缭绕效果
我们在拍摄照片的时候经常会去追求一些通透的画面效果,但是朦胧的照片也别有一番风味,特别是云雾缭绕的照片总能给人一种若隐若现.意犹未尽的感觉,今天我们就来学习如何为照片增加云雾效果. 首先我们使用泼辣修 ...
- 泼辣修图教程：如何通过Polarr Photo打造艳丽夕阳效果
Polarr Photo Editor Pro是一款非常知名的修图软件,中文名为泼辣修图Mac版.可以帮助用户修改照片的颜色.光线.清晰度或清晰度.应用降噪或晕影效果.调整HSL.色彩曲线或色调等.今 ...
- 泼辣修图教程：如何通过Polarr Photo打造暗调花卉效果？
这一期我们为大家带来的是如何通过Polarr Photo打造暗调花卉效果?具体教程如下: 视频教程图文教程 首先我们使用泼辣修图打开一张照片 然后我们进入HSL工具,因为我们需要打造的是暗调花卉效果, ...
最新文章
- 学以致提高学生操作计算机能力,【学以致用】提供学习平台，提升学生实际应用能力...
- 算法--------最大正方形（Java版本）
- Android log打印不出来
- addHeaderView()异常 —— setAdapter has already been called
- php去除html标签_用PHP操作DOM (一）
- error MSB8008: 指定的平台工具集(v110)未安装或无效。请确保选择受支持的 PlatformToolset 值
- 私人心情录小程序源码
- django连接MySQL报错Did you install mysqlclient?
- 杭电第七次作业c语言短学期,杭电短学期：算法与编程.doc
- c语言商品货架管理_武威树脂蔬菜货架厂家价格,生鲜市场货架报价_欧固隆货架...
- [svn] 在线安装
- flex项目学习包括什么内容
- 线性表的总结：顺序存储线性表的初始化，创建，插入，删除，清空，销毁等操作...
- atitit.为什么java体系开发效率这样低的原因and解决
- STM32机器人控制开发教程No.2 霍尔编码器电机测速以及增量式PID控制（基于HAL库）
- 【计算方法】解线性方程组的四种方法
- 计算机网络-什么是计算机网络？
- php常用的终止语录,下定决心结束感情的话 终止感情的经典语录
- rundll32.exe传入参数
- python根据时间序列画折线图_时间序列模型的python实现