# 皮肤

# 快速入门



# 👋 欢迎使用 TDoGMC Studio

<p class="callout success">**欢迎来到 TDoGMC Studio！🎉**  
 这里是专为 MC 玩家打造的在线皮肤编辑器。不管你是想画个帅气的 Steve，还是可爱的 Alex，都不用下载任何软件，打开浏览器就能开工！</p>

### 为什么选择我们？

很多编辑器只能在平面图上画，画完了进游戏一看——歪了。TDoGMC Studio 最大的特点就是 **所见即所得**。

<table id="bkmrk-%E6%A0%B8%E5%BF%83%E5%8A%9F%E8%83%BD-%E4%B8%BA%E4%BB%80%E4%B9%88%E5%A5%BD%E7%94%A8%EF%BC%9F-%F0%9F%8E%A8-3d-%E5%90%8C%E6%AD%A5%E7%BB%98" style="border-collapse: collapse; width: 100%; border: 1px solid #ddd;"><thead><tr style="background-color: #f8f9fa;"><th style="padding: 12px; border: 1px solid #ddd;">核心功能</th><th style="padding: 12px; border: 1px solid #ddd;">为什么好用？</th></tr></thead><tbody><tr><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">**3D 同步绘制**</td><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">别再对着乱七八糟的展开图瞎猜了，直接在 3D 模型身上画，直观！</td></tr><tr><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">**双层皮肤**</td><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">完美支持给角色穿“外套”（第二层纹理），增加立体感。</td></tr><tr><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">**云端防丢**</td><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">只要登录了账号，每隔几十秒自动保存。**浏览器崩了也不怕白干。**</td></tr><tr><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">**一键换肤**</td><td class="align-center" style="padding: 10px; border: 1px solid #ddd;">绑定正版账号后，不用下载文件再上传官网，点一下按钮直接推送到游戏里。</td></tr></tbody></table>

### 浏览器推荐

虽然我们努力兼容所有浏览器，但为了画起来不卡顿，强烈建议使用以下内核浏览器：

- **Google Chrome** (推荐)
- **Microsoft Edge**
- **Mozilla Firefox**

# 界面布局与基础操作

这里没有复杂的菜单，我们把最常用的功能都放在手边了。

### 1. 顶部功能区

- **文件**：这里可以新建画布。如果你想画高清皮肤，记得选 <kbd>128x128 (HD)</kbd>。
- **衣橱**：你的私人云盘。画到一半的皮肤存在这儿，下次打开接着画。
- **预设**：从官方Steve或者Alex皮肤开始编辑
- **帮助**：想知道什么功能来这里查询
- **参考图**：*神器！* 没有参照画不好？点这里上传一张图片悬浮在画布上。

### 2. 常用工具箱

*这些快捷键一定要记一下，能极大提高效率：*

