您的位置:首页 > Web前端 > CSS

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

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

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



然后我们再新建个画布(参数如下)



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



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





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



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



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



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

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



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

那么问题就来了!!!能不能单独把做的这个图案叠加的平铺效果拿出来?(有的童鞋可能只需要这个平铺效果,不需要背景/底色)

答案是,可以的,有两种方法

先说第一种:

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





然后你会发现你的图层~

之前是这样



现在是这样



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



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

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

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


 

然后给他填充一个颜色(随意填充)~



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



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



重点来了,接下来怎么做?先看图~



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



然后见证奇迹的时刻~



黑底没有了~

现在总结说说第二种的好处,你可以随意更换/调节图案叠加的的图案效果(包括自己做的花纹图案,都行)~~~~妈妈再也不担心我没各种背景图案用了......
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息