PS图层样式中的“图案叠加”技巧

矫情吗；* 2022-08-20 09:19 453阅读 0赞

在我们的Photoshop中，图层样式是被应用最多的设计手段，那么在图层样式中，图案叠加相信有不少的朋友已经用过了，下面我们先来看看这图案叠加可以用来做什么~

**首先在Photoshop中随意新建个画布~填充一个自己喜欢的颜色~**

![7ed8b23f-b4fa-46cd-909c-d2cc1895fae4.png][]

**然后我们再新建个画布（参数如下）**

![8768c6f6-8fb7-41d8-bd84-7303e5a22db2.png][]

**然后我们得到一个50\*50px的新画布，在该画布中我们需要隐藏掉背景图层，在这个画布中绘制一个小爱心~（摆放位置如下图所示）**

![e1145f73-4383-43d2-a09e-bb9eeaf9b09c.png][]

然后在我的编辑菜单中找到选项卡“定义图案”~

![8c455099-ca1b-473e-90f3-a61b48d76c7f.png][]![e9362c93-d683-4a48-9349-188b29fb32fe.png][]

**然后在新画布中会弹出个窗口，如下图所示，输入好名字然后点击确定~**

![82471008-e6f2-411b-9efb-0876553767e7.png][]

**然后回到我们的第一块画布中，双击该画布中的黄色背景图层~**

![969164b9-0828-4f27-96bd-2e8e04a0e4e6.png][]

**弹出图层样式窗口->选择->“图案叠加”选项卡，得到如下图所示画面~**

![0efe0926-659a-41d1-9c9d-f2375ef07909.png][]

可以看到我们刚刚确定保存的小爱心图案出现在这里面了，选择它，然后点击确定~

你会发现你的画面会变成这样~

![9a023eef-e741-41aa-9078-8d78a1aab66c.png][]

是不是多了很多小爱心，这就如同图案的平铺效果一样，可以使用它做特殊的壁纸效果哟，

那么问题就来了！！！能不能单独把做的这个图案叠加的平铺效果拿出来？（有的童鞋可能只需要这个平铺效果，不需要背景/底色）

**答案是，可以的，有两种方法**

**先说第一种：**

选中做了图案叠加效果的图层，然后在菜单栏中的“图层”选择->“图层样式”选项卡->在该选项卡中再选择“创建图层”~

![ff9d7143-7cd4-4a42-b03d-539fad722bf9.png][]![8c52f10c-3437-4f02-acda-c6edd6e81d4d.png][]

然后你会发现你的图层~

之前是这样

![f127b8e2-bfb7-44ba-875d-cb28061698d3.png][]

现在是这样

![fc4fc7b2-1aad-4876-8b1d-744933690b09.png][]

是不是变成了一个剪切蒙版的样子，SO...

![bc2d6808-0f28-4da7-bf79-55ead88cfde2.png][]

你就可以把它单独拿出来慢慢“编辑”了；

**然后，现在说第二种，也是最实用~最简单的。**

要想得到独立的图案叠加背景效果，我们先新建一个图层取名“图案层”~

![259e2448-5c4d-4052-9f08-32688a3f13d3.png][]

然后给他填充一个颜色（随意填充）~

![e17c27f3-908e-406f-a202-7940d1436c0c.png][]

然后再双击它给他添加图层样式的“图案叠加”效果~

![d776f3b5-834c-41cb-9a6e-4b35be87af51.png][]

然后你的画布上就变成这样了~

![bf870f9e-1a81-45c4-8e94-1ee7946984ad.png][]

重点来了，接下来怎么做？先看图~

![edd9d5e1-2297-4d63-9fdf-c481902930b5.png][]

把这个图层的填充色变为0%，像这样~

![550bc4b2-82e6-4b46-ab1b-80563d6f99be.png][]

然后见证奇迹的时刻~

![ec00c489-ce24-431c-b161-2d80ece8fbc5.png][]

黑底没有了~

现在总结说说第二种的好处，你可以随意更换/调节图案叠加的的图案效果（包括自己做的花纹图案，都行）~~~~妈妈再也不担心我没各种背景图案用了......

[7ed8b23f-b4fa-46cd-909c-d2cc1895fae4.png]: /images/20220731/1f8c2f72bd6446828ee8f4748b0cfe0d.png
[8768c6f6-8fb7-41d8-bd84-7303e5a22db2.png]: /images/20220731/da4cc16ec0a24d7882abae8170b06fa3.png
[e1145f73-4383-43d2-a09e-bb9eeaf9b09c.png]: /images/20220731/b5066d3a18a744179444937556f4625c.png
[8c455099-ca1b-473e-90f3-a61b48d76c7f.png]: http://www.itsource.cn/upload/news/2016-01-29/8c455099-ca1b-473e-90f3-a61b48d76c7f.png
[e9362c93-d683-4a48-9349-188b29fb32fe.png]: /images/20220731/5235e3b1b5db4328926d30fb067cd7bf.png
[82471008-e6f2-411b-9efb-0876553767e7.png]: /images/20220731/3f648bc7ccae433d8160d097a2cb1477.png
[969164b9-0828-4f27-96bd-2e8e04a0e4e6.png]: /images/20220731/4dde57fee9bf40879dcb19fd78ec7d2b.png
[0efe0926-659a-41d1-9c9d-f2375ef07909.png]: /images/20220731/baec6186fd2c497e9a0cf22861ba70f7.png
[9a023eef-e741-41aa-9078-8d78a1aab66c.png]: /images/20220731/4c04179d9619416481625454091d4c8a.png
[ff9d7143-7cd4-4a42-b03d-539fad722bf9.png]: http://www.itsource.cn/upload/news/2016-01-29/ff9d7143-7cd4-4a42-b03d-539fad722bf9.png
[8c52f10c-3437-4f02-acda-c6edd6e81d4d.png]: /images/20220731/655f52cb6bed4ca2a69c2ce0a48028fd.png
[f127b8e2-bfb7-44ba-875d-cb28061698d3.png]: /images/20220731/cbf6a638126a492d9425389660746e7f.png
[fc4fc7b2-1aad-4876-8b1d-744933690b09.png]: /images/20220731/a3c065d075a241b18f1210838deeb5ce.png
[bc2d6808-0f28-4da7-bf79-55ead88cfde2.png]: /images/20220731/d67392353c2b4a39965c03db1844cb89.png
[259e2448-5c4d-4052-9f08-32688a3f13d3.png]: /images/20220731/eb2544dbfa194f5a9d79aafc34358062.png
[e17c27f3-908e-406f-a202-7940d1436c0c.png]: /images/20220731/21ca1aacb5814006a2e2385dd49953a2.png
[d776f3b5-834c-41cb-9a6e-4b35be87af51.png]: /images/20220731/cc80b8bacf2d4729bae63ec26157dc86.png
[bf870f9e-1a81-45c4-8e94-1ee7946984ad.png]: /images/20220731/5d2f2019c81542208925b7fbe30acbdf.png
[edd9d5e1-2297-4d63-9fdf-c481902930b5.png]: /images/20220731/56c526e9b51d499a9f41168fdcc684a1.png
[550bc4b2-82e6-4b46-ab1b-80563d6f99be.png]: /images/20220731/48a96eb47d9a403c9f53e875b1489fee.png
[ec00c489-ce24-431c-b161-2d80ece8fbc5.png]: /images/20220731/e0d5184488f84e0c81881de5c6759ded.png