FX FXMirror 3D 服装建模 新手完整训练版：CAT 到 FXMOAT

完整中文教学站

一步一步学会制作 FXMirror 可展示的 3D 衣服

这版面向第一次使用的新手：先拍摄正背面照片，再用 CAT 制作 3D 服装，最后用 FXMOAT 配置展示、保存并导出到 FXMirror。

从准备开始 先看路线图
CAT 操作视频：先看一遍完整动作，再按下面步骤逐项练习。

Learning Map

你会学到什么

整个流程分为两个软件：CAT 负责把照片变成 3D 服装数据，FXMOAT 负责把这些数据组织成 FXMirror 可显示的商品或套装。

01

准备照片

拍摄同一件衣服的正面和背面，整理文件名和工作目录。

看准备标准
02

CAT 制作

选图、选类别、放关键点、修边缘、调 3D 形体、处理透明区域。

开始 CAT
03

保存数据

填写商品信息并保存到 C:\FXMirror\DAT，供 FXMOAT 读取。

看保存方法
04

FXMOAT 导出

设置店铺、展示列表和套装，保存 `.fxmw`，导出 Mirror 可运行文件。

进入 FXMOAT

准备 00

拍摄衣服正面和背面

CAT 不是从平铺商品图直接生成衣服，而是使用模特穿着衣服的正面和背面照片。照片质量越好，后面建模越顺。

操作

  1. 让模特穿着目标服装，分别拍正面和背面。
  2. 保持站姿稳定，衣服自然展开，不要被手臂、头发或道具遮挡。
  3. 用均匀光线拍摄，背景要干净，最好和衣服颜色有明显区分。
  4. 把同一件衣服的两张图放在同一文件夹，文件名标清 `front` 和 `back`。

检查

  • 正面图和背面图都完整。
  • 领口、肩线、袖口、下摆可见。
  • 图片不模糊，没有强阴影和明显反光。
  • 背景没有和衣服边缘混在一起。
输出目标：一组可导入 CAT 的正面图和背面图。

第一部分

CAT：从照片制作 3D 服装

这部分的核心是：导入前后照片，告诉软件衣服是什么类别，标出关键轮廓，修正贴图边缘，处理透明区，最后保存为 FXMOAT 能读取的数据。

CAT 01

进入 CAT Offline Mode

本步目标：进入本地制作环境，开始创建离线 3D 服装。
  1. 安装并打开 CLOTH AUTHORING TOOL (CAT)。
  2. 在登录界面找到 `OFFLINE MODE`。
  3. 点击 `OFFLINE MODE`，进入离线制作模式。
  4. 确认进入后看到图片选择或项目创建界面。
离线模式制作的数据保存在本机。后续不要随意移动工作文件夹，否则 FXMOAT 可能找不到数据。

CAT 02

选择并拖入服装照片

本步目标：把要建模的正背面照片放进 CAT 工作区。
  1. 在左侧文件浏览区选择照片所在文件夹。
  2. 如果文件较多，在搜索栏输入文件名并按 Enter。
  3. 从左侧结果中找到目标照片。
  4. 把照片拖拽到右侧工作区。
  5. 确认正面和背面都已放入，点击底部箭头进入下一步。
建议文件名写清楚款号和方向，例如 `A001_white_front.jpg`、`A001_white_back.jpg`。

CAT 03

选择服装主类别和子类别

本步目标：让 CAT 使用正确的服装模板。
  1. 先参考左侧照片，选择主类别：`Top`、`Bottom`、`Dress`、`Outer`、`Coat`。
  2. 再选择子类别，例如无袖衫、短袖 V 领、短袖 Polo、高领、衬衫、长袖 V 领、长袖衫。
  3. 选择最接近真实衣服的类别。
  4. 点击底部按钮继续。
类别选错会影响模板、关键点位置和最终穿着效果。新手宁可多看一眼照片，也不要随手选。

CAT 04

指定服装特征点和边缘

本步目标：用编号点告诉 CAT 衣服的关键轮廓在哪里。
  1. 观察界面闪烁提示区域和编号点。
  2. 把每个编号点拖到对应的衣服关键位置。
  3. 常见位置包括领口、肩线、袖口、腋下、腰部、下摆。
  4. 所有点放好后，点击底部箭头进入下一步。
点位要贴着衣服边缘，不要放到背景、手臂或皮肤上。这里越准，后面的修边越轻松。

CAT 05

修正图片边缘和贴图空隙

