翘边效果,用ps做一个卷页折纸效果的图片(3)
@野鹿志: 本篇教程通过ps做一个页边角卷纸效果的照片,这种类型在设计中经常会遇到我们只觉得这种漂亮有型,却不会做,本篇教程用十分详细的步骤分教大家进行制作,同学们一起来学习一下吧,相信教程做完,你也可以完成出色的卷边效果的作品。
效果图:
素材下载:http://www.16xx8.com/photoshop/sucai/2018/q792587.html
下面开始讲解翘边效果的制作方法:
打开Ps,新建画布尺寸为1324*1832:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-3.thumb.png)
为了方便观察,先新建一个浅灰色的纯色填充图层吧,把不透明度降低,目的是后面与主题的样机颜色区分开:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-4.thumb.png)
执行视图-新建参考线面板,如图所示先把参考线搞上:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-5.thumb.png)
接下来制作卷页的形状,方法不是唯一,你可以选择直接用钢笔画出来。
如果画不好的话,可以像野郎这样先沿着参考线画一个矩形:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-6.thumb.png)
再执行ctrl+t变形,把左下角的端点卷过来就行了:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-7.thumb.png)
然后用钢笔工具在这个图层的下方补一下就行了:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-8.thumb.png)
将其颜色改为灰色:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-9.thumb.png)
再添加渐变叠加的图层样式,参数如图:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-10.thumb.png)
上方新建一个纯色填充图层,颜色暂时弄成白色吧。
然后将混合模式改为正片叠底并创建剪切蒙板,这步操作也是为了后面整体样机颜色统一:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-11.thumb.png)
把它们编好组吧!然后将刚才的形状1图层复制出来一层,拖到组的外面转为智能对象以后重命名为按钮:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-12.thumb.png)
隐藏掉除了组以外的图层,ctrl+shift+alt+e盖印所有可见图层,重命名为阴影。
并且按住ctrl键鼠标单击图层缩略图载入选区以后,将其填充为黑色:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-13.thumb.png)
将它拖到组的下方,转为智能对象以后执行滤镜-模糊-高斯模糊,参数大家看着办吧:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-14.thumb.png)
再执行滤镜-模糊-动感模糊,参数同样看着办吧:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-15.thumb.png)
给阴影图层添加图层蒙板,再用黑色柔边画笔擦去不需要的部分,注意调整画笔的流量和大小哦:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-16.thumb.png)
接着要给样机制作那个十字光效了,新建一个空白图层,重命名为黑十字。
然后用矩形选区工具参考着参考线套出选区:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-17.thumb.png)
用黑色柔边画笔降低不透明度和流量,在红色箭头所指出画两笔:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-18.thumb.png)
同样的方法画另外两个区域,箭头所指的最后一个区域不画它。
画的过程中可以把不同区域的画笔不透明度和流量都改一下:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-19.thumb.png)
同样的方法再用白色柔边画笔画一个白十字图层,这一次注意画箭头所指出的地方。
画完以后再去分别调整黑白十字图层的不透明度,让其更加自然一点。
为了方便大家看,我暂时把其他图层隐藏掉了:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-20.thumb.png)
给纸张来点质感吧,新建一个图层,填充深灰色:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-21.thumb.png)
转为智能滤镜以后执行滤镜-杂色-添加杂色,参数大家看着办就好:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-22.thumb.png)
再将混合模式改为叠加:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-23.thumb.png)
将杂色图层和黑白十字图层编组,按住ctrl单击按钮图层缩略图载入选区:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-24.thumb.png)
再给十字组添加图层蒙板搞掉多余的部分:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-25.thumb.png)
可以再给背景图层添加一个杂色吧,方法就不再赘述了:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-26.thumb.png)
至此样机就制作好了,说一下这个样机的使用方法吧,双击按钮缩略图会新打开一个文档:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-27.thumb.png)
拖入一张图片,尺寸最好是1039*1385的比例哦不然会有拉伸。
我这里就随便选了一张了。然后对形状创建剪切蒙板,ctrl+s保存:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-28.thumb.png)
回到原文档,图片就被替换了:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-29.thumb.png)
如果你想整体的颜色统一,之前的两个纯色填充图层就派上用场了。
直接分别去吸取海报的主题色就可以了:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-30.thumb.png)
最后把图片导出来看看吧:
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-0.thumb.jpg)
www.16xx8.com
![翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com 翘边效果,用ps做一个卷页折纸效果的图片_www.16xx8.com](http://pic.16xx8.com/allimg/180411/16xx8-77586-1.thumb.jpg)
此类效果个人很喜欢,在设计当中,会经常遇到有很大的扩展性,同学们如果学会的话,在以后的设计中会很受用。
![野鹿志](http://bbs.16xx8.com/uc_server/images/noavatar_middle.gif)
作者公众号:
学习 · 提示
相关教程