Rive 101 logoRive 101
关于项目📋 变更总览EN
0%
进度0/90
2.14

导入 Photoshop 文件

2m 31s
Rive 101 - Import Photoshop Files (PSD)

在 YouTube 上观看

📌 本节要点

导入 PSD 文件并保留图层结构,便于进一步在 Rive 中编辑和动画化。

📝 详细教程已添加

Summary

本课程讲解了如何将分层的 Photoshop (PSD) 文件导入 Rive。Rive 不仅能识别 PSD 的层级结构,还允许用户对其中的图像进行统一的格式转换和质量优化。课程特别强调了图层命名的重要性,并警示了在替换文件时因命名不一致可能导致的动画丢失风险。

Step by Step

  1. 00:04
    准备并导入 PSD
    在 Photoshop 中完成图层命名并保存后,直接将 .psd 文件拖入 Rive 的资源面板。
  2. 00:21
    管理资源属性
    在资源面板中可以展开 PSD 查看所有图层。选中 PSD 后,可在属性栏查看尺寸、大小,并进行全图层的质量调节或格式转换(WebP/PNG/JPEG)。
  3. 01:01
    隐藏图层规则
    注意,在 Photoshop 中被隐藏的图层在导入 Rive 时会被自动忽略,不会出现在资源列表中。
  4. 01:10
    放置到画布
    你可以单独拖拽某个图层到画板,也可以拖拽整个 PSD 文件。拖拽整文件会创建一个包含所有图层的组(Group),并保持原始排布。
  5. 01:30
    替换文件风险
    如果使用 Replace 替换 PSD 文件,Rive 会通过名称匹配图层。如果在 Photoshop 中修改了图层名,替换后该图层及其关联的动画关键帧将会丢失。
  6. 02:04
    一致性建议
    在替换文件前,请务必确认相关图层的名称完全一致。
  7. 02:14
    增补图层
    如果需要为项目添加新图层,建议将其作为独立图片或新的 PSD 导入,而不是直接在已建立链接的 PSD 中频繁修改。

Notes About Current Rive

  • 层级保留:PSD 导入是保留复杂插画排布最快的方式,它会自动将位图图层转换为 Rive 的 Image 节点。
  • 动画安全:在动画制作中途替换 PSD 是高风险操作,请先在资源面板中进行预览确认。
  • 优化策略:在导出 .riv 前,利用资源面板的全局质量设置,可以在保证视觉效果的同时大幅缩减文件体积。

📝 Notes

支持 Markdown
0 字符