<table id="bkmrk-%E5%B7%A5%E5%85%B7-%E5%BF%AB%E6%8D%B7%E9%94%AE-%E8%80%81%E6%89%8B%E7%BB%8F%E9%AA%8C-%E7%94%BB%E7%AC%94-b-%E6%9C%80%E5%B8%B8%E7%94%A8" style="width: 100%; border-collapse: collapse;"><thead><tr style="background-color: #f1f1f1;"><th style="padding: 8px; border: 1px solid #ccc; text-align: center;">工具</th><th style="padding: 8px; border: 1px solid #ccc; text-align: center;">快捷键</th><th style="padding: 8px; border: 1px solid #ccc;">老手经验</th></tr></thead><tbody><tr><td style="padding: 8px; border: 1px solid #ccc; text-align: center;">**画笔**</td><td style="padding: 8px; border: 1px solid #ccc; text-align: center;"><kbd>B</kbd></td><td style="padding: 8px; border: 1px solid #ccc;">最常用的工具。左边侧栏可以调粗细，画大面积时很有用。</td></tr><tr><td style="padding: 8px; border: 1px solid #ccc; text-align: center;">**橡皮**</td><td style="padding: 8px; border: 1px solid #ccc; text-align: center;"><kbd>E</kbd></td><td style="padding: 8px; border: 1px solid #ccc;">画错了？用它擦掉。</td></tr><tr><td style="padding: 8px; border: 1px solid #ccc; text-align: center;">**油漆桶**</td><td style="padding: 8px; border: 1px solid #ccc; text-align: center;"><kbd>F</kbd></td><td style="padding: 8px; border: 1px solid #ccc;">懒人必备。想把整件衣服换个色？点一下搞定。</td></tr><tr><td style="padding: 8px; border: 1px solid #ccc; text-align: center;">**吸管**</td><td style="padding: 8px; border: 1px solid #ccc; text-align: center;"><kbd>I</kbd></td><td style="padding: 8px; border: 1px solid #ccc;">看到哪个颜色好看，吸一下就能用。**按住 <kbd>Alt</kbd> 也能临时吸色**。</td></tr><tr><td style="padding: 8px; border: 1px solid #ccc; text-align: center;">**抓手**</td><td style="padding: 8px; border: 1px solid #ccc; text-align: center;"><kbd>H</kbd></td><td style="padding: 8px; border: 1px solid #ccc;">拖动查看画布的不同位置。**按住 <kbd>空格</kbd> 也能拖**，跟 PS 一样。</td></tr></tbody></table>

### 3. 右侧面板的小技巧

- **Steve 还是 Alex？**
    - 这是很多新手的坑。**Steve** 手臂比较粗（4像素），**Alex** 比较细（3像素）。
    - <span style="color: #e74c3c;">**⚠️ 重点：**</span>开画之前一定要想好选哪个，画一半再切模型，贴图会错位的！
- **嫌遮挡视线？**
    - 画身体内侧时，胳膊腿太碍事？在右下角的表格里，把对应的部位勾掉，它就暂时隐藏了。

# 进阶绘图教程

针对有一定基础、想要画出更好看皮肤的玩家。

# 高级工具与绘图技巧

<p class="callout info"> **💡 小贴士：**  
 噪点、渐变等高级功能，需要登录账号才能解锁哦。</p>

### 1. 像 PS 一样用选区

**快捷键：**<kbd>M</kbd>

有时候只想修改衣服上的一个徽章，或者想把头往上挪一格？

1. 用选区工具框住它。
2. 直接拖动选区，像素就跟着走了。
3. **加减选区**：按住 <kbd>Shift</kbd> 可以多选一块，按住 <kbd>Alt</kbd> 可以减去一块。

### 2. 提升质感的神器

普通的色块看起来太“素”了？试试这几个工具：

<table id="bkmrk-%E5%99%AA%E7%82%B9-%28noise%29-%E7%94%BB%E7%9A%AE%E8%82%A4%E8%B4%A8%E6%84%9F%E7%9A%84%E7%81%B5%E9%AD%82%EF%BC%81" style="width: 100%; border-collapse: collapse;"><tbody><tr style="border-bottom: 1px solid #eee;"><td class="align-center" style="padding: 10px;">**噪点 (Noise)**</td><td style="padding: 10px;">**画皮肤质感的灵魂！** 在颜色里自动混入杂色，画泥土、布料、头发时必用，瞬间告别死板的纯色块。</td></tr><tr style="border-bottom: 1px solid #eee;"><td class="align-center" style="padding: 10px;">**渐变 (Gradient)**</td><td style="padding: 10px;">选好两个颜色，一拉就能做出完美过度的光影效果。</td></tr><tr><td class="align-center" style="padding: 10px;">**加深/减淡**</td><td style="padding: 10px;">用来画阴影和高光。在衣服褶皱处涂两下，立体感马上就出来了。</td></tr></tbody></table>

### 3. 调色盘 (HSB)

