像素画指南

从照片到像素精灵图:可进游戏的完整工作流

一套照片转游戏精灵图流程:裁剪与对比、下采样到 16×16–64×64、压到 8–16 色、在像素编辑器手修、导出 PNG 图集,并在引擎里用 Nearest 过滤保持锐利。

免费把照片转成像素画
从照片到像素精灵图:可进游戏的完整工作流

快速答案:照片转精灵图一次说清

把照片做成可用的像素精灵图,不是「套个滤镜就出包」。完整流程是:选一张主体清晰、对比强、裁得很紧的照片;用最近邻或区域采样、按整数倍下采样到目标网格;把色板压到大约 8–16 色;在专用像素编辑器里手修剪影、描边和杂点;导出带透明通道的无损 PNG(单张或带留白的精灵图集);最后在游戏引擎里把纹理过滤设为 Nearest/Point,并关掉不必要的 mipmap。

无论是浏览器转换器还是 AI 工具,自动结果都只是打底稿,不是成品。手修这一步,才是「缩小的照片」变成「能和手绘精灵放在一起」的关键。

  • 常用网格:16×16(道具/图标)、32×32(入门角色)、64×64(需要可读五官时)。
  • 色板预算:多数独立游戏精灵 8–16 色;不要保留照片里的几十上百种颜色。
  • 导出:PNG + Alpha;游戏资源不要用 JPEG 或有损 WebP。
  • 引擎:Filter / Texture Filter = Point / Nearest。

这篇文章写给谁(以及什么时候别用照片)

面向已有照片、产品图或人像、又想比从空白画布更快做出可用精灵的独立开发者、Game Jam 团队和爱好者;也写给试过一键「照片转像素」却只得到一团米色糊块的人。

若你需要全新角色且没有参考、需要大量从零动画、或必须严格匹配已有手绘阵容,请跳过照片转换,直接在 Aseprite/Pixelorama 绘制,或先生成概念再统一色板与网格。照片转换适合「比例和候选色板已经在图里」的情况。

  • 适合用照片:单一主体、对比强、需要快速打底。
  • 适合手绘或 AI:无可用照片、多姿态动画、强风格统一。
  • 若只要转换器导出(头像、贴纸),见如何把图片转换成像素画。

步骤 1 — 选一张经得起缩小的原图

像素化会放大原图里已有的好坏。光线平、对比弱的照片会变成中间调糊块;杂乱背景会浪费本就很少的格子。优先硬光影、单一焦点、剪影用黑白块也能认出来的构图。

先裁再转。让角色或道具几乎铺满画幅,少留空白。做人脸时,头要够大,到 32×32 时眼睛最好不只占 1 个像素。删掉小字、细碎饰品和复杂花纹——它们在 16–32 格预算里活不下来。

  • 侧视或 3/4 视角通常比正面柔光更好读轮廓。
  • 中间调挤在一起时,先略提对比,再做色板压缩。
  • 只留一个主体;合影与大场景几乎做不成好精灵。

步骤 2 — 先锁定精灵网格,再碰颜色

先决定精灵的原生像素尺寸。这个网格才是游戏资源,其余都是脚手架。常见默认:16×16 做道具与简单 NPC,32×32 做带服装与可读脸的角色,64×64 在游玩尺寸下仍要保留眼睛、嘴或装备细节时使用。

用最近邻或盒式/区域采样,按整数倍(2×、3×、4×)从裁好的图下采样。避免 1.5× 这类分数倍——边缘会糊、像素宽窄不一。要在 100% 以及实际屏幕尺寸下判断,而不只在放大预览里看。

  • 16×16:图标、金币、简单工具——剪影优先。
  • 32×32:许多 2D 独立游戏的入门角色尺寸。
  • 64×64:细节英雄或近景头像;色板仍要收紧。
  • 同一阵容统一画布尺寸,避免像来自不同游戏。

步骤 3 — 把色板压狠一点(约 8–16 色)

若转换后仍带着 80–200 种照片色,看起来永远是「很小的照片」而不是像素画。索引色或色调分离压到大约 8–16 色(更丰富的场景可到 16–32)。阴影用色相偏移(暗部偏冷、亮部偏暖),而不是简单加减黑白——后者容易发脏。

在 PiPiPix 免费图片转像素画工具里,把色块大小调到你想要的「颗粒感」,选自动或预设色板,第一遍先关掉抖动。抖动以后可以帮柔和渐变;游戏精灵更常用干净色块,方便动画与图集统一。

  • 图标与 UI 颜色更少;肖像可略多。
  • 主体与背景明度撞车时,先改对比或裁剪,不要盲目加色。
  • 整作要统一风格时,可借用 Lospec 等成套预设色板。

步骤 4 — 在像素编辑器里手修(不可省略)

把转换结果放到 Aseprite、Pixelorama 或其他像素编辑器。收紧剪影,让角色一眼可读;删掉孤立杂点;统一描边规则(全描边、局部描边或无描边,三选一)。眼睛、手和武器边缘几乎总要手修——自动转换最容易毁掉细线。

这是很多「照片转像素精灵工作流」文章写得不够清楚的一步。转换器与 AI 擅长比例打底与候选色板,不擅长「作者感」。英雄精灵预留 10–30 分钟手修;道具通常更短。

  • 画笔关闭抗锯齿——只要硬边。
  • 后续动画用洋葱皮对齐这张已修好的底图。
  • 对照项目里已有精灵,统一比例与描边粗细。

步骤 5 — 动画现实:一张照片只有一个姿势

