Unity 6.3
0 онлайн 101 гостей 3 в системе
Вход
UI системы Шаг 286 из 317

Цветовые градиенты

Вы можете применять градиенты до четырех цветов к тексту. Когда вы добавляете цветовой градиент, TextCore применяет градиентные цвета к каждому символу в текстовой строке.

Используйте теги ,<gradient> и для применения предустановленных градиентов цвета к текстовым объектам. Предустановленный градиент переопределяет тип и цвет локального градиента текста.

Создание предварительной настройки цветового градиента

Чтобы создать цветовой градиент с одним или несколькими цветами и поместить его в определенную папку, выполните следующие действия:

  1. В меню выберите Ассеты > create > Text Core > Color Gradient для добавления нового предварительно установленного цветового градиента.

  2. В окне Градиент цвета Inspector выберите режим цвета из раскрывающегося меню:

  3. Настройка цветов градиента. Количество цветов, доступных в поле Цвета, зависит от выбранного режима градиента. Каждая палитра соответствует источнику цвета на спрайте персонажа.

  4. Поместите ассет цветового градиента в путь, установленный для Presets Color Gradient в ассете Panel Text Setting.

Применение цветовых градиентов

Чтобы применить предварительно установленный цветовой градиент к тексту, укажите цветовой градиент по имени как <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>

Примеры цветовых градиентов

Ниже приведены примеры цветовых градиентов для каждого режима.

Один цвет

Одноцветный градиент

Текст с каждым символом желтым.
Текст с каждым символом желтым.

Горизонтальные градиенты

Градиент с двумя цветами.

Текст с цветовым переходом от желтого к черному бок о бок для каждого символа.
Текст с цветовым переходом от желтого к черному бок о бок для каждого символа.
Текст с цветовым переходом от черного к желтому бок о бок для каждого символа.
Текст с цветовым переходом от черного к желтому бок о бок для каждого символа.

Вертикальные градиенты

Градиент вверх-вниз с двумя цветами.

Текст с цветовым переходом от черного к желтому вверх и вниз для каждого символа.
Текст с цветовым переходом от черного к желтому вверх и вниз для каждого символа.
Текст с переходом цвета от желтого к черному вверх и вниз для каждого символа.
Текст с переходом цвета от желтого к черному вверх и вниз для каждого символа.

Градиенты четырёх углов

Градиент с четырьмя цветами. Каждый цвет излучается из одного угла. Это самый универсальный тип градиента. Вы можете изменять некоторые цвета и оставлять другие идентичными, чтобы создать различные виды градиентов.

Текст с четырехцветным градиентом для каждого символа с желтым в левом верхнем углу, черным в правом верхнем, красным в левом нижнем и зеленым в правом нижнем углу.
Текст с четырехцветным градиентом для каждого символа с желтым в левом верхнем углу, черным в правом верхнем, красным в левом нижнем и зеленым в правом нижнем углу.

На этом примере показаны три угла одного цвета и четвертый с другим цветом.

Текст с четырехцветным градиентом для каждого символа с черным в левом верхнем углу и желтым для других углов.
Текст с четырехцветным градиентом для каждого символа с черным в левом верхнем углу и желтым для других углов.

В этом примере показаны пары смежных углов одного цвета для создания горизонтальных или вертикальных градиентов.

Текст с четырехцветным градиентом для каждого символа с черным слева вверх и вниз, и желтым справа вверх и вниз.
Текст с четырехцветным градиентом для каждого символа с черным слева вверх и вниз, и желтым справа вверх и вниз.
Текст с четырехцветным градиентом для каждого символа с черным вверху слева и справа, и желтым вниз слева и справа.
Текст с четырехцветным градиентом для каждого символа с черным вверху слева и справа, и желтым вниз слева и справа.

В этом примере показаны пары диагонально противоположных углов одного цвета для создания диагональных градиентов.

Текст с четырехцветным градиентом для каждого символа с черным в верхнем левом и нижнем правом углу и желтым в верхнем правом и нижнем левом углу.
Текст с четырехцветным градиентом для каждого символа с черным в верхнем левом и нижнем правом углу и желтым в верхнем правом и нижнем левом углу.
Текст с четырехцветным градиентом для каждого символа с желтым в верхнем левом и нижнем правом углу и черным в верхнем правом и нижнем левом углу.
Текст с четырехцветным градиентом для каждого символа с желтым в верхнем левом и нижнем правом углу и черным в верхнем правом и нижнем левом углу.

Этот пример создает горизонтальные и вертикальные трехцветные градиенты с доминирующим цветом на одном конце и переходом между двумя цветами на другом.

Текст с четырехцветным градиентом для каждого символа с желтым слева вверх и вниз, красным справа вверх и черным справа внизу.
Текст с четырехцветным градиентом для каждого символа с желтым слева вверх и вниз, красным справа вверх и черным справа внизу.
Текст с четырехцветным градиентом для каждого символа с желтым в верхнем левом и правом, красным в нижнем левом и черным в нижнем правом.
Текст с четырехцветным градиентом для каждого символа с желтым в верхнем левом и правом, красным в нижнем левом и черным в нижнем правом.

В этом примере два диагонально противоположных угла имеют один и тот же цвет, а два других угла имеют разные цвета, чтобы создать диагональную полосу трехцветного градиента.

Текст с четырехцветным градиентом для каждого символа с красным в левом верхнем углу, желтым в правом верхнем и нижнем левом углу и черным в нижнем правом углу.
Текст с четырехцветным градиентом для каждого символа с красным в левом верхнем углу, желтым в правом верхнем и нижнем левом углу и черным в нижнем правом углу.
Текст с четырехцветным градиентом для каждого символа с желтым в верхнем левом и нижнем правом углу, черным в верхнем правом и красным в нижнем левом углу.
Текст с четырехцветным градиентом для каждого символа с желтым в верхнем левом и нижнем правом углу, черным в верхнем правом и красным в нижнем левом углу.

Дополнительные ресурсы