跳到正文
AI Sprite Maker

描边生成器

像素级精准的描边,可选尖角(4 连通)或填充拐角(8 连通),在图集上逐帧处理,不会渗到相邻帧。

  • 免费
  • 本地运行
  • 无需注册
结果

载入一张图片开始。

所有处理都在你的浏览器中完成。文件绝不会上传,页面加载后即使离线也能使用。

描边生成器使用方法

  1. 拖入一张精灵图或图集。
  2. 选择颜色。“使用最深颜色”会取精灵图中已有的最深色。
  3. 设置粗细,并选择外描边、内描边或两者。
  4. 切换拐角:关闭时是斜角留空的经典像素画描边,打开则会填满拐角。
  5. 处理图集时保持“逐帧描边”开启,检查网格后下载。

你能得到什么

  • 带描边的 PNG,画布已扩展,不会裁切
  • 每一帧都已描边、并扩展了相同尺寸的图集

来自游戏开发实战的技巧

  • 大多数手绘像素画的 1px 描边都不带斜向拐角。2px 以上的描边或粗犷的 UI 图标再打开拐角。
  • 在各种背景上,深色调的描边(深紫或藏青)通常比纯黑更好看。
  • 用精灵图自身颜色的较深色调做内描边,可以在不改变尺寸的情况下快速增强轮廓。
  • 为图集描边时,每一帧四周都会扩大一个描边粗细。记得在引擎中同步更新帧尺寸。

适用场景

  • 让精灵图在杂乱背景上依然清晰可辨
  • 为道具和单位添加选中或悬停描边
  • 以统一风格为 AI 生成的精灵图描边
  • 制作带描边的 UI 图标

常见问题

拐角选项是做什么的?
关闭时只使用上下左右的相邻像素,斜向拐角留空,就是常见的手绘像素画风格。打开后也会使用斜向相邻像素,把拐角填满,描边更圆、更粗。
为什么我的图片变大了?
外描边需要精灵外侧的空间,所以画布四周都会扩大一个描边粗细。内描边则保持原尺寸。
描边会在图集的帧之间渗色吗?
开启“逐帧描边”就不会。每一帧会被单独切出、描边,再留出额外空间放回去,帧之间永远不会接触。
能做“选中”高亮效果吗?
能。用黄色或白色这类亮色做外描边,并保存为单独的图片,在运行时绘制在精灵下方或上方即可。
能处理半透明像素吗?
任何 Alpha 大于零的像素都算作精灵的一部分。如果描边坑坑洼洼,先用像素画锐化工具清理柔和边缘。
全部免费工具 →