版本:Unity 6 (6000.0)
语言:英语
精灵资源属性参考
高级文本生成器

颜色渐变

您可以将最多四种颜色的渐变应用于文本。当您添加颜色渐变时,TextCore 会将渐变颜色应用于文本字符串中的每个字符。

使用 <gradient> 富文本标签 将颜色渐变预设应用于文本对象。渐变预设会覆盖文本的本地渐变类型和颜色。

创建颜色渐变预设

要创建一个或多个颜色组成的颜色渐变,并将它放置到特定文件夹中,请按照以下步骤操作

  1. 从菜单中,选择资源 > 创建 > 文本 > 颜色渐变,添加新的颜色渐变预设。

  2. 在颜色渐变的 检查器一个 Unity 窗口,显示当前选定游戏对象、资源或项目设置的信息,允许您检查和编辑值。更多信息
    查看 词汇表
    窗口中,从下拉菜单中选择颜色模式

    • 单色:应用单色。
    • 水平渐变:应用两种颜色,并在每个字符上生成它们之间的左右过渡。
    • 垂直渐变:应用两种颜色,并在每个字符上生成它们之间的上下过渡。
    • 四个角渐变: 应用四种颜色。每种颜色从其分配的每个字符的角辐射出来。
  3. 设置渐变颜色。颜色字段中可用的颜色数量取决于您选择的渐变模式。每个色块对应于字符 精灵2D 图形对象。如果您习惯于在 3D 环境中工作,精灵基本上只是标准纹理,但有一些特殊技术用于组合和管理精灵纹理,以便在开发过程中提高效率和方便性。更多信息
    查看 词汇表
    上的颜色原点。

  4. 将颜色渐变资源放置到 面板文本设置资源 中为颜色渐变预设设置的路径中。

应用颜色渐变预设

要将颜色渐变预设应用于文本,请按名称引用颜色渐变,如 <gradient="name-of-the-color-gradient">Your text</gradient>。如果您像这样应用颜色渐变,文本的颜色将乘以对象的当前顶点颜色。

要将纯渐变应用于文本选择,请使用 <color> 标签将颜色重置为白色。例如

<color=white><gradient="Light to Dark Green - Vertical">Light to Dark Green gradient</gradient></color>

颜色渐变模式示例

以下显示了每种模式的颜色渐变示例。

单色

单色渐变。

Text with each character in yellow.
每个字符为黄色的文本。

水平渐变

使用两种颜色的左右渐变。

Text with color transition from yellow to black side-to-side for each character.
每个字符的左右颜色从黄色过渡到黑色的文本。
Text with color transition from black to yellow side-to-side for each character.
每个字符的左右颜色从黑色过渡到黄色的文本。

垂直渐变

使用两种颜色的上下渐变。

Text with color transition from black to yellow up-and-down for each character.
每个字符的上下颜色从黑色过渡到黄色的文本。
Text with color transition from yellow to black up-and-down for each character.
每个字符的上下颜色从黄色过渡到黑色的文本。

四个角渐变

使用四种颜色的渐变。每种颜色从一个角辐射出来。这是最通用的渐变类型。您可以改变某些颜色并保持其他颜色相同以创建不同类型的渐变。

Text with four-color gradient for each character with yellow on the up-left, black on the up-right, red on the down-left, and green on the down-right.
每个字符具有四色渐变的文本,左上角为黄色,右上角为黑色,左下角为红色,右下角为绿色。

此示例显示了三个角使用一种颜色,第四个角使用不同的颜色。

Text with four-color gradient for each character with black on the up-left and yellow for the other corners.
每个字符具有四色渐变的文本,左上角为黑色,其他角为黄色。

此示例显示了相邻角对使用相同的颜色,以创建水平或垂直渐变。

Text with four-color gradient for each character with black on the left up and down, and yellow on the right up and down.
每个字符具有四色渐变的文本,左上角和下角为黑色,右上角和下角为黄色。
Text with four-color gradient for each character with black on the up left and right, and yellow on the down left and right.
每个字符具有四色渐变的文本,左上角和右上角为黑色,左下角和右下角为黄色。

此示例显示了对角相反的角对使用相同的颜色,以创建对角渐变。

Text with four-color gradient for each character with black on the up-left and down-right, and yellow on the up-right and down-left.
每个字符具有四色渐变的文本,左上角和右下角为黑色,右上角和左下角为黄色。
Text with four-color gradient for each character with yellow on the up-left and down-right, and black on the up-right and down-left.
每个字符具有四色渐变的文本,左上角和右下角为黄色,右上角和左下角为黑色。

此示例创建一个水平和垂直的三色渐变,一端为主色,另一端为两种颜色之间的过渡。

Text with four-color gradient for each character with yellow on the left up and down, red on the up-right, and black on the down-right.
每个字符具有四色渐变的文本,左上角和下角为黄色,右上角为红色,右下角为黑色。
Text with four-color gradient for each character with yellow on the up left and right, red on the down-left, and black on the down-right.
每个字符具有四色渐变的文本,左上角和右上角为黄色,左下角为红色,右下角为黑色。

此示例使对角相反的两个角具有相同的颜色,而另外两个角具有不同的颜色,以创建对角条纹三色渐变。

Text with four-color gradient for each character with red on the up-left, yellow on the up-right and down-left, and black on the down-right.
每个字符具有四色渐变的文本,左上角为红色,右上角和左下角为黄色,右下角为黑色。
Text with four-color gradient for each character with yellow on the up-left and down-right, black on the up-right, and red on the down-left.
每个字符具有四色渐变的文本,左上角和右下角为黄色,右上角为黑色,左下角为红色。

其他资源

精灵资源属性参考
高级文本生成器