Photoshop无缝背景制作
2004-09-13 00:13
302 查看
如何做到无缝拼合
1)首先来看一个网页背景,缩小了的。能看得出它的边界吗?其实它是由右边的背图经过平铺而成的:
![](http://www.yesky.com/20030506/softb2030506_12.gif)
![](http://www.yesky.com/20030506/softb2030506_13.gif)
2)究竟是如何做的呢?一个原则,这个图只要左边界接右边界、上边界接下边界是吻合的,那么就是无缝背景图了。
3)那么,如何做边界的吻合呢?正好Photoshop有一个位移滤镜,它勾选“折回”选项后,可以使上边接下边,左边接右边,你可以想像它是一滚动的机器,使一部分上面的东西跑到下面(左边跑到右边),而边界刚好是从原来连接的部分切割到上下(左右)了,所以,就可以达到平铺之后无缝隙。
![](http://www.yesky.com/20030506/softb2030506_09.gif)
4)以上例来说明,示范一下做法:
首先,在一张图像上,随意的输入下面的文字,现在随意就行了,然后拼合所有图层。
![](http://www.yesky.com/20030506/softb2030506_08.gif)
接着,使用位移滤镜,至于位移的数量,通常为图像尺寸的一半好了,一定要勾选“折回”。
![](http://www.yesky.com/20030506/softb2030506_09.gif)
执行位移之后,结果如图所示,这时已经可以看得到边界上下是接合的了。你就把它当作一作纸, 卷起来时图案是可以吻合的。
![](http://www.yesky.com/20030506/softb2030506_10.gif)
这时图像中间有些空白的地方,可以像下图一样补上图像,反正不碰到边界,怎么弄都行。这时,无缝图景图就弄好了。
![](http://www.yesky.com/20030506/softb2030506_11.gif)
听说Photoshop7有了直接做无缝背景的工具?OK,现在先关掉photoshop6,打开photoshop7。
用Photoshop7直接制作无缝背景
1)随手打开一幅希望做背景的图像,当然不需要太大:
![](http://www.yesky.com/20030506/softb2030506_20.gif)
2)选择菜单,如图:
![](http://www.yesky.com/20030506/softb2030506_34.gif)
3)在打开的滤镜面板中,首先从左边的工具中使用选框工具,拖选出需要做背景的范围。然后在右边的选项中设置合适的参数,最后按“Generate”按钮就行了,还可以继续“Generate Again”下去,直到满意为止。
![](http://www.yesky.com/20030506/softb2030506_21.gif)
4)本例中结果如下图所示,它填充起来,真的是无缝接合的。
1)首先来看一个网页背景,缩小了的。能看得出它的边界吗?其实它是由右边的背图经过平铺而成的:
![](http://www.yesky.com/20030506/softb2030506_12.gif)
![](http://www.yesky.com/20030506/softb2030506_13.gif)
2)究竟是如何做的呢?一个原则,这个图只要左边界接右边界、上边界接下边界是吻合的,那么就是无缝背景图了。
3)那么,如何做边界的吻合呢?正好Photoshop有一个位移滤镜,它勾选“折回”选项后,可以使上边接下边,左边接右边,你可以想像它是一滚动的机器,使一部分上面的东西跑到下面(左边跑到右边),而边界刚好是从原来连接的部分切割到上下(左右)了,所以,就可以达到平铺之后无缝隙。
![](http://www.yesky.com/20030506/softb2030506_09.gif)
4)以上例来说明,示范一下做法:
首先,在一张图像上,随意的输入下面的文字,现在随意就行了,然后拼合所有图层。
![](http://www.yesky.com/20030506/softb2030506_08.gif)
接着,使用位移滤镜,至于位移的数量,通常为图像尺寸的一半好了,一定要勾选“折回”。
![](http://www.yesky.com/20030506/softb2030506_09.gif)
执行位移之后,结果如图所示,这时已经可以看得到边界上下是接合的了。你就把它当作一作纸, 卷起来时图案是可以吻合的。
![](http://www.yesky.com/20030506/softb2030506_10.gif)
这时图像中间有些空白的地方,可以像下图一样补上图像,反正不碰到边界,怎么弄都行。这时,无缝图景图就弄好了。
![](http://www.yesky.com/20030506/softb2030506_11.gif)
听说Photoshop7有了直接做无缝背景的工具?OK,现在先关掉photoshop6,打开photoshop7。
用Photoshop7直接制作无缝背景
1)随手打开一幅希望做背景的图像,当然不需要太大:
![](http://www.yesky.com/20030506/softb2030506_20.gif)
2)选择菜单,如图:
![](http://www.yesky.com/20030506/softb2030506_34.gif)
3)在打开的滤镜面板中,首先从左边的工具中使用选框工具,拖选出需要做背景的范围。然后在右边的选项中设置合适的参数,最后按“Generate”按钮就行了,还可以继续“Generate Again”下去,直到满意为止。
![](http://www.yesky.com/20030506/softb2030506_21.gif)
4)本例中结果如下图所示,它填充起来,真的是无缝接合的。
![](http://www.yesky.com/20030506/softb2030506_22.gif)
相关文章推荐
- [转载]Photoshop背景图制作 : 星空幻想
- Photoshop偏移(Offset)命令制作无缝拼接图案
- 用PhotoShop制作透明背景图片
- Photoshop偏移(Offset)命令制作无缝拼接图案
- 用Photoshop定义图案制作漂亮的网格点背景
- photoshop制作透明背景图片
- 使用Photoshop制作两端平滑衔接的背景图
- Photoshop:制作方块背景
- Photoshop制作Android UI: 怎样将图片背景变为透明
- 用photoshop如何制作背景透明的图片
- 用Photoshop制作逼真自然背景
- 用PhotoShop制作透明背景图片
- Photoshop制作Android UI: 如何将图片背景变为透明
- Photoshop 制作简单背景的3种方式
- Photoshop教程:简单制作配合背景的海报文字效果
- PhotoShop简单制作漂亮的格子背景
- Photoshop制作倒影字
- Photoshop制作倒影的两种方法
- 推荐一个无缝背景花纹资源站-AVA7 PATTERNS
- 【记录】【方案】Photoshop金属字制作方法