教大家做无缝图案背景
无缝拼接的图案做背景通常用于可爱风格的图片装饰，这类图片简单实用，本教程还用到了位移滤镜来处理，大家一起学习一下这个技巧吧。先看看效果：
http://pic.16xx8.com/allimg/151226/21192051I-26.jpg
我们的素材包中，包含一个纸张PSD，一个圣诞图案PSD，一个圣诞图案PAT，一张纸张纹理。素材打包链接：
http://pan.baidu.com/s/1c1rP1Gs
密码：os0n首先，我们说说位移，位移滤镜用的比较少，其实，不管什么工具，其存在，必定有其道理，只是视乎我们会不会用。在这里，我们会详细的解释位移的操作。位移（offset）滤镜的位置是滤镜——其他——位移。位移或许大家并不经常用到，但是，负责任的说，位移其实挺强大的，尤其是用来制作一些无缝图案，好用程度五颗星。下面，我们先来看看位移的对话框。
http://pic.16xx8.com/allimg/151226/2119205616-0.jpg
看对话框，我们可以很直观的理解位移。首先，水平是什么意思，水平就是，设置水平向右移动的距离，垂直则是设置垂直向下移动的距离，其单位为像素。接下来的未定义区域拥有三个子选项。未定义区域什么意思呢，从字面上，我们就可以理解，那就是我们没有选择的区域即为未定义区域。第一个，设置为透明。意思就是将未定义的区域，在选区的原来的位置填充为透明。第二个，重复边缘像素。意思是使用原图边缘的像素填充原来的位置。第三个，折回。使用图像的另一部分填充空白区域。听了是不是一头雾水，感觉无从下手，没关系，下面，我们会用几张图片来详细的解释一下。作者：P大点S 出处：pdadians 首先，我建了一个300*300像素的文档，并填充了一个绿色。
http://pic.16xx8.com/allimg/151226/21192012D-1.jpg
执行位移滤镜，设置水平位移+150像素，垂直位移+150像素，未定义区域设置为透明，得到如下的效果。
http://pic.16xx8.com/allimg/151226/2119206018-2.jpg
刚才我们说了，设置为透明的意思是将未定义的区域以透明来填充，现在我们可以看到，绿色的图像，已经向右和向下移动了150像素，而其图像原来所在的位置则变成透明了，简单的理解就是，设置为透明，就是图像移动，而移动过后，其原来位置变成透明。友情提示，位移设置为负数时，则是向左和向上移动。下面，我们试试重复边缘像素，执行位移滤镜，设置水平位移+150像素，垂直位移+150像素，未定义区域设置为重复边缘像素。
http://pic.16xx8.com/allimg/151226/2119204A6-3.jpg
从上图中，我们可以看出，重复边缘像素的意思是，使用原图边缘的像素来填充原图所在的位置，或者纯色的背景，大家看不清楚，下面，我用一个渐变的图层来演示一下。
http://pic.16xx8.com/allimg/151226/2119203940-4.jpg
下面，我们就来看一下，重复边缘像素具体是怎么一回事。我们未执行位移时的图像是下面这个图像的左边部分，水平向右、垂直向下移动了150像素，则得到如下图像中的右边部分。
http://pic.16xx8.com/allimg/151226/21192051S-5.jpg
当我们设置了未定义区域为重复边缘像素之后，我们得到的是下面这个图像。
http://pic.16xx8.com/allimg/151226/2119201V0-6.jpg
我们刚才说过，重复边缘像素的作用是使用原图边缘的像素填充原来的位置，我们现在就通过下面这个图片，来直观的了解一下。我们把图像原来所处位置标注为A，图像位移后的位置标注为B，使用原图边缘的像素填充原来的位置，就是说把B部分的边缘像素来填充A部分，我们把B部分中用红色方框框住的部分CTRL+T，向上拉伸，得到3部分的效果，再把3部分中用红色方框框住的部分CTRL+T，向左拉伸，得到4部分的效果。大家可以检验一下，看现在我们得到的4部分的效果，跟我们直接执行位移，设置未定义区域为重复边缘像素的效果是不是一样。
http://pic.16xx8.com/allimg/151226/2119202421-7.jpg
最后，我们来看看最后一个选项折回，同样，我们还是建一个300X30像素的文档，用矩形工具填充一个绿色图层，设置水平、垂直居中，这个图层的大小要小于300像素，不然看不出效果。
http://pic.16xx8.com/allimg/151226/2119203H3-8.jpg
我们执行位移滤镜，设置水平向右、垂直向下各150像素，未定义区域为折回，效果如下。
http://pic.16xx8.com/allimg/151226/21192064V-9.jpg
这个折回，大概的意思就是说，把图案分成四份，分别填充在四个角，四个角的图案合起来就是图案本身。如果图案太小，不足以超出画布，折回对其就不起作用，因为太小，移动后压根超不出画布，如何折回，其效果就跟设置为透明的效果是一样的。示例如下图。
http://pic.16xx8.com/allimg/151226/2119205091-10.jpg
顺便说一句，位移是可互的，比如说，你向右向下位移了150像素，你参数不变，再位移一次，图案就又回来了。位移的大概操作基本就是这样了，实战开始。新建个文档，这里我用的还是300*300像素，不知为何特别喜欢用这个尺寸。设置前景色为#7aa61d，填充背景。用钢笔工具画一株圣诞树出来，这里树的颜色我用的是#035702。
http://pic.16xx8.com/allimg/151226/2119204Q2-11.jpg
复制一层圣诞树图层，选择住两个圣诞树图层，CTRL+G创建图层组，为顶层的圣诞树执行位移滤镜设置水平向右、垂直向下各150像素，未定义区域为折回，效果如下：
http://pic.16xx8.com/allimg/151226/2119205S4-12.jpg
下面，我们继续添加圣诞树图案。复制圣诞树形状，置于顶层，CTRL+T调整大小，并更改形状颜色 为#bfe866，同样的，为了方便操作，我也是用了一个新的图层组，建议大家养成良好的图层编组和命名习惯。
http://pic.16xx8.com/allimg/151226/2119201620-13.jpg
接下来，我们复制这个淡黄色的圣诞树，执行位移滤镜，设置水平向右、垂直向下各150像素，未定义区域设置为透明。
http://pic.16xx8.com/allimg/151226/21192035R-14.jpg
页:
[1]
2