ps基础图文教程 ps基础图文教程

ps 基础图文教程--无缝拼接图案制作

新手入门必看—新手速成之秘诀 第一课 PHOTOSHOP 第二课：PS 窗口工具详细图解及 photoshop 快捷键大全

第三课 象素字和改变图片大小 第四课 笔刷的使用和制作 第五课 填充图案的应用 第六课 常用填充图案

的画法 第七课 仿制图章工具的应用 第八课 一些简单的边框 第九课 一些常用的字效 第十课 混合选项的

应用 第十一课 用套索和魔棒工具做选区 第十二课 用抽出滤镜抠图 第十三课 使用钢笔工具扣图 第十四课

人物美化初级课 第十五课 一些简单图效制作 第十六课 突出图片一部分 第十七课 图片简单调色教程 第

十八课 效果素材的使用 第十九课 Photoshop 滤镜制作高光素材 第二十课 纯色动漫签名 第二十一课 粉色

童年真人签 第二十二课 舞动游戏签 .常用像素字表【附件】

所谓无缝拼接图，即是整幅图像可以看做是由若干个矩形小图像拼接而成，并且各个矩形小图像之间没有接缝的痕

果。现在我们在 Photoshop 中建立一个图案填充层(点击图层调板下方 按钮)，将会出现如下图的设置框。

上面这个图案平铺后产生的是一种“砌墙”效果，即看得出一块一块图案的拼接，图案间有明显的分界线，就好像用砖头砌墙一样。现在我

们选择 Photoshop 默认图案中的“分子”，效果如下右图。不同于之前，在这个平铺中看不到图案间的边界线，整个图案浑然一体。

接着动手制作，平铺的效果如下左图，我们发现原先被拆散的菱形又被合并在一起了。和你们想象中的是否一致？

正因为图案的连续平铺特性，前一个图案与后一个图案首尾相接，如下右图。才能够形成这样的效果。从严格意义上来说，图案的边界

是存在的。但从视觉效果上看却没有边界。正因为图案内容前后衔接。这样的图案就适合用以连续平铺(也称无缝平铺、连续图案)，可以“星

火燎原”，用较小的图案来制作较大的区域，且无论区域大或者小，都不会影响平铺的整齐性。

这种图案在网页设计中是经常用到的，因为网页的大小并不是固定的，随着内容的增减可能随时发生变化。比如原先网页中只有 20 行文

字，我们根据这 20 行的大小制作了背景，但以后如果文字增加为 30 行，那空余出来的部分怎么办？因此网页背景都是采用一个较小的图案，

然后指定为平铺。这样无论网页内容增加或者减少都不会影响背景的效果。

上面所说的第一种平铺，其实还要一种例外的可能性：如果线段穿越边界时候呈现一定的角度(常见于曲线)，那么位于分界点的两个像素

(下图中的 A 与 B)即使不在同一水平线上，却同样能够形成无缝平铺。因为它们之间的落差符合线段的走势。这样的差异通常也就是 1 像素到

2 像素的距离，再大就会产生断接感了。

除了位置，边界像素的颜色对于平铺效果也是有影响的。这常见于使用渐变色作为平铺的时候。为了使效果明显，我们使用了模拟渐变

的色块，并打上颜色数字来说明问题，如下图。

如果头尾颜色相同，颜色相接会产生一个重复的区域，使得颜色 1 在平铺中的比例两倍于其他颜色，造成不协调。当减去其中一个后，

颜色的过渡就协调了。这可以从数字的变化上看出来。

不过如果渐变图案中的颜色数量较多或所占区域较小(如颜色只有 1 像素宽)，这种重复的效果就不容易被觉察，也就不必过于苛求。

在第一个菱形的基础上，我们再创建一个 30%左右的小菱形渐变，按照前面相同的手法处理成如下左图的样子。尽管很简陋，但这就是

一个真正的 4 方连续图案了。平铺效果如下右图。