9 我经常致力于在Photoshop中创建要在网络上使用的背景纹理。不幸的是，我通常不得不猜测，或者只是使用其他网站的免费赠品。 我想在Photoshop中建立自己的纹理，并在导出图像之前检查它们是否正确平铺。有办法快速做到这一点吗？我记得使用偏移的方法，但是我对这些工具不熟悉。 以下是几个背景磁砖示例，因此您可以了解我在说什么： adobe-photoshop website-design background tiles — 命运群岛 source
17 创建您的图像。例如，假设它是200像素的正方形 转到“过滤器”>“其他”>“偏移”，然后输入图像大小的一半（在这种情况下为100px）的x和y数字 这会将您的图片移到那么多像素上，并将从画布上移出的像素移到另一侧。现在，您会看到接缝沿着图像的中部向下延伸，而图案并没有完全重复。 使用您喜欢的任何工具修饰此接缝以使其平滑融合（克隆工具是常见选项）。 保存新图像。 对于更复杂的图像，您可能需要做一个最终的偏移量，例如1/4像素尺寸，以弥补您第一次错过画布边缘时可能错过的边缘。 — DA01 source 谢谢，这太完美了！正是我想要的东西 — 命运群岛
5 DA01回答了如何制作，但是您的问题是如何测试。该问题的答案是： 选择图案层 编辑>定义图案 建立新图层 全选 编辑>填充>图案>选择图案 打一下，看看它看起来是否不错 — 瑞安 source 2 啊。我完全误解了问题！好提示。另一种选择是简单地制作具有重复背景的测试HTML文件。然后，只需继续保存文件并重新加载浏览器即可。 — 2012年 1 是的，我知道如何使用HTML / CSS进行此操作，但是我不知道Photoshop也可以进行测试。感谢您的建议！ — 命运群岛
2 传统上，我将图像另存为jpg或png，然后使用基本的html测试切片。 <html> <head></head> <body style="background: url(image.jpg) repeat 0 0;"> </body> </html> 在浏览器中打开它，您可以看到平铺并只需重新保存“ image.jpg”并刷新网页即可检查修订。 — 史考特 source
1 还有另一种方法可以做到这一点，但是限制是所有其他模式必须具有相同的大小，您将明白为什么。 脚步： 制作一个200px x 200px的框。 将其转换为智能对象。 复制并对齐它，以便水平放置3个框。确保两者之间没有重叠或空格。 将选择的三个框复制到3个垂直列中。 如果尚未启用，请在“首选项”中启用浮动窗口。 双击并打开智能对象。 将两个窗口都对齐，以便可以看到两个文件。 用所需的任何模式填充智能对象，然后在其他窗口中同时查看其运行情况。 — 穆罕默德·乌默尔 source
1 有一个很棒的（供个人使用的免费软件）名为AMP Tile Viewer的工具，它可以让您非常快速地检查图像是否可平铺以及看起来如何平铺。我一直使用它，效果很好。无需在Photoshop中制作图案，您永远不会使用它，或者以后也不必删除它们。 — 塔兰Q source
1 我编写了一个名为“ Tile View”的Chrome扩展程序，可让您右键单击图像并查看其如何平铺。 — tknomad source 我最近也发现了这个基于Web的工具：tile.toyls.com — Thomas Guyot-Sionnest
