如何向 Scratch 添加自定义角色素材（2026 分步教程）

添加自定义角色素材，是让 Scratch 项目从「小猫点按钮演示」变成真正属于自己作品的最快方式。好消息是：Scratch 接受任何 SVG、PNG、JPG 或 GIF 文件，添加一个只需要一分钟。这篇教程把每种方法都走一遍——包括平板和 iPad 上菜单不太一样的操作。

三种添加自定义角色的方式

在电脑上从本地上传角色（最常用）

1. 在 scratch.mit.edu 点击「创作」新建项目，或打开已有项目。
2. 找到角色面板——右下角显示当前角色的区域（默认是一只小猫）。
3. 把鼠标悬停在角色面板下方的加号圆圈上，会弹出四个选项：「选择一个角色」「绘制」「随机」和「上传角色」。
4. 点击上传角色。
5. 在文件选择器里选中你的文件（SVG、PNG、JPG 或 GIF），点击打开。

图片会立刻作为新角色出现在舞台上，拥有自己的脚本和造型标签页。如果上传的是带纯色背景的 PNG 或 JPG，看下面「常见问题排查」一节学习去掉背景。

从网址/拖拽添加（快捷技巧）

你也可以把图片文件直接从桌面拖到角色面板上——Scratch 会像上传一样导入它。Windows 和 Mac 的 Chrome、Edge、Firefox 都支持。

如何添加高质量的自定义 SVG 角色

上传小尺寸 PNG 没问题，但一放大就模糊。SVG（矢量）角色在任何尺寸下都保持清晰，还支持分层动画——手臂、腿、配饰可以独立移动。

我们推荐的游戏级角色工作流：

1. 获取分层 SVG 角色。 可以从 KidSprite 免费素材库下载免费 Scratch 角色——每个素材都是分层 SVG，按分类整理，免费下载。
2. （可选）先预览或修改。 在素材库的任意素材页面点击「Edit this image」，会用 KidSprite 编辑器打开该素材并载入画布，直接改色或微调。
3. 把 SVG 上传到 Scratch，按上面的上传步骤操作。
4. 开始做动画。 因为 SVG 是分层的，你可以在 Scratch 的绘画编辑器里单独选中身体部件，制作行走、挥手等造型。

在平板 / iPad 上添加自定义角色

Scratch 手机 App 和移动浏览器版同样支持自定义角色，只是步骤略有不同：

1. 在 Scratch App（iOS/Android）或平板浏览器中打开项目。
2. 点击角色面板上方的加号圆圈。
3. 左右滑动选项栏，点击上传（部分版本显示为箭头/上传图标）。
4. 选择来源： iPad 上选「照片图库」选图片，或选「浏览/文件」找到之前保存的 SVG 文件。
5. 点击文件——角色出现在舞台上。

iPad 小技巧： Safari 和 Scratch App 都能完美处理从「文件」App 上传的 SVG。如果网站下载的是 .zip 压缩包，先长按「解压缩」，再上传里面的 .svg 文件。

触控笔技巧： 平板上的「造型」标签页支持手指和 Apple Pencil 绘画，也可以在上传的照片上描摹，画出原创角色。

常见问题排查

角色周围有白色方框

你上传了 JPG（不支持透明）或没有透明背景的 PNG。在 Scratch 的造型标签页修复：使用透明填充工具（取色器最底部的选项）点击背景。更好的办法是直接用 SVG 角色，自动保留透明。

角色在舞台上特别大 / 特别小

位图按原始尺寸导入。在舞台上拖动四角控制点缩放，或使用「将大小设为 () %」积木，让项目一开始就是正确大小。

SVG 变成一整坨色块

某些工具导出的 SVG 把所有形状压成了单一路径。重新导出时勾选「保留图层」，或者从免费素材库下载——那里每个素材都是为 Scratch 动画设计的分层结构。

学校电脑上传按钮没反应

部分校园网络限制文件下载。可以在家里先下载好素材，用云盘（Google Drive、iCloud）传到学校设备再上传。

常见问题

Scratch 桌面版能加自定义角色吗？

可以——桌面版和移动 App 的上传功能和网站完全一致。步骤相同：加号 → 上传 → 选择文件。

自定义角色在分享的项目里能看到吗？

可以。角色添加进项目后随项目一起保存，分享后所有玩家都能看到你的自定义角色，无需额外操作。

角色图片做多大合适？

主角色建议上传前高度 200-500 像素左右，再在舞台上缩放。SVG 完全不用考虑尺寸——这是它最大的优势之一。

能复制别人项目里的角色吗？

可以。打开任何已分享的项目，用「文件 → 保存到电脑」（或改编 Remix），然后在编辑器的两个项目标签页之间拖拽角色即可。

角色太多会让项目变卡吗？

会，尤其是大尺寸 PNG 和复杂脚本。大多数设备（包括平板）上，30 个角色以内是比较舒适的界限。

现在就开始添加自定义角色

最快的路径：浏览 Scratch 免费角色素材库，挑一个分层 SVG 角色，点击「Edit this image」在编辑器中打开——然后上传到 Scratch 开始编程。浏览和下载无需注册。

继续探索

• 自定义 Scratch 角色制作器 — 用 AI 或模板创建角色
• 如何在 Scratch 中制作自定义角色：5 种方法对比 — 为项目选择合适的创作方式
• 如何把 PNG/SVG 转换成 Scratch 角色 — 把现有图片变成可编程素材
• Scratch 角色完全指南 — 角色是什么以及如何用代码控制