颜色选得不好看？不用重画。  
点击底部的 <kbd>调整</kbd> 按钮，可以直接修改 **色相**（换个色系）、**饱和度**（鲜艳点或灰一点）或者 **亮度**。

ps：选择选区后调整HSB，仅对选区生效

# 账号与生态

解释注册的好处以及和其他平台的联动。

# 云同步与正版联动

### ☁️ 为什么建议注册账号？

这年头谁还没遇到过浏览器崩溃或者手滑关掉网页的时候？  
注册并激活邮箱后，我们送你一颗“后悔药”：

- **自动续命**：系统每 30 秒自动保存一次。
- **云端衣橱**：不管是半成品还是成品，存这就丢不了。

### 🎮 正版玩家

<p class="callout warning"> **🛡️ 关于安全：**  
 绑定过程使用的是微软官方的正规 OAuth 接口，我们 **绝对无法** 获取你的账号密码，请放心使用。</p>

在「个人中心」绑定你的 Minecraft 正版账号后：

- **导入**：想修改现在的皮肤？不用去翻本地文件，直接点导入，把现在的皮肤抓取到画布上。
- **推送**：这是最爽的功能。画完直接点右上角 <kbd>应用到游戏</kbd>，进游戏就能看到新皮肤了，告别繁琐的上传步骤。

# 帮助中心

只是Q&A

# 常见问题解答 (FAQ)

遇到问题先看这里，90% 的情况都能解决。

<details id="bkmrk-q%3A-%E6%95%91%E5%91%BD%EF%BC%81%E4%B8%BA%E4%BB%80%E4%B9%88%E8%BF%9B%E6%B8%B8%E6%88%8F%E5%90%8E%EF%BC%8C%E6%89%8B%E8%87%82%E5%86%85%E4%BE%A7%E6%9C%89%E9%BB%91" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 救命！为什么进游戏后，手臂内侧有黑块？</summary>

这通常是因为模型没选对。

<div style="margin-top: 10px; padding-left: 20px; color: #555;">- 如果你在编辑器里画的是 **Steve（粗手臂）**，但游戏里角色的设置是 **Alex（细手臂）**，贴图位置对不上，就会出现黑块。
- 解决方法：确认你的游戏角色设置，然后在编辑器里选对模型再画。

</div></details><details id="bkmrk-q%3A-%E6%89%8B%E6%9C%BA%E4%B8%8A%E6%80%8E%E4%B9%88%E8%BD%AC%E5%8A%A8-3d-%E8%A7%86%E8%A7%92%EF%BC%9F-%E6%89%8B%E6%9C%BA" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 手机上怎么转动 3D 视角？</summary>

手机操作逻辑和电脑不太一样：

<div style="margin-top: 10px; padding-left: 20px; color: #555;">- **一根手指拖动**：旋转模特。
- **两根手指捏合**：放大缩小。
- **两根手指一起拖**：平移视角（看脚底板专用）。

</div></details><details id="bkmrk-q%3A-%E7%BD%91%E7%AB%99%E6%8F%90%E7%A4%BA%E2%80%9C%E6%A3%80%E6%B5%8B%E5%88%B0%E6%96%B0%E8%AE%BE%E5%A4%87%E7%8E%AF%E5%A2%83%E2%80%9D%E6%98%AF%E5%95%A5%E6%84%8F" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 网站提示“检测到新设备环境”是啥意思？</summary>

这是为了保护你的账号。如果你换了电脑或者浏览器尝试操作敏感数据（比如修改正版皮肤），我们会发一封邮件确认是不是你本人。去邮箱点一下确认链接就好啦。

</details><details id="bkmrk-q%3A-%E6%88%91%E5%9C%A8%E7%94%BB%E5%A4%B4%E9%83%A8%2F%E8%BA%AB%E4%BD%93%EF%BC%8C%E4%B8%BA%E4%BB%80%E4%B9%88%E7%94%BB%E4%B8%8D%E4%B8%8A%E5%8E%BB%EF%BC%88" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 我在画头部/身体，为什么画不上去（没反应）？</summary>

