LibreSprite 快速上手指南：免费开源像素画工具，30 分钟从零做出第一段动画

LibreSprite 快速上手指南：免费开源像素画工具，30 分钟从零做出第一段动画

【免费下载链接】LibreSpriteAnimated sprite editor & pixel art tool -- Fork of the last GPLv2 commit of Aseprite项目地址: https://gitcode.com/gh_mirrors/li/LibreSprite

深夜两点，独立游戏群里又有人叹气："玩法写好了，系统搭完了，就差美术——可一个角色精灵外包报价 300 块起步，自己用大软件画吧，光建画布、调笔刷就够磨半天。"这种被"美术素材"卡住进度的滋味，做过游戏的人大概都懂。像素画明明是最不需要美术功底的门类，却常常因为"没有趁手的工具"而迟迟开不了工。

今天要介绍的 LibreSprite，就是为这种处境准备的。一句话定义：它是一款完全免费、开源的像素画与逐帧动画编辑器，简单说就是"像素世界的 Photoshop"——只不过 Photoshop 是给你修照片用的，而 LibreSprite 是专门给"点像素"这件事量身定做的。你不需要懂色彩理论，不需要会画画，只需要有耐心点下去第一颗像素。

上图就是 LibreSprite 的默认界面。别被英文菜单吓到，它支持多语言（中文语言包就在data/languages/zh.json），工具布局也相当直白：左边是画笔和选择工具，中央是画布，底部是逐帧动画的时间轴，右边是调色板。麻雀虽小，五脏俱全。

它跟"隔壁"工具比，赢在哪

很多人的第一反应是：我有 Aseprite、有 Photoshop，为啥还要它？我们用一个具体场景来对比：

• 面对 Aseprite：它曾是像素画圈的标杆，但早已转为闭源付费。LibreSprite 正是它的最后一份 GPLv2 开源代码派生而来，功能几乎一脉相承，却永久免费。如果你舍不得为编辑器掏钱，它就是现成的替代品。
• 面对 Photoshop：PS 强大，但为修图而设计。画 16×16 的精灵时，PS 的平滑抗锯齿、模糊滤镜反而处处添乱；LibreSprite 默认"像素完美"模式，放大后格子清晰、无模糊，点哪格是哪格。
• 面对网页在线像素工具：免安装确实方便，但帧动画管理、快捷键、文件格式支持都打了折扣，而且作品数据存别人服务器上总有点不踏实。LibreSprite 是本地软件，图层、帧、调色板全部本地管理，还支持同时开多个精灵文件（多标签页，界面截图顶部就能看到）。

简单说：它不追求"什么都能做"，而是把"画像素 + 做逐帧动画"这一件事做到极致。

从零到一：装好它，画下第一颗像素

安装分两步。如果你用的是 Linux，一条命令装齐依赖（Windows 和 macOS 用户可用包管理器安装 CMake、Ninja 和 SDL2 等库，具体见项目里的INSTALL.md）：

sudo apt-get install cmake g++ libcurl4-gnutls-dev libfreetype6-dev \ libgif-dev libjpeg-dev libpng-dev libsdl2-dev libsdl2-image-dev \ libtinyxml2-dev ninja-build zlib1g-dev

然后拉取源码并编译，整个过程大概几分钟：

git clone --recursive https://gitcode.com/gh_mirrors/li/LibreSprite cd LibreSprite mkdir build && cd build cmake -G Ninja .. ninja libresprite ninja install

编译完成后启动软件，按Ctrl+N新建一个精灵。像素画新手建议从32×32起步——这个尺寸刚好能装下一个小角色，又不至于大到无从下手。画布背景的灰色棋盘格代表"透明"，先别管它，直接选铅笔工具，用 1px 笔尖在画布上点第一颗像素。看到那颗方方正正的色块了吗？恭喜，你的像素画生涯已经开始了。

实战：半小时，做一个会走路的小人

工具不是用来"熟悉"的，是用来"做出东西"的。我们直接做个具体目标：一个会走两步的小人。这个案例会自然带你用遍 LibreSprite 最核心的功能。

第一步，画站立帧。新建 32×32 精灵，用铅笔勾勒一个简单人形：头、身体、两条腿。颜色不用纠结，随便从右侧调色板抓几种。注意最下面那个状态栏，放大到 800% 再画，否则点起来会怀疑人生。

