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 开源代码派生而来功能几乎一脉相承却永久免费。如果你舍不得为编辑器掏钱它就是现成的替代品。面对 PhotoshopPS 强大但为修图而设计。画 16×16 的精灵时PS 的平滑抗锯齿、模糊滤镜反而处处添乱LibreSprite 默认像素完美模式放大后格子清晰、无模糊点哪格是哪格。面对网页在线像素工具免安装确实方便但帧动画管理、快捷键、文件格式支持都打了折扣而且作品数据存别人服务器上总有点不踏实。LibreSprite 是本地软件图层、帧、调色板全部本地管理还支持同时开多个精灵文件多标签页界面截图顶部就能看到。简单说它不追求什么都能做而是把画像素 做逐帧动画这一件事做到极致。从零到一装好它画下第一颗像素安装分两步。如果你用的是 Linux一条命令装齐依赖Windows 和 macOS 用户可用包管理器安装 CMake、Ninja 和 SDL2 等库具体见项目里的INSTALL.mdsudo 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编译完成后启动软件按CtrlN新建一个精灵。像素画新手建议从32×32起步——这个尺寸刚好能装下一个小角色又不至于大到无从下手。画布背景的灰色棋盘格代表透明先别管它直接选铅笔工具用 1px 笔尖在画布上点第一颗像素。看到那颗方方正正的色块了吗恭喜你的像素画生涯已经开始了。实战半小时做一个会走路的小人工具不是用来熟悉的是用来做出东西的。我们直接做个具体目标一个会走两步的小人。这个案例会自然带你用遍 LibreSprite 最核心的功能。第一步画站立帧。新建 32×32 精灵用铅笔勾勒一个简单人形头、身体、两条腿。颜色不用纠结随便从右侧调色板抓几种。注意最下面那个状态栏放大到 800% 再画否则点起来会怀疑人生。第二步把站立变成动画。看到界面底部的Frame: 1和旁边的加号按钮了吗点加号新建第 2 帧此时画布是空的需要重新画出小人的另一条腿迈出去的姿态。逐帧画动画最痛苦的地方在于下一帧不知道画在哪——这正是**洋葱皮Onion Skinning**功能的用武之地开启后当前帧会半透明叠显上一帧的影像你照着上一帧的轮廓挪动像素即可动作连贯性立竿见影。第三步实时预览。画完 2~4 帧后按下播放按钮时间轴会自动循环播放你的小人走路。截图右下角那个小小的 Preview 窗口就是干这个的——LibreSprite 的动画预览是实时的改一帧立刻能看到效果不用等渲染。第四步导出。动画满意后通过导出功能生成 GIF 动图或按帧导出 PNG 序列。常用的格式它基本都支持PNG、GIF、WebP、JPEG以及自有格式的读写规范都在docs/files/目录下有文档游戏引擎用哪套就导哪套。新手最容易踩的四个坑根据社区反馈绝大多数新手都会在下面这四件事上耽误时间提前知道能省一大截弯路放大画布后看不到全貌。像素画必须放大画但别忘了随时按快捷键或缩放按钮缩小看整体效果很多构图问题在 100% 缩放下才会现形。透明背景导出后变黑。多数时候是导出时误勾了背景填充色或者把透明底当成黑底来画。检查一下画布背景设置和导出选项即可。忘了图层也能锁。画前景时误伤了背景图层是像素画新手最痛的操作事故。养成习惯画哪个图层就先选中它其他图层锁上。在索引色模式下想用渐变色。新建精灵时可以选 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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考