这通常是因为**“外层”挡住了“内层”**。

Minecraft 皮肤有两层：

<div style="margin-top: 10px; padding-left: 20px; color: #555;">- **内层 (Body)**：角色的肉身。
- **外层 (Overlay)**：帽子、外套、裤腿等。

</div>**解决方法**：在右侧面板的“部位可见性”表格里，先把对应的 **“外层”** 勾选去掉（隐藏），画完内层再把外层显示出来。

</details><details id="bkmrk-q%3A-%E6%88%91%E6%B2%A1%E6%9C%89%E6%B3%A8%E5%86%8C%E8%B4%A6%E5%8F%B7%EF%BC%8C%E5%A6%82%E6%9E%9C%E4%B8%8D%E5%B0%8F%E5%BF%83%E5%85%B3%E9%97%AD%E6%B5%8F%E8%A7%88" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 我没有注册账号，如果不小心关闭浏览器，进度会丢吗？</summary>

我们有本地缓存机制（Local Storage），通常情况下，您重新打开浏览器，上次的进度还在。

<span style="color: #e74c3c;">**但是！**</span>以下情况会导致数据**永久丢失**：

<div style="margin-top: 10px; padding-left: 20px; color: #555;">- 使用了浏览器的“无痕模式/隐私模式”。
- 手动清理了浏览器缓存/Cookie。
- 浏览器设置了“关闭时自动清理数据”。

</div>所以，**强烈建议注册账号**，云端同步才是最稳的。

</details><details id="bkmrk-q%3A-%E5%BF%AB%E6%8D%B7%E9%94%AE%EF%BC%88%E5%A6%82-ctrl%2Bz%EF%BC%89%E4%B8%BA%E4%BB%80%E4%B9%88%E7%AA%81" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 快捷键（如 Ctrl+Z）为什么突然失灵了？</summary>

这可能是因为**输入法**或者**焦点问题**。

<div style="margin-top: 10px; padding-left: 20px; color: #555;">- 如果您刚刚修改了右侧的图层名称，或者在输入框里打字，焦点还在输入框里，快捷键就会失效。
- **解决方法**：在画布空白处点击一下鼠标左键，把焦点点回画布，快捷键就恢复了。

</div></details><details id="bkmrk-q%3A-3d-%E9%A2%84%E8%A7%88%E5%8C%BA%E6%98%AF%E9%BB%91%E8%89%B2%E7%9A%84%EF%BC%8C%E6%88%96%E8%80%85%E6%A8%A1%E5%9E%8B%E5%8A%A0%E8%BD%BD" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 3D 预览区是黑色的，或者模型加载不出来？</summary>

这是浏览器渲染问题（WebGL）。

<div style="margin-top: 10px; padding-left: 20px; color: #555;">- 请检查浏览器设置，确保开启了 **“硬件加速” (Hardware Acceleration)**。
- 如果您使用的是比较旧的显卡驱动，尝试更新驱动。
- 最简单的办法：刷新页面试试。

</div></details><details id="bkmrk-q%3A-%E6%88%91%E8%83%BD%E5%AF%BC%E5%85%A5%E9%82%A3%E7%A7%8D%E5%8F%AA%E6%9C%89%E4%B8%80%E5%8D%8A%E9%AB%98%E5%BA%A6%E7%9A%84%E6%97%A7%E7%9A%AE%E8%82%A4%EF%BC%88" style="margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee;"><summary style="cursor: pointer; font-weight: bold;">Q: 我能导入那种只有一半高度的旧皮肤（64x32）吗？</summary>

**可以！**编辑器会自动识别旧版格式。

导入后，系统会自动将其转换为现代的 64x64 格式（不仅如此，还会自动帮您把手脚的对称纹理镜像补全），您可以直接在此基础上继续创作。

</details>