展开本页目录
开始前准备什么
- 拥有对应产品的当前可用账号；生成、导出和协作权限按实际计划核对。
- 练习素材均为作者原创或明确授权；只有实际在目标工具运行后才填写产品结果。
- 记录圆窗结构
- 确认落点
- 替换位图
- 检查填充方式
- 比较效果继承
- 导出透明测试
- 交付替换对照
1. 记录圆窗结构
选中香水图片对象，记录蒙版、框尺寸及当前效果。把标题保持为独立文字对象，以便观察换图是否误碰旁边内容。
2. 确认落点
将水壶PNG拖到已存在的图片元素中央，而非空白画布。官方替换路径会保留框、蒙版、尺寸模式、调整与效果，拖错位置则可能新增元素。
3. 在原图片对象上替换位图
把新水壶图拖到原圆窗图片对象，松开后先核对选中对象身份和层数，再检查蒙版半径、边框与效果。若变成新图层，先返回确认实际替换入口，避免继续手工重建结构。
在原框里调整填充与位置，保住把手和壶盖；继承的亮度、阴影仍需针对新商品评审。既有配置保留不等于视觉一定合适。
4. 检查填充方式
比较水壶把手与壶盖是否被裁切，按需要调整图像在原框中的大小或位置。圆窗半径和边框不应随图片比例被误改。
5. 比较效果继承
查看原阴影和颜色调整是否适合新商品，保留前后配置记录。继承成功并不代表视觉合适，香水用的亮度可能让水壶过曝。
6. 导出透明测试
选择PNG并在棋盘格背景查看边缘。若导出JPEG，透明区域会被填实，不能据此误判蒙版丢失。
7. 交付替换对照
保存原生设计、两张输入和两轮导出。验收应同时看对象结构与边缘，不只看缩略图。
下载本课材料并开始操作
练习包包含本课的具体输入、可编辑数据、正反样例与七步说明。index.html 可离线查看原件和验收参考，actual-results.csv 用于记录你实际操作后的结果。
怎样确认已经完成
- 新位图处于原蒙版内，圆窗和8px边框仍保留
- 源文件保留图片对象，可再次替换，画布其他元素不移动
- 保存实际产品版本、输入和导出文件；未执行项明确保留未测。
常见问题
如何替换圆形商品窗中的位图？
记录圆窗的图层、蒙版与效果，把新位图拖到原图片对象上替换，再检查对象身份、填充方式和层数。避免删除后重画圆窗；包内结构参考不能代替云编辑器实际结果。
把新图拖到空白处新增一层怎么办？
先对照练习中的错误样例定位范围，不把预期参考图当成生成成功。回到检查填充方式，检查asset与border_px，修改后重新执行受影响步骤并保存实际输出。
Magnific Designer换图保留蒙版怎么完成替换圆形商品窗中的位图？
先使用本课的紫玻璃香水和鼠尾草水壶两张RGB PNG，均带原背景；圆形遮罩在设计中另建，再按确认落点和替换位图操作。关键验收是新位图处于原蒙版内，圆窗和8px边框仍保留；官方入口的模型、计划与额度需在当前账号确认。
Magnific Designer换图保留蒙版出现把新图拖到空白处新增一层怎么办？
先对照练习中的错误样例定位范围，不把预期参考图当成生成成功。回到检查填充方式，检查asset与border_px，修改后重新执行受影响步骤并保存实际输出。