本步目标：避免虚拟试穿时出现白边、破洞或背景残留。
  1. 查看 CAT 生成的服装轮廓边框。
  2. 用图像调整画笔把贴图推到轮廓边缘。
  3. 点击 `BG Color`，再点击衣服外的背景区域，取背景色。
  4. 点击 `Auto-fill`，让系统自动处理轮廓外区域。
  5. 如果效果不理想，用 `Cancel` 或 `Reset` 回退。
正面图调整会影响背面图。每次改完都要检查正反两面，不要只盯着一面。

CAT 06

调整 3D 服装细节

本步目标：让 3D 服装尽量接近原始照片中的真实形态。
  1. 在 3D Avatar 上点击需要调整的区域。
  2. 使用右侧调整面板修改该部位的形态。
  3. 重点检查肩部、袖子、下摆、腰部和衣服厚度。
  4. 需要左右同时调整时，使用 `Symmetry`。
  5. 如果某一步调坏了，用 `RESET` 重置。
  6. 完成后点击下一步，进入透明区域处理。
判断标准不是“看起来差不多”，而是和原始照片对比：衣长、袖长、宽松度、领口高度都要尽量一致。

重点章节

透明区域：新手最容易漏的一步

裙摆、镂空、领口内侧、袖口间隙、外套打开区域，如果不指定透明区，Mirror 上可能出现肤色覆盖、底色残留或衣服穿帮。

CAT 07-1

进入透明区域编辑

  1. 在 3D 细节界面点击 `Specify transparent areas`。
  2. 进入透明区域编辑界面后，先熟悉左右区域：左侧是编辑图，右侧是 3D 预览。
  3. 需要细抠的位置先放大，再移动到屏幕中央。
撤销: Ctrl + Z 重做: Ctrl + Shift + Z 移动: Space + Drag 缩放: 鼠标滚轮 旋转预览: Alt + 左键拖动

CAT 07-2

添加、调整和移除透明区域

  1. 点击 `Add Area`。
  2. 鼠标变成 `+` 后，沿透明区域边缘逐点点击。
  3. 回到起点，看到 `o` 后点击闭合选区。
  4. 如果透明区域不清楚，调整 `Transparency` 或 `BG Color` 颜色提高对比。
  5. 如果圈多了，点击 `Remove`，用同样方式圈出要删除的部分。
闭合后的区域会以设定颜色填充显示。这只是检查用颜色，不代表最终服装颜色。

CAT 07-3

预览、隐藏 Avatar、处理背面并 Apply

  1. 看右侧 `3D Apparel Preview`，确认透明区域是否正确应用。
  2. 点击 `Show/hide Avatar` 隐藏 Avatar，检查衣服是否和身体模型重叠。
  3. 旋转、缩放 3D 服装，从不同角度检查边缘和透明区。
  4. 切换到 `Back`，用同样方式处理背面透明区域。
  5. 正反面都确认后，点击 `Apply`。
不要只处理正面。背面的领口、裙摆和外套后摆也很容易出问题。

CAT 08

填写商品信息并保存

本步目标：把完成的 3D 衣服保存成 FXMOAT 可读取的数据。
  1. 填写 `Sex` 性别。
  2. 填写必填的 `Item Name` 商品名称。
  3. 填写必填的 `Brand item code` 品牌商品编码。
  4. 可填写 `Price` 价格和 `Purchase URL` 购买链接。
  5. 点击 `Save`。
  6. 确认保存位置为 C:\FXMirror\DAT。
CAT 阶段到这里完成。接下来不要移动保存目录，直接进入 FXMOAT。

第二部分

FXMOAT：离线管理、展示配置和导出

FXMOAT 不重新建模。它读取 CAT 保存的 3D 服装数据，配置店铺信息、展示商品、套装组合，并导出给 FXMirror 使用。

FXMOAT 01

启动工具并建立数据路径

  1. 双击安装目录中的 `FXMOAT.exe`。
  2. 点击 `ADD NEW DATA FILE` / `의상DATA 새로만들기`。
  3. 出现提示时确认你要建立服装数据路径。
  4. 选择 CAT 保存的文件夹，通常是 C:\FXMirror\DAT。
  5. 检查左侧服装列表是否出现刚才制作的衣服。
`ADD NEW DATA FILE` 适合第一次指定根目录。后面追加衣服请用 `ADD ITEM`，不要覆盖旧路径。

Interface

FXMOAT 界面按钮对照

先理解界面区域，后面的 Shop 和 Mall 设置就不会乱。

