四步出图
- 移动画布 直接按住左键拖动预览;使用画笔、橡皮或涂抹时用鼠标中键拖动。点击「适应窗口」重新居中。平移只改变查看位置,不改变贴图和导出。
- 辅助线 画布顶部点击「辅助线」,开启显示后可分别设置横向、纵向数量(0–50 条)。白色虚线在贴图内均匀分布,随预览缩放和平移;设为 0 隐藏该方向,辅助线不会进入导出的图片。
- 建图层 默认已有一层。右栏「图层」可新建、复制、上下移动、拖动排序,点眼睛隐藏。
- 选类型 左栏「类型浏览器」按效果分类浏览,可按用途标签、收藏、最近、动态筛选;缩略图就是真实渲染结果,统一用黑白灰阶显示,方便看形状本身,不受颜色干扰。
- 调参数 中间面板自动对应所选类型的每一项参数。每个滑杆右边都有一个数字框,可以直接手打精确值。
- 查平铺 舞台右上角「四方连续」可把画面平铺满窗口,确认做出来的是不是无缝贴图。
- 导出 右上角「导出」,可出 PNG、法线图、序列图集、GIF 动图、通道打包。
手动输入参数
- 滑杆右侧的数字框可以直接输入。回车或点别处即生效,Esc 撤销本次输入。
- 数字框里按 ↑ ↓ 会按该参数的步长步进,适合做微调。
- 数值会自动夹在参数允许范围内,并对齐到步长,不会出现滑杆与数字对不上的情况。
- 双击滑杆或双击右侧的数值,可一键恢复该项的默认值。
几个要点
- 着色有两种模式:渐变色阶把灰度映射成彩色(最常用,内置 16 套、也可自定义色标),单色则直接染一个颜色。
- 叠加多层是出好图的关键:例如「集中线」层配一层「噪波」用乘算,边缘就碎了。
- 导入自己的贴图:右栏「图层」标题旁的「导入贴图」按钮,可导入 PNG/JPG/WebP/GIF/AVIF/SVG、常见未压缩 BMP、8/24/32 位无调色板 TGA,以及经典 TIFF(无压缩、LZW、PackBits、Deflate;8/16 位灰度、调色板、RGB/RGBA)。TGA 支持 RLE,动画 GIF 作为静态首帧导入;PSD、EXR、BigTIFF 和旧式 JPEG 压缩 TIFF 暂不支持,需先转换为 PNG。导入后统一转为 PNG 图层;长边超过 1024 会自动等比缩小,非正方形图片会按原比例自适应画布,不会被拉变形。着色默认「原图」保留本色,缩放/位移/旋转/混合模式/全部后处理照常可用;云端预设只保存参数和图片引用,不上传图片;含图片的本地工程自动导出为 ZIP,下次导入 ZIP 可完整恢复。
- 图片导出格式:静态贴图支持 PNG(透明)、WebP(透明)、BMP(32 位透明通道)、TGA(32 位透明通道)和 JPEG(透明区域合成黑底);序列 GIF、法线 PNG、图集 PNG 保持原有独立导出项。
- 去黑底:后处理里新增的一键开关(UnMult 语义)。黑底素材图打开后自动「反预乘」:亮度变透明度、颜色恢复直通色,黑白过渡自然;黑底显示模式下开与不开画面逐像素一致,切到透明/白底即可看到去黑底效果。配「导入贴图」可以把外部黑底素材快速变透明底。
- AI 涂抹补缝:导入图片并选中图片层后,在「AI 补缝 · 无缝连续化」中点击「涂抹补缝」,圈出要重画的区域再提交。使用后台生图通道,提交前显示预计积分;返回图按选区合成到新图层,原图层保留。可用「四方连续」检查拼接效果。
- AI 高清放大:选中图片层后,参数面板「AI 高清放大」组里的 ×2 / ×4。在浏览器里跑 Real-ESRGAN(animevideov3 ×4)模型推理,不联网、不扣积分;完成后贴图与画布一起放大(画布上限 4096,倍数放不下时自动降档),透明通道单独重采样回贴。首次使用需加载约 14MB 运行时与模型文件(之后走浏览器缓存),大图分块推理需要几秒到几十秒。
- AI 序列补帧:选中无格间距的序列图集,手动指定源列数与行数(各 1–32,至少 2 帧),支持 8×1、1×8、2×4 等。目标可选多行宫格或 16×1、1×16 等条带。RIFE 按从左到右、从上到下的循环顺序补帧,结果生成新图层,原图层保留。单帧尺寸不变,透明通道单独插值,不扣积分;首次使用需加载运行时和模型,大单元格会花几分钟。
- 基础调整:图片层选「原图」着色后,可使用亮度/对比度、曝光、色阶、色相/饱和度、黑白和反相。亮度为非线性调整;曝光 EV 在线性 RGB 中计算。色阶黑白场按 0–255 显示。调整不改变透明度,支持撤销和「重置基础调整」;「使用旧版」用于保持旧文件效果。
- 栅格化图层:在左侧「图层」参数中点击「栅格化图层」,将选中图层的当前帧生成为新的静态图片层,然后使用画笔、橡皮或涂抹直接编辑。原图层自动隐藏并保留,可重新选中修改参数。
- 画笔参数:图片层参数面板「画笔 / 涂抹」组——笔刷大小 / 颜色 / 不透明度 / 硬度(100% 硬边,调低变柔边喷枪)/ 橡皮(透明擦除)/ 涂抹强度;「[」「]」键缩放笔刷,Ctrl+Z 撤销每一笔。操作按画布坐标映射贴图,会忽略图层自身的缩放/偏移。
- 涂抹(PS 涂抹工具):选「涂抹」工具后按住画布往哪拖,像素就被抹到哪——强度越大拖影越长。把截图里的文字抹花、揉合材质边缘、做手绘混合都靠它,效果实时上屏,松手进撤销历史。
- 动态类型(火焰、闪电、烟雾、焦散等)会随时间变化,用「播放」预览,导出选「序列图集」或「GIF 动图」。
- 后处理有 16 项:模糊 / 泛光 / 锐化 / 像素化 / 色差 / 暗角 / 扫描线 / 万花筒 / 镜像平铺 / 漩涡 / 边缘检测 / 阶调化 / 三色映射 / 径向遮罩 / 去黑底 / 转法线,都在底部「后处理」页签里逐项开关。转法线把亮度当高度场生成切线空间法线图(OpenGL +Y 约定,UE5 用 DirectX 管线时开「反转 Y」)。
- 无缝可平铺:在图层「变换 → 四方连续无缝」中开启。噪波、材质、图案、数字底纹、元胞和流动图均可使用;独立图形、法阵与拖尾也可手动开启。用舞台右上角的「四方连续」检查平铺结果。
- 增强参数:个别类型在原版基础上多了可调项,会用 ☆ 标注。例如「细颗粒」多了「随机大小」——默认 0 = 与原版一致(所有颗粒等大),往右拉大颗粒与细颗粒的尺寸差,做喷溅/灰尘更自然。
- 本机工作文件缓存:画布、图层参数和导入贴图会按账号自动缓存到当前浏览器,切换到特效建模、刷新或重新打开工坊后可继续编辑;游客草稿与登录账号分别保存。清理浏览器数据会删除缓存,长期备份请用「存到本地」导出完整工程。收藏、最近和本页预设仍只在当前页面保留。
检查四方连续(无缝平铺)
- 舞台右上角的「四方连续」按钮,一点就把画面按 N×N 平铺满整个预览窗口,用来确认左右、上下接缝对不对得上。
- 按钮旁边的下拉可以选 2×2 / 3×3 / 4×4 / 6×6 / 8×8;格数越多越容易看出细小的接缝。
- 平铺预览是纯复制,不会叠加分隔线。检查重复边界是否出现额外断层或被切断的图案;棋盘、砖缝和网格自身的规律线条属于正常图案。
- 平铺时画面严格保持等比(1:1 的贴图平铺出来仍是正方形)。舞台比画幅矮时上下会留黑边,不会把贴图压扁拉长。
- 这只是看一眼的显示模式:导出永远是单张贴图,不会把平铺结果导出去。点「适应窗口」或「100%」即可退出。
四方连续无缝生成
- 图层「变换」里的 「四方连续无缝」控制生成结果;右上角同名按钮只控制预览。纹理默认开启,新增支持的独立图形默认关闭,可按需要开启。
- 规则网格、棋盘、六边形、交错砖纹等优先将画布跨度对齐完整周期;随机元胞与部分瓷砖还会卷绕格点编号,避免重复边界切断单元或叠出重影。
- 连续纹理通过画布边界平滑过渡;独立图形使用保亮度过渡。旋转、位移、非方形画布与极坐标转换也参与处理。开启可能改变局部纹理,合成后仍应检查。
- 矢量图保留 RGB 数据,法线图会重新归一化。单向线性渐变与位置数据不强制改成周期,以免改变数据含义;可改用反射渐变或重复渐变。导入图片继续使用已有补缝工具。
快捷键
- Ctrl+Z 撤销 Ctrl+Shift+Z 重做
- 空格 播放 / 暂停预览 Ctrl+S 导出 PNG
- Ctrl+D 复制当前图层 Delete 删除当前图层
关于这套工具
功能面按「程序化贴图生成器」这一品类的通用做法实现,界面、文案与全部着色器代码均为本项目自行编写;GIF 编码使用了开源库 gifenc(MIT,Matt DesLauriers),已按原样放进 js/vendor/。生成的贴图你可以自由用于自己的项目。