# 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或编辑后的合成

## 🚀 使用代码

```python
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分层输出功能进行专业设计了！**