单张照片只是一帧。待机(2–4 帧呼吸/眨眼)和走路(多数独立游戏可读范围约 6–8 帧)仍需手绘或大量手调。不要指望转换器从一张静帧变出整张图集。

先做完一个角色的待机 + 走路,再扩展阵容。一张清晰、导入设置正确的精灵,能教会你色板、描边与引擎参数;十张半成品只会教会你挫败。

  • 待机:入门用 2–4 帧通常够用。
  • 走路:6–8 帧是常见可读区间。
  • 多帧打进一张 PNG 精灵图集,格间留 1–2 px 透明边,减少边缘渗色。

步骤 6 — 能保住锐利边缘的文件格式

游戏内精灵导出为带 Alpha 的 PNG。PNG 对硬边无损,对大面积平涂压缩也友好。不要把 JPEG 或有损 WebP 当引擎资源——即使「最高画质」也会在边缘产生噪点与发软。

GIF 仍适合在 itch.io 或社交媒体分享动画预览。部分引擎编辑器能导入 GIF 帧,但跨 Unity、Godot、GameMaker 类管线,运行时更稳妥的默认仍是 PNG 精灵图集。

  • 进游戏:PNG + Alpha(图集或序列)。
  • 预览分享:GIF 或短视频即可。
  • 禁止:游戏精灵用 JPEG / 有损 WebP。

步骤 7 — 引擎导入:不用 Nearest 就会糊

若精灵本身很干净,一点击播放却变软,几乎总是过滤设置问题,不是画功问题。把纹理/精灵过滤设为 Nearest 或 Point(无过滤)。2D 像素精灵通常关掉 mipmap(除非你刻意远距缩放并接受混合 LOD)。让 pixels-per-unit(或导入缩放)匹配原生尺寸,避免尺度错位造成的亚像素模糊。

尽量避免会弄花平涂色块的块压缩格式;小像素图集优先未压缩 / true-color(或引擎等价的无损路径)。

  • Unity:Filter Mode → Point;2D 精灵按需关 mipmap。
  • Godot:Texture Filter → Nearest。
  • PPU / 导入缩放与画布一致(例如 32×32 用 32 PPU)。

用 PiPiPix 走转换器优先路径

你可以在打开桌面编辑器之前,先在浏览器里完成下采样与色板步骤。打开 PiPiPix 免费图片转像素画工具,拖入裁好的 JPG/PNG/WebP,调色块大小,限制颜色,精灵第一遍关抖动,按原生尺寸检查,再导出整数倍放大的 PNG。免费工具在浏览器本地转换,试用该流程无需账户。

再把 PNG 带进 Aseprite(或 Pixelorama)做剪影手修与动画,最后以 Nearest 过滤导入引擎。若只要社交头像或贴纸、不要游戏资源,转换器导出后即可结束——色块、抖动与非精灵导出见如何把图片转换成像素画。

清单:照片 → 可进游戏的精灵

每做一个资源勾一次。故意写得很无聊——精灵管线靠一致,不靠灵感。

  • 原图:单一主体、对比强、裁得紧。
  • 网格已锁:16 / 32 / 64(或项目标准)再上色。
  • 下采样:整数倍;最近邻或区域采样——不要分数倍。
  • 色板:多数精灵 ≤16 色;第一遍关抖动。
  • 手修:剪影、杂点、描边规则、眼睛/手。
  • 动画:静帧可读后再做;待机 2–4、走路 6–8 作起点。
  • 导出:PNG + Alpha;图集格间 1–2 px。
  • 引擎:Nearest/Point;非必要关 mipmap;PPU 匹配尺寸。

常见翻车(以及怎么修)

指望一键成品是头号翻车——预留手修。色留太多是第二——压到不像照片为止。非整数缩放会碎像素。阵容混用画布尺寸会破坏统一感。忘了 Nearest 会把完美原画也弄糊。

细线消失:提高网格(如 32→64)或把设计改得更「块」。噪点多:关抖动、压平中间调。引擎仍糊:先查过滤与 PPU,再考虑重画。

常见问题

便于读者与 AI 搜索引擎直接引用的简明问答。

从照片做像素精灵图的标准工作流是什么?

裁一张对比强的单主体照片,用最近邻或区域采样按整数倍下采样到目标网格(常见 16×16、32×32、64×64),压到约 8–16 色,在像素编辑器手修剪影与描边,导出带 Alpha 的 PNG,并在引擎把纹理过滤设为 Nearest/Point。

不手修能不能直接当游戏资源?

很少能。转换器与 AI 适合打比例和候选色板;可进游戏的精灵几乎都要手修剪影、杂点、描边和眼睛/手等细部。

像素精灵该用什么文件格式?

游戏资源用带透明通道的 PNG(单张或图集)。不要用 JPEG 或有损 WebP。GIF 适合分享动画预览,不宜作为主要运行时格式。

为什么精灵在 Unity / Godot 里会糊?

多半是双线性过滤。把 Filter Mode / Texture Filter 设为 Point 或 Nearest,2D 精灵按需关 mipmap,并让 PPU 或导入缩放匹配原生像素尺寸。

走路动画大概要多少帧?

多数入门向独立游戏走路约 6–8 帧可读;待机常只需 2–4 帧。单张照片只有一个姿势,其余帧仍需手绘或大量手调。

可以在浏览器免费做照片转像素这一步吗?

可以。PiPiPix 图片转像素画工具在浏览器本地运行,免费试用无需账户。导出 PNG 后,再到像素编辑器完成手修与动画,最后导入引擎。