半落位重复,也常称 half-drop,会让相邻列交替沿垂直方向错开半个图块高度。对于 400 × 400 px 的图块,各列起点的纵向位置在 0 px 和 200 px 之间交替,隔一列就回到相同高度。
这种排列常用来打散显眼的水平行列,但图块边缘必须支持错位。原本在直排中能接好的花朵,改用半落位后可能断开,因为相邻像素相遇的位置已经变化。
本文对照了 Pattern Observer 对重复类型的解释,以及 Handprinted 的手工版画构图教程。下面用原创下载素材,把具体几何关系和导出选择说明白。
下载练习图块
下列文件均为 SeamlessCanvas 原创教学素材,可以用于个人或商业图案,也可以自行修改。每张 PNG 都有不透明的米色背景,不带辅助线和文字标签。
| 文件 | 像素尺寸 | 正确用法 |
|---|---|---|
| 边缘留白练习图块 | 400 × 400 | 比较直排、半落位和砖式布局 |
| 直排边缘配对图块 | 400 × 400 | 使用直排,再观察改成半落位后的断裂 |
| 半落位边缘配对图块 | 400 × 400 | 使用半落位,再观察改成直排后的断裂 |
| 半落位矩形大单元 | 800 × 400 | 使用直排,图片内部已包含错位排列 |
需要检查对象位置时,可以打开半落位 SVG 源图和矩形大单元 SVG 源图。文中配图都是原创示意图,并非软件截图或印刷打样。
直排、半落位和砖式分别沿哪个方向排列
先看边缘留白的练习图块。柑橘、枝叶和种子全部位于正方形内部,四条边都保留相同实色背景。这一具体构造可以让同一份作品适应三种布局。
以下位置指大画布上各图块左上角的坐标。W 表示图块宽度,H 表示高度,c 为从零开始的列序号,r 为从零开始的行序号。
| 布局 | 横向坐标 | 纵向坐标 |
|---|---|---|
| 直排,也称 full-drop | c × W | r × H |
| 半落位 half-drop | c × W | 奇数序号列为 r × H + H/2,其余为 r × H |
| 砖式 brick,也称 half-brick | 奇数序号行为 c × W + W/2,其余为 c × W | r × H |
采用 400 × 400 px 图块时,半落位第一行的起点依次为 (0, 0)、(400, 200)、(800, 0)。为了填满画布顶部,第二列还需要在 (400, -200) 放一个副本。裁切边界之外也要延续相同的排列。
砖式沿另一个方向错位。为了覆盖左边缘,它的第二行可以从 (-200, 400)、(200, 400)、(600, 400) 开始。两种布局都不需要旋转或镜像,所有副本始终保持相同朝向。
手工教程里偶尔会混用名称,判断时应看预览中实际错位的方向。在 SeamlessCanvas 中,半落位让相邻列沿垂直方向错开半高,砖式让相邻行沿水平方向错开半宽。
直排已经无缝,为何改成半落位会断开
直排图块把左边缘某个高度的内容,与右边缘同样高度的内容配对。半落位则让左右边缘相差半个图块高度后再相遇。上下边缘仍按原来的横向位置衔接。
对于高度为 400 px 的图块,右边缘 y = 300 的片段,需要与左边缘 y = 100 的相应内容配对。中间相差 200 px,超出图块高度的部分按完整高度折回。左右片段都在 y = 100,则是直排所需的关系。
可以对照直排图块错误使用半落位的结果,以及正确的半落位排列。第一张图里,原本在同一高度相遇的柑橘片段在列边界处分开,因为移动整张图块并不会改动图片内部的片段位置。
半落位边缘配对图块采用半落位时,边缘果实可以正确衔接,改成直排后则会断开。这两张文件故意采用了不同的边缘关系,不能互换设置。按前文的图块坐标,可以在支持精确放置的编辑器中复现两种排列。
边缘留白图块没有这个问题,因为四条边都是相同背景。它适合比较排列节奏,却不能说明任意花卉画稿或照片也能随意切换布局。已有合并图片时,先检查边缘实际包含什么,再决定怎样平铺。
从可编辑元素制作半落位图块
下载素材里的半落位图块采用了一组明确位置。柑橘图片矩形为 120 × 120 px,一个副本左上角位于 x = -60, y = 35,另一个位于 x = 340, y = 235。果实中心落在左右边缘上,两侧对应片段的纵向位置相差 200 px。
因此复制位移为 (W, H/2),本例就是 (400, 200)。如果目标位置超过底部,就按完整高度折回。原本应放在 y = 435 的副本,折回后为 y = 35。复制时保留相同尺寸、旋转角度和颜色。
跨越上下边缘的内容仍使用 (0, H) 位移。跨过角点的元素,还要按这两组关系补齐折回片段。尽量从完整元素复制,并使用数值移动,避免分别绘制两半后靠目测拼接。
调整构图时,保留内部枝叶和种子的独立状态,同时把图块复制到相邻列观察。单张正方形里看起来均匀的留白,在错位后可能连成对角空带,也可能让几个深色元素挤在一起。
这个栅格练习适合使用偶数像素尺寸。401 px 的一半是 200.5 px,只接受整数坐标的工具需要另行处理重采样。400 px 练习图块可以准确移动 200 px。正式作品仍应按印刷比例确定大小,并确保源素材在目标尺寸下有足够细节。
把半落位导出为普通矩形重复单元
有些服务只支持将标准矩形图片直排重复。可以把相邻两列的半落位关系合并进一个更大的重复单元,英文常称 supertile。
对于 W × H 的半落位源图,一种有效的直排重复单元为 2W × H。本例 400 × 400 px 源图可生成 800 × 400 px 的图片,里面包含两列,第二列向下移动 200 px,并在顶部和底部折回补齐。
在图案填充器中,上传半落位边缘配对图块,确认检测到的重复方式显示为半落位。工具按边缘分析自动选择布局,当前界面没有手动切换布局的选项。将图块比例保持为 100%,输出画布设为 800 × 400 px。导出后,在新的预览中上传这份文件,确认检测结果变为直排,并检查连续排列是否与原来一致。
这个矩形是针对本例尺寸较方便的一种重复单元,并不是唯一可行的尺寸。宽度包含两种交替列位置,高度包含完整纵向周期。作为对照,砖式源图可以使用 W × 2H 的直排重复单元,本例为 400 × 800 px。
错位关系只应用一次。 目标服务支持半落位时,可提交 400 × 400 px 源图;目标服务采用直排时,可提交 800 × 400 px 大单元。如果对已经包含错位的大单元再次应用半落位,服务会继续添加位移,改变构图,也可能破坏边缘关系。
在目标服务中选择重复方式
部分服务允许自行设置排列。Spoonflower 官方重复说明区分 Basic、Half-Drop 和 Half-Brick,并说明垂直或水平错位的关系。需要让服务应用半落位时,上传与该布局相容的原始图块,再检查产品预览。
另一些服务要求交付完整印刷画布。这时应按指定尺寸,把目标排列填好再输出。裁切后的 2400 × 1600 px 图片可以直接作为一张印刷成品图,但不一定适合继续当重复单元,因为外边界可能落在重复周期的中间。
自动检测可以根据边缘相似程度建议一种起始布局。边缘纯色的图块可能同时适合几种排列,更需要把检测结果当作参考。本例的边缘留白图块在三种布局下评分相同,填充器默认使用直排。需要比较其他排列时,可看本文示意图,或在能手动放置图块的编辑器中操作。检测无法知道你的构图意图,也无法保证大范围图案好看。仍应检查实际生成的布局,以及目标服务的预览。
如果起始图片需要重新处理边缘,可以参考已有图片制作重复图案的指南,修复前再看源图选择指南。直排接缝修好后,半落位所需的另一组配对关系仍要单独检查。
印刷时保持重复比例一致
400 × 400 px 图块按每英寸 200 像素 输出,占 2 × 2 英寸,半落位的偏移量就是 1 英寸。等效的 800 × 400 px 大单元保持同样分辨率时,占 4 × 2 英寸,果实的实际大小不变。
如果目标服务把这份大单元硬塞进 2 × 2 英寸,两列内容就会被横向压缩。应保持 2:1 宽高比,并输入正确的实际宽度。只把 DPI 元数据改成 300 而不重采样,文件仍为 800 × 400 像素,对应的名义尺寸变成约 2.67 × 1.33 英寸,细节数量没有增加。
图案填充器支持导出 PNG、JPG 和 baseline RGB TIFF,并可设置 DPI 元数据。印厂接收格式、颜色管理、出血和实际比例,都应按供应商要求确定。RGB TIFF 文件本身不能满足所有要求 CMYK 的生产流程。
壁纸行业的半落位还涉及实际纸幅怎样对花。TM Interiors 的铺贴指南展示了纵向重复 64 cm、相邻纸幅移动 32 cm 的例子。裁切时应看实际产品的重复尺寸和对花数据,上传图片的像素大小无法直接决定整卷壁纸的用料。
关于半落位的几个问题
半落位一定能隐藏重复吗? 它会改变排列节奏,但大块深色元素、相同间距和对角空带仍可能暴露结构。要按目标实际比例多铺几张,也要从远处看整体效果。
半落位图块可以是矩形吗? 可以。600 × 400 px 源图的相邻列仍垂直错开 200 px,对应的两列直排大单元可以为 1200 × 400 px。
应该先修复边缘,还是先选择布局? 在最终处理配对边缘前,先确定想用的布局。排列时尽量保留独立元素。手里只有栅格图片时,先检查现有边缘能否支持目标布局,再决定修复或重建。
