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

文本样式

1m 49s
Rive 101 - Text Styles

在 YouTube 上观看

📌 本节要点

字体、大小、行高、颜色、多层填充/描边、可变字体属性。

📝 详细教程已添加

Summary

文本样式允许你定义和管理文字的视觉属性,如字体族、大小、字重和间距。本课介绍了如何自定义这些属性,如何利用可变字体(Variable Fonts)进行更精细的控制,以及如何在时间轴上对这些属性设置动画。

Step by Step

  1. 00:04
    选择字体
    从大量的免费 Google Fonts 中选择,或者导入自定义字体(仅限付费用户)。
  2. 00:20
    基础属性调整
    在检查器(Inspector)中直接调整字号(Font Size)、字重(Font Weight)和字符间距(Letter Spacing)。
  3. 00:40
    可变字体设置
    访问可变字体的进阶设置,精确调整字重、视觉尺寸(Optical Size),甚至斜体的倾斜角度。
  4. 01:13
    段落格式化
    通过调整行高(Line Height)来管理多行文本之间的垂直间距。
  5. 01:20
    颜色与不透明度
    修改文本样式的填充颜色、不透明度,或切换其整体可见性。
  6. 01:32
    动画化样式
    为任何样式属性(包括字重和颜色)设置关键帧,创建动态的排版动画效果。

Notes About Current Rive

  • 可复用样式:创建多个文本样式可以让你为同一个文本框内的不同“文本运行 (Text Runs)”应用不同的格式。
  • 可变字体支持:并非所有字体都支持可变轴;选中支持的字体时,检查器中会出现“variable”图标或额外的调节滑块。
  • 时间轴集成:文本样式面板中的几乎每个属性都是可动画化的,这为 UI 过渡提供了极高的创作灵活性。

📝 Notes

支持 Markdown
0 字符