ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 9743|回复: 27
收起左侧

[背景壁纸类] 教大家做无缝图案背景

[复制链接]
发表于 2016-1-6 19:38:57 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
无缝拼接的图案做背景通常用于可爱风格的图片装饰,这类图片简单实用,本教程还用到了位移滤镜来处理,大家一起学习一下这个技巧吧。
先看看效果:


我们的素材包中,包含一个纸张PSD,一个圣诞图案PSD,一个圣诞图案PAT,一张纸张纹理。素材打包链接:
http://pan.baidu.com/s/1c1rP1Gs
密码:os0n首先,我们说说位移,位移滤镜用的比较少,其实,不管什么工具,其存在,必定有其道理,只是视乎我们会不会用。在这里,我们会详细的解释位移的操作。位移(offset)滤镜的位置是滤镜——其他——位移。位移或许大家并不经常用到,但是,负责任的说,位移其实挺强大的,尤其是用来制作一些无缝图案,好用程度五颗星。下面,我们先来看看位移的对话框。

看对话框,我们可以很直观的理解位移。首先,水平是什么意思,水平就是,设置水平向右移动的距离,垂直则是设置垂直向下移动的距离,其单位为像素。接下来的未定义区域拥有三个子选项。未定义区域什么意思呢,从字面上,我们就可以理解,那就是我们没有选择的区域即为未定义区域。第一个,设置为透明。意思就是将未定义的区域,在选区的原来的位置填充为透明。第二个,重复边缘像素。意思是使用原图边缘的像素填充原来的位置。第三个,折回。使用图像的另一部分填充空白区域。听了是不是一头雾水,感觉无从下手,没关系,下面,我们会用几张图片来详细的解释一下。
作者:P大点S 出处:pdadians
 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
首先,我建了一个300*300像素的文档,并填充了一个绿色。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
执行位移滤镜,设置水平位移+150像素,垂直位移+150像素,未定义区域设置为透明,得到如下的效果。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
刚才我们说了,设置为透明的意思是将未定义的区域以透明来填充,现在我们可以看到,绿色的图像,已经向右和向下移动了150像素,而其图像原来所在的位置则变成透明了,简单的理解就是,设置为透明,就是图像移动,而移动过后,其原来位置变成透明。友情提示,位移设置为负数时,则是向左和向上移动。下面,我们试试重复边缘像素,执行位移滤镜,设置水平位移+150像素,垂直位移+150像素,未定义区域设置为重复边缘像素。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
从上图中,我们可以看出,重复边缘像素的意思是,使用原图边缘的像素来填充原图所在的位置,或者纯色的背景,大家看不清楚,下面,我用一个渐变的图层来演示一下。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
下面,我们就来看一下,重复边缘像素具体是怎么一回事。我们未执行位移时的图像是下面这个图像的左边部分,水平向右、垂直向下移动了150像素,则得到如下图像中的右边部分。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
当我们设置了未定义区域为重复边缘像素之后,我们得到的是下面这个图像。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
我们刚才说过,重复边缘像素的作用是使用原图边缘的像素填充原来的位置,我们现在就通过下面这个图片,来直观的了解一下。我们把图像原来所处位置标注为A,图像位移后的位置标注为B,使用原图边缘的像素填充原来的位置,就是说把B部分的边缘像素来填充A部分,我们把B部分中用红色方框框住的部分CTRL+T,向上拉伸,得到3部分的效果,再把3部分中用红色方框框住的部分CTRL+T,向左拉伸,得到4部分的效果。大家可以检验一下,看现在我们得到的4部分的效果,跟我们直接执行位移,设置未定义区域为重复边缘像素的效果是不是一样。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
最后,我们来看看最后一个选项折回,同样,我们还是建一个300X30像素的文档,用矩形工具填充一个绿色图层,设置水平、垂直居中,这个图层的大小要小于300像素,不然看不出效果。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
我们执行位移滤镜,设置水平向右、垂直向下各150像素,未定义区域为折回,效果如下。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
这个折回,大概的意思就是说,把图案分成四份,分别填充在四个角,四个角的图案合起来就是图案本身。如果图案太小,不足以超出画布,折回对其就不起作用,因为太小,移动后压根超不出画布,如何折回,其效果就跟设置为透明的效果是一样的。示例如下图。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
顺便说一句,位移是可互的,比如说,你向右向下位移了150像素,你参数不变,再位移一次,图案就又回来了。位移的大概操作基本就是这样了,实战开始。新建个文档,这里我用的还是300*300像素,不知为何特别喜欢用这个尺寸。设置前景色为#7aa61d,填充背景。用钢笔工具画一株圣诞树出来,这里树的颜色我用的是#035702。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
复制一层圣诞树图层,选择住两个圣诞树图层,CTRL+G创建图层组,为顶层的圣诞树执行位移滤镜设置水平向右、垂直向下各150像素,未定义区域为折回,效果如下:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
下面,我们继续添加圣诞树图案。复制圣诞树形状,置于顶层,CTRL+T调整大小,并更改形状颜色 为#bfe866,同样的,为了方便操作,我也是用了一个新的图层组,建议大家养成良好的图层编组和命名习惯。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-1-6 19:38:57 | 显示全部楼层
接下来,我们复制这个淡黄色的圣诞树,执行位移滤镜,设置水平向右、垂直向下各150像素,未定义区域设置为透明。

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-22 03:36 , Processed in 0.041088 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表