101 lines
2.8 KiB
Markdown
101 lines
2.8 KiB
Markdown
|
# 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分层输出功能进行专业设计了！**
|