TravelContentCreator/docs/PSD_USAGE.md

VibrantTemplate PSD分层输出 - 使用指南

🎨 PSD图层结构（4层）

final_layered.psd
├── 1. Perfect Reference  - 🎯 与常规PNG 100%一致的参考层
├── 2. Background Only    - 🖼️  纯背景图像（可编辑）
├── 3. Glass Effect       - ✨ 毛玻璃效果（可调整）
└── 4. Text Content       - 📝 所有文字内容（可修改）

🔧 设计师工作流

方案A：参考对比流程

1. 保持Perfect Reference可见 - 作为目标效果
2. 编辑下方图层 - 调整背景、效果、文字
3. 定期隐藏Perfect Reference - 查看编辑效果
4. 对比调整 - 确保编辑结果接近参考层

方案B：复制编辑流程

1. 复制Perfect Reference图层
2. 重命名为"Editable Copy"
3. 在副本上进行编辑
4. 保留原始Perfect Reference作为备份

✨ 技术特点

✅ 已解决的问题

• ✅ 布局一致性: Perfect Reference与常规PNG完全一致
• ✅ 中文字体: 正确显示中文内容
• ✅ 图层透明度: 所有图层正确分离
• ✅ 尺寸一致性: 统一的1350x1800输出

⚠️ 已知限制

• 编辑图层的自动合成效果与Perfect Reference有差异
• 建议以Perfect Reference为准进行设计

💼 实际应用场景

快速调整

隐藏: Perfect Reference
显示: Background Only + Glass Effect + Text Content  
用途: 快速预览编辑效果

精确设计

显示: Perfect Reference (作为参考)
编辑: 复制的图层或单独图层
用途: 精确匹配目标效果

文字替换

显示: Perfect Reference + Text Content
操作: 仅编辑Text Content图层
用途: 快速更换文字内容

🎯 最佳实践

1. 始终保留Perfect Reference - 作为设计目标
2. 使用编辑图层进行快速调整 - 背景、效果、文字
3. 定期对比参考层 - 确保设计方向正确
4. 最终导出时 - 可选择Perfect Reference或编辑后的合成

🚀 使用代码

from poster.templates.vibrant_template import VibrantTemplate

template = VibrantTemplate()

# 生成PSD分层文件
psd_path = template.generate_layered_psd(
    images=your_image,
    content=your_content,
    theme_color="ocean_deep",
    output_path="editable_poster.psd"
)

# 生成常规PNG（对比用）
png_result = template.generate(
    images=your_image,
    content=your_content,
    theme_color="ocean_deep"
)
png_result.save("reference_poster.png")

🎉 总结

VibrantTemplate的PSD分层输出功能提供：

• 100%准确的参考图层 - 确保设计目标明确
• 分离的编辑图层 - 提供设计灵活性
• 完美的中文支持 - 无字体显示问题
• 专业的设计工作流 - 适合Photoshop编辑

🎨 现在可以放心使用PSD分层输出功能进行专业设计了！