第二步，把"站立"变成"动画"。看到界面底部的Frame: 1和旁边的加号按钮了吗？点加号新建第 2 帧，此时画布是空的，需要重新画出小人的另一条腿迈出去的姿态。逐帧画动画最痛苦的地方在于"下一帧不知道画在哪"——这正是**洋葱皮（Onion Skinning）**功能的用武之地：开启后，当前帧会半透明叠显上一帧的影像，你照着上一帧的轮廓挪动像素即可，动作连贯性立竿见影。

第三步，实时预览。画完 2~4 帧后，按下播放按钮，时间轴会自动循环播放你的"小人走路"。截图右下角那个小小的 Preview 窗口就是干这个的——LibreSprite 的动画预览是实时的，改一帧立刻能看到效果，不用等渲染。

第四步，导出。动画满意后，通过导出功能生成 GIF 动图，或按帧导出 PNG 序列。常用的格式它基本都支持（PNG、GIF、WebP、JPEG，以及自有格式的读写规范都在docs/files/目录下有文档），游戏引擎用哪套就导哪套。

新手最容易踩的四个坑

根据社区反馈，绝大多数新手都会在下面这四件事上耽误时间，提前知道能省一大截弯路：

1. 放大画布后"看不到全貌"。像素画必须放大画，但别忘了随时按快捷键或缩放按钮缩小看整体效果，很多构图问题在 100% 缩放下才会现形。
2. 透明背景导出后变黑。多数时候是导出时误勾了背景填充色，或者把透明底当成黑底来画。检查一下画布背景设置和导出选项即可。
3. 忘了图层也能"锁"。画前景时误伤了背景图层，是像素画新手最痛的操作事故。养成习惯：画哪个图层就先选中它，其他图层锁上。
4. 在索引色模式下想用渐变色。新建精灵时可以选 RGB 或索引色模式，如果只是想快速涂鸦，选 RGB 最省心；用索引色时颜色受限，是特性而非 bug。

让工作流再快一点的小技巧

一旦完成第一个动画，就可以考虑提升效率了：

• 平铺绘制模式：想画无缝纹理？开启平铺模式，画布边缘会自动接合，画草地、地砖这类重复图案时极好用。
• 对称绘制：画角色左右对称的部分时，启用对称轴，只画一半，另一半自动生成。
• 调色板直接用：项目自带 40 多套经典配色（PICO-8、NES、Game Boy 都在data/palettes/里），新手不必从零配颜色，挑一套顺眼的直接开画。
• JavaScript 脚本自动化：重复性工作（批量改色、生成图案）可以用脚本完成，项目自带的示例在data/scripts/examples/，比如Voxel.js能生成体素风格的图案，http.js甚至能请求网络数据。
• 换皮肤、改快捷键：界面布局和快捷键全部可自定义，快捷键配置界面由data/widgets/keyboard_shortcuts.xml定义；想换外观，参照Theming.md和data/skins/里的默认皮肤即可。

去哪里继续深入

• 安装与编译：INSTALL.md里有 Windows、macOS、Linux、Android 全平台的依赖清单和详细步骤，遇到编译问题先查它。
• 文件格式文档：docs/files/目录收录了.ase、.gif、.fli等格式的规范说明，想研究底层实现或写兼容工具的人必读。
• 脚本接口：SCRIPTING.md是官方脚本开发指南，配合data/scripts/examples/示例食用更佳。
• 参与贡献：它是个年轻的社区项目，CONTRIBUTING.md和CONTRIBUTORS.md说明了怎么参与——修个小 bug、翻译一下界面、画一套皮肤，都是很好的切入点。

现在，画下你的第一颗像素

回到开头的场景：那个被美术素材卡住的独立开发者，其实需要的不是天赋，而是一个顺手的工具和一个足够小的起点。LibreSprite 把"工具"这一环免费补齐了，剩下的"起点"也很简单——新建一个 32×32 的画布，选个顺眼的颜色，点下去。

用免费开源的工具，从一颗像素开始，做成一个角色，再让它动起来。当你在预览窗口里看到自己画的第一个小人迈出第一步时，那种成就感，值得你今晚就动手试试。

【免费下载链接】LibreSpriteAnimated sprite editor & pixel art tool -- Fork of the last GPLv2 commit of Aseprite项目地址: https://gitcode.com/gh_mirrors/li/LibreSprite