区域功能新手理解
Men's / Women's / Boy's / Girl's性别分类先决定当前配置哪一类用户的衣服。
ADD NEW DATA FILE新建数据路径第一次导入 CAT 输出目录时使用。
ADD ITEM追加衣服已有项目中新增衣服时使用。
3D 服装列表已读取的衣服左侧列表，选中后可看图片和信息。
Edit Item List单件展示列表Shop 版本主要用它。
Edit Outfits套装组合Mall 版本主要用它。
Edit Shop Info店铺信息维护店铺名、Logo 和位置。
Export FXMirror Data导出到 Mirror完成配置后生成可运行文件。

FXMOAT 02

编辑店铺信息和衣服信息

  1. 进入 `Edit Shop Info`。
  2. 点击 `ADD`，打开店铺信息编辑窗口。
  3. 填写 `Store Name` 店铺名或品牌名。
  4. 点击 `Logo URL` 的 `FIND` 选择 Logo 图片。
  5. 填写 `Info (Location)` 位置，可选；楼层建议只填数字，例如 `3F` 填 `3`。
  6. 点击 `SAVE` 保存，或 `CANCEL` 放弃。
  7. 如果衣服文字信息有误，在服装列表中双击对应栏位即可编辑。
Mall 套装如果要显示品牌/店铺名，必须先在这里注册店铺信息。

FXMOAT 03

Shop 版本：注册要展示的单件衣服

  1. 选择性别分类。
  2. 选择 CAT 制作的 3D 服装数据文件夹。
  3. 左侧列表出现衣服后，点击一件衣服查看图片和详细信息。
  4. 进入 `Edit Item List`。
  5. 从左侧列表把想展示的衣服拖到右侧黑色展示区域。
  6. 按类别筛选已注册商品，例如 All、Top、Skirt、Pants、Dress、Outer。
  7. 不想展示的商品：右键选择后按键盘 `Delete`。
  8. 想调整展示顺序：按住商品拖到目标位置。
不要移动已导入的数据文件夹。移动后，右侧展示列表可能消失或无法编辑。

FXMOAT 04

Mall 版本：把衣服组合成套装

  1. 选择要配置套装的性别分类。
  2. 点击 `Edit Outfits` / `코디세트 편집`。
  3. 点击 `Add Outfit` / `코디추가`。
  4. 从左侧列表选择上衣、下装、外套等服装。
  5. 拖拽到右侧套装区域，系统会按服装类别放入对应位置。
  6. 为套装选择店铺名、品牌名或商品名。
  7. 完成后导出 FXMirror 数据。
组合显示结果
上衣 + 下装显示
下装 + 外套显示
上衣 + 下装 + 外套显示
只有单件或关键信息未选可能不显示

FXMOAT 05

追加衣服、保存工作、导出到 FXMirror

  1. 如果 CAT 新做了衣服，在首次注册目录内部新建子文件夹。
  2. 把新增衣服保存到这个子文件夹。
  3. 回到 FXMOAT，点击 `ADD ITEM` 添加新增衣服。
  4. 保存当前配置，文件格式为 文件名.fxmw。
  5. 需要继续编辑时，重新打开该 `.fxmw` 文件即可。
  6. 确认 Shop/Mall 设置后，点击 `Export FXMirror Data`。
  7. 导出后会生成 FXMirror 可执行文件，通常是 文件名.exe。
  8. 把 `.exe` 放入 USB，在 FXMirror 设备上运行并检查显示结果。

Troubleshooting

常见错误和处理办法

新手练习时先看这里，能少走很多弯路。

问题可能原因处理办法
服装边缘有白边轮廓贴图没有推到边缘回到图像调整，用画笔和 Auto-fill 修边。
试穿时出现肤色或底色残留透明区域没有处理进入透明区域，正反面都 Add Area 并 Apply。
衣服形体不像照片特征点或 3D 细节不准重新调整编号点，再在 3D Detail 中修肩部、袖子、下摆。
FXMOAT 看不到新衣服路径选错或没有追加确认 CAT 保存到 `C:\FXMirror\DAT`，新增衣服用 ADD ITEM。
右侧展示列表消失重新指定了数据根目录不要再换路径；恢复原目录或重新导入并配置列表。
Mall 套装品牌不显示没有选择店铺/品牌信息先在 Edit Shop Info 注册，再回套装里选择。

Final Checklist

新手交付前总检查

每做完一件衣服，按这个清单从上到下检查一次。

Original Pages

原始教程页对照

点击任意缩略图可查看大图。CAT 教程共 28 页，FXMOAT 教程共 14 页。

CAT FXMirror 3D Apparel Display Guide

FXMOAT User Guide