Magnific Designer动态占位符:把AI图片和短标题接入同一画布,换图时保留可编辑标题 素材身份:作者原创输入/可编辑参考。目标工具未在本轮执行。 先打开 index.html;input.csv 是原始字段,reference.csv 是验收基准,negative.csv 是故意构造的坏样例。 actual-results.csv 保留未测状态,实际执行后再填写。 前置条件: 拥有对应产品的当前可用账号;生成、导出和协作权限按实际计划核对。 练习素材均为作者原创或明确授权;只有实际在目标工具运行后才填写产品结果。 操作步骤: 1. 区分原图与标题 打开紫玻璃香水瓶RGB PNG(带原背景,无透明通道),确认标题不在图像像素中。将两组短标题放到独立文本输入,保留逐字核对底稿。 2. 从Spaces打开Designer 把上游图像和文本连接到Designer节点,再进入编辑器。独立打开的Designer没有上游Inputs,不能照搬同一绑定操作。 3. 分别拖入匹配占位符 将图片连接绑定图像占位符,将标题连接绑定文字占位符。先调整图片框内的填充,不通过裁切文字图来伪造可编辑标题。 4. 保存首组图文版本 检查玻璃边缘与标题完整字形,保存本轮源画布。字体替换或缺字须在原生文本层修正,不能只改最终导出PNG。 5. 接入第二组内容 把图像与标题一起切换为海蓝收纳罐组合。确认两个不同连接都更新,旧标题不会因为遗漏而残留。 6. 试改一个标题字符 在允许的编辑方式下核对文字对象可被选中与修改。若动态连接会覆盖手动修改,应回上游文本修正并再次渲染。 7. 交付源文件与成品 保留连接说明、原生画布和两组导出。练习排版参考仅展示目标,不替代实际产品绑定结果。 验收: 切换第二组输入后图像和文字各自正确更新 标题仍是可编辑文字对象,不被烘焙进整张图片 保存实际产品版本、输入和导出文件;未执行项明确保留未测。 官方资料: https://www.magnific.com/ai/docs/designer 图片身份:assets/ 为内置image_gen生成的原创练习输入缩略版,原始文件保留在网站图片来源地址。可编辑SVG为作者原生排版。 本课图片输入映射: assets/lavender-glass.png(顶层同名别名;身份与原图SHA见asset-identity.json) assets/blue-storage-jar.png(顶层同名别名;身份与原图SHA见asset-identity.json) assets/apricot-desk-lamp.png(顶层同名别名;身份与原图SHA见asset-identity.json)