PS图层样式中的“图案叠加”技巧
2016-02-19 17:51
591 查看
在我们的Photoshop中,图层样式是被应用最多的设计手段,那么在图层样式中,图案叠加相信有不少的朋友已经用过了,下面我们先来看看这图案叠加可以用来做什么~
首先在Photoshop中随意新建个画布~填充一个自己喜欢的颜色~
![](http://www.itsource.cn/upload/news/2016-01-29/7ed8b23f-b4fa-46cd-909c-d2cc1895fae4.png)
然后我们再新建个画布(参数如下)
![](http://www.itsource.cn/upload/news/2016-01-29/8768c6f6-8fb7-41d8-bd84-7303e5a22db2.png)
然后我们得到一个50*50px的新画布,在该画布中我们需要隐藏掉背景图层,在这个画布中绘制一个小爱心~(摆放位置如下图所示)
![](http://www.itsource.cn/upload/news/2016-01-29/e1145f73-4383-43d2-a09e-bb9eeaf9b09c.png)
然后在我的编辑菜单中找到选项卡“定义图案”~
![](http://www.itsource.cn/upload/news/2016-01-29/8c455099-ca1b-473e-90f3-a61b48d76c7f.png)
![](http://www.itsource.cn/upload/news/2016-01-29/e9362c93-d683-4a48-9349-188b29fb32fe.png)
然后在新画布中会弹出个窗口,如下图所示,输入好名字然后点击确定~
![](http://www.itsource.cn/upload/news/2016-01-29/82471008-e6f2-411b-9efb-0876553767e7.png)
然后回到我们的第一块画布中,双击该画布中的黄色背景图层~
![](http://www.itsource.cn/upload/news/2016-01-29/969164b9-0828-4f27-96bd-2e8e04a0e4e6.png)
弹出图层样式窗口->选择->“图案叠加”选项卡,得到如下图所示画面~
![](http://www.itsource.cn/upload/news/2016-01-29/0efe0926-659a-41d1-9c9d-f2375ef07909.png)
可以看到我们刚刚确定保存的小爱心图案出现在这里面了,选择它,然后点击确定~
你会发现你的画面会变成这样~
![](http://www.itsource.cn/upload/news/2016-01-29/9a023eef-e741-41aa-9078-8d78a1aab66c.png)
是不是多了很多小爱心,这就如同图案的平铺效果一样,可以使用它做特殊的壁纸效果哟,
那么问题就来了!!!能不能单独把做的这个图案叠加的平铺效果拿出来?(有的童鞋可能只需要这个平铺效果,不需要背景/底色)
答案是,可以的,有两种方法
先说第一种:
选中做了图案叠加效果的图层,然后在菜单栏中的“图层”选择->“图层样式”选项卡->在该选项卡中再选择“创建图层”~
![](http://www.itsource.cn/upload/news/2016-01-29/ff9d7143-7cd4-4a42-b03d-539fad722bf9.png)
![](http://www.itsource.cn/upload/news/2016-01-29/8c52f10c-3437-4f02-acda-c6edd6e81d4d.png)
然后你会发现你的图层~
之前是这样
![](http://www.itsource.cn/upload/news/2016-01-29/f127b8e2-bfb7-44ba-875d-cb28061698d3.png)
现在是这样
![](http://www.itsource.cn/upload/news/2016-01-29/fc4fc7b2-1aad-4876-8b1d-744933690b09.png)
是不是变成了一个剪切蒙版的样子,SO...
![](http://www.itsource.cn/upload/news/2016-01-29/bc2d6808-0f28-4da7-bf79-55ead88cfde2.png)
你就可以把它单独拿出来慢慢“编辑”了;
然后,现在说第二种,也是最实用~最简单的。
要想得到独立的图案叠加背景效果,我们先新建一个图层取名“图案层”~
![](http://www.itsource.cn/upload/news/2016-01-29/259e2448-5c4d-4052-9f08-32688a3f13d3.png)
然后给他填充一个颜色(随意填充)~
![](http://www.itsource.cn/upload/news/2016-01-29/e17c27f3-908e-406f-a202-7940d1436c0c.png)
然后再双击它给他添加图层样式的“图案叠加”效果~
![](http://www.itsource.cn/upload/news/2016-01-29/d776f3b5-834c-41cb-9a6e-4b35be87af51.png)
然后你的画布上就变成这样了~
![](http://www.itsource.cn/upload/news/2016-01-29/bf870f9e-1a81-45c4-8e94-1ee7946984ad.png)
重点来了,接下来怎么做?先看图~
![](http://www.itsource.cn/upload/news/2016-01-29/edd9d5e1-2297-4d63-9fdf-c481902930b5.png)
把这个图层的填充色变为0%,像这样~
![](http://www.itsource.cn/upload/news/2016-01-29/550bc4b2-82e6-4b46-ab1b-80563d6f99be.png)
然后见证奇迹的时刻~
![](http://www.itsource.cn/upload/news/2016-01-29/ec00c489-ce24-431c-b161-2d80ece8fbc5.png)
黑底没有了~
现在总结说说第二种的好处,你可以随意更换/调节图案叠加的的图案效果(包括自己做的花纹图案,都行)~~~~妈妈再也不担心我没各种背景图案用了......
首先在Photoshop中随意新建个画布~填充一个自己喜欢的颜色~
![](http://www.itsource.cn/upload/news/2016-01-29/7ed8b23f-b4fa-46cd-909c-d2cc1895fae4.png)
然后我们再新建个画布(参数如下)
![](http://www.itsource.cn/upload/news/2016-01-29/8768c6f6-8fb7-41d8-bd84-7303e5a22db2.png)
然后我们得到一个50*50px的新画布,在该画布中我们需要隐藏掉背景图层,在这个画布中绘制一个小爱心~(摆放位置如下图所示)
![](http://www.itsource.cn/upload/news/2016-01-29/e1145f73-4383-43d2-a09e-bb9eeaf9b09c.png)
然后在我的编辑菜单中找到选项卡“定义图案”~
![](http://www.itsource.cn/upload/news/2016-01-29/8c455099-ca1b-473e-90f3-a61b48d76c7f.png)
![](http://www.itsource.cn/upload/news/2016-01-29/e9362c93-d683-4a48-9349-188b29fb32fe.png)
然后在新画布中会弹出个窗口,如下图所示,输入好名字然后点击确定~
![](http://www.itsource.cn/upload/news/2016-01-29/82471008-e6f2-411b-9efb-0876553767e7.png)
然后回到我们的第一块画布中,双击该画布中的黄色背景图层~
![](http://www.itsource.cn/upload/news/2016-01-29/969164b9-0828-4f27-96bd-2e8e04a0e4e6.png)
弹出图层样式窗口->选择->“图案叠加”选项卡,得到如下图所示画面~
![](http://www.itsource.cn/upload/news/2016-01-29/0efe0926-659a-41d1-9c9d-f2375ef07909.png)
可以看到我们刚刚确定保存的小爱心图案出现在这里面了,选择它,然后点击确定~
你会发现你的画面会变成这样~
![](http://www.itsource.cn/upload/news/2016-01-29/9a023eef-e741-41aa-9078-8d78a1aab66c.png)
是不是多了很多小爱心,这就如同图案的平铺效果一样,可以使用它做特殊的壁纸效果哟,
那么问题就来了!!!能不能单独把做的这个图案叠加的平铺效果拿出来?(有的童鞋可能只需要这个平铺效果,不需要背景/底色)
答案是,可以的,有两种方法
先说第一种:
选中做了图案叠加效果的图层,然后在菜单栏中的“图层”选择->“图层样式”选项卡->在该选项卡中再选择“创建图层”~
![](http://www.itsource.cn/upload/news/2016-01-29/ff9d7143-7cd4-4a42-b03d-539fad722bf9.png)
![](http://www.itsource.cn/upload/news/2016-01-29/8c52f10c-3437-4f02-acda-c6edd6e81d4d.png)
然后你会发现你的图层~
之前是这样
![](http://www.itsource.cn/upload/news/2016-01-29/f127b8e2-bfb7-44ba-875d-cb28061698d3.png)
现在是这样
![](http://www.itsource.cn/upload/news/2016-01-29/fc4fc7b2-1aad-4876-8b1d-744933690b09.png)
是不是变成了一个剪切蒙版的样子,SO...
![](http://www.itsource.cn/upload/news/2016-01-29/bc2d6808-0f28-4da7-bf79-55ead88cfde2.png)
你就可以把它单独拿出来慢慢“编辑”了;
然后,现在说第二种,也是最实用~最简单的。
要想得到独立的图案叠加背景效果,我们先新建一个图层取名“图案层”~
![](http://www.itsource.cn/upload/news/2016-01-29/259e2448-5c4d-4052-9f08-32688a3f13d3.png)
然后给他填充一个颜色(随意填充)~
![](http://www.itsource.cn/upload/news/2016-01-29/e17c27f3-908e-406f-a202-7940d1436c0c.png)
然后再双击它给他添加图层样式的“图案叠加”效果~
![](http://www.itsource.cn/upload/news/2016-01-29/d776f3b5-834c-41cb-9a6e-4b35be87af51.png)
然后你的画布上就变成这样了~
![](http://www.itsource.cn/upload/news/2016-01-29/bf870f9e-1a81-45c4-8e94-1ee7946984ad.png)
重点来了,接下来怎么做?先看图~
![](http://www.itsource.cn/upload/news/2016-01-29/edd9d5e1-2297-4d63-9fdf-c481902930b5.png)
把这个图层的填充色变为0%,像这样~
![](http://www.itsource.cn/upload/news/2016-01-29/550bc4b2-82e6-4b46-ab1b-80563d6f99be.png)
然后见证奇迹的时刻~
![](http://www.itsource.cn/upload/news/2016-01-29/ec00c489-ce24-431c-b161-2d80ece8fbc5.png)
黑底没有了~
现在总结说说第二种的好处,你可以随意更换/调节图案叠加的的图案效果(包括自己做的花纹图案,都行)~~~~妈妈再也不担心我没各种背景图案用了......
相关文章推荐
- Adobe Photoshop 的 4 种自由开源替代品
- Photoshop中临女子人像过程图文教程
- 用Photoshop为短发MM接长发
- 用Photoshop 制作草地效果简明教程
- PHOTOSHOP技巧167条
- PHOTOSHOP 快捷键大全
- 图文演示Photoshop调出金碧辉煌的色彩第1/2页
- Photoshop把照片变为高光黑白效果
- photoshop去除图片上的水印
- 用photoshop制作逼真的蒲公英步骤第1/2页
- photoshop去除渐变色上的文字的简单方法
- Adobe Photoshop CS3 v10.0最新中文简体精简版_强大+高效190M增强版 下载
- PhotoShop给图片自动添加边框及EXIF信息的JS脚本
- Photoshop HD Photo 文件格式插件汉化绿色版 下载
- Photoshop CS3 Beta 绿色中文版 下载
- Adobe Photoshop CS4 激活序列号注册机及破解补丁分享
- Adobe.Dreamweaver.CS3(dreamweaver9.0)简体中文版 下载
- 第一章:Photoshop基础
- Photoshop设计大气的好莱坞电影海报之皇家赌场
- [PS技巧]教你如何制作对角是圆形的矩形