> For the complete documentation index, see [llms.txt](https://doc.playturbo.cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.playturbo.cn/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan.md).

# 换肤编辑器-使用指南

「订阅用户」和「定制用户」使用换肤编辑器之前，都建议先食用该指南！

初次使用换肤编辑器，建议您先查阅👉 [作品制作-新建指南](/ke-wan-gong-ju-huan-fu-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan.md)

***

**🌟**<mark style="color:red;">**温馨提示**</mark>**🌟**&#x20;

**替换资源时，为了让您产品的图片更完美地适配模板坑位（**<mark style="background-color:red;">**尤其是装扮类模板**</mark>**），建议您按照以下步骤进行操作：**

1. 按照图示路径将模板的全部资源下载到本地（或者只下载需要替换的单个资源），解压文件即可看到该模板内的所有资源。

<div align="left"><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FHKFaDqmycXalIwDLfQlk%2Fimage.png?alt=media&amp;token=4da0a451-8231-4f74-94f5-7cacd8806fef" alt="" width="542"><figcaption></figcaption></figure> <figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FuliNJph8EdwwUJBOCTAP%2Fe42b0fa3304e685bb60c68af46272c7c.png?alt=media&amp;token=7aafb25f-7395-4efe-ba58-cef9038f5f5b" alt="" width="117"><figcaption></figcaption></figure></div>

2. 处理需要替换的图片资源：在图像处理工具导入模板图片资源，按照模板图片资源的**尺寸大小**、**元素分布位置**来处理自己的资源。 以装扮玩法的模板资源为例：

* 原模板图片与您的产品图片 尺寸大小不一，元素相对位置也有偏差
* 依次将 模板图片、您的产品图片 导入图像处理工具（如Photoshop）
* 以原模板图片为背景，将您产品图片的**尺寸**&**元素位置**对齐 (尤其是和其他图片元素有接触的位置，如角色的脖子)
* 隐藏原模板图片，导出即可

<div><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FBExbvahzUnP7smvVpTVM%2Fimage.png?alt=media&amp;token=02838fc2-132e-4919-ba3e-ca8cd610346e" alt="" width="269"><figcaption><p>模板图片</p></figcaption></figure> <figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FBOHLQTZicw7ANnuaAszj%2Fimage.png?alt=media&amp;token=ba5f5179-eecb-4e5b-8015-bac9e59ffb1b" alt="" width="270"><figcaption><p>您的产品图片(示例)</p></figcaption></figure></div>

<div><figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FJzgjEAmeZ4IKdOFV30kF%2Fimage.png?alt=media&amp;token=d09340ec-3b91-4e60-86a0-cfe2af6e3145" alt=""><figcaption><p>导入图像处理工具</p></figcaption></figure> <figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FyDb1otnGA61OEvmjT3gC%2Fimage.png?alt=media&amp;token=005b943a-a76b-4a5f-9dc7-7e3458adc11d" alt=""><figcaption><p>对齐图片尺寸&#x26;元素位置</p></figcaption></figure> <figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2FmOg9tkG22T6KUWav2OHV%2Fimage.png?alt=media&amp;token=1380babf-5271-407c-ba92-32181ea6412b" alt=""><figcaption><p>导出</p></figcaption></figure></div>

3. 按照以上方法，处理完所有需要替换的图片资源，即可进入【换肤编辑器】操作资源替换

<figure><img src="https://1964780147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwzFOJWic5gvuaiaPmJmc%2Fuploads%2Fa5ViUlUNga2APJxMKvpV%2Fimage.png?alt=media&amp;token=7cb737b1-5a2d-4a65-86dc-16d6e28763fc" alt=""><figcaption></figcaption></figure>