Перейти к основному содержимому

Добавление текстовых элементов

Текстовые элементы — основной инструмент для отображения информации на виджете стримера.

Добавление нового текста​

  1. Нажмите кнопку "+ Добавить текст" в верхней панели редактора
  2. На холсте появится новый текстовый элемент с текстом "New Text"
  3. Элемент автоматически будет выбран, и в правой панели откроются его свойства

Редактирование текста​

Быстрое редактирование (двойной клик)​

Для быстрого редактирования текстового элемента выполните двойной клик по нему на холсте. Откроется дополнительная панель редактирования с тулбаром и текстовым полем.

Панель редактирования содержит:

  1. Тулбар форматирования — горизонтальная панель инструментов вверху:

    • Стиль текста:
      • B (Bold) — жирный текст
      • I (Italic) — курсив
      • U (Underline) — подчёркнутый текст
    • Размер шрифта — поле ввода или выпадающий список (например, 48)
    • Цвет текста — индикатор цвета (белый квадрат)
    • Выравнивание текста:
      • По левому краю
      • По центру (выделяется фиолетовым фоном при активном)
      • По правому краю

  2. Текстовое поле — большое поле для ввода и редактирования текста:

    • Поле с голубой рамкой, указывающей на активное состояние
    • Плейсхолдер "НОВЫЙ ТЕКСТ" при пустом поле
    • Изменения применяются мгновенно при вводе
Закрытие панели

Панель редактирования обычно закрывается автоматически при потере фокуса или можно закрыть её кликом вне панели.

Изменение содержимого через панель свойств​

Альтернативный способ редактирования:

  1. Выберите текстовый элемент на холсте или в списке слоев
  2. В правой панели найдите раздел "СОДЕРЖАНИЕ ТЕКСТА"
  3. Измените текст в поле "Содержание текста"
  4. Изменения применяются мгновенно

Настройка внешнего вида​

В разделе "СОДЕРЖАНИЕ ТЕКСТА" доступны следующие настройки:

  • Размер шрифта — укажите размер в пикселях (например, 48)
  • Шрифт — выберите шрифт из выпадающего списка (например, Arial)
  • Цвет текста — нажмите на цветовой индикатор, чтобы выбрать цвет
  • Стиль текста — примените жирный, курсив или другие стили (если доступно)

Стиль текста​

В разделе "Стиль текста" доступны кнопки форматирования:

  • B (Bold) — сделать текст жирным
  • / (Italic) — сделать текст курсивом
  • U (Underline) — подчеркнуть текст

Использование:

  • Кликните на кнопку стиля, чтобы применить форматирование
  • Повторный клик отключает форматирование
  • Можно комбинировать несколько стилей одновременно (например, жирный и курсив)

Пример:

  • Нажмите B — текст станет жирным
  • Нажмите / — текст станет курсивом
  • Нажмите U — текст станет подчёркнутым

Выравнивание текста​

В разделе "Выравнивание текста" можно выбрать выравнивание текста:

  • По левому краю (←) — текст выровнен по левому краю элемента
  • По центру (↔) — текст выровнен по центру элемента
  • По правому краю (→) — текст выровнен по правому краю элемента

Использование:

  • Выберите одно из трёх выравниваний кликом на соответствующую кнопку
  • Активная кнопка выделяется ярким фиолетовым цветом
  • Выравнивание применяется ко всему тексту в элементе

Перемещение и изменение размера​

С помощью мыши​

  1. Выберите текстовый элемент на холсте
  2. Перетащите элемент в нужное место
  3. Используйте угловые маркеры для изменения размера

С помощью панели свойств​

В разделе "ТРАНСФОРМАЦИЯ" задайте точные значения:

  • X — горизонтальная позиция (0 — левый край)
  • Y — вертикальная позиция (0 — верхний край)
  • W — ширина в пикселях
  • H — высота в пикселях
  • ROT — угол поворота в градусах (0 — без поворота)
  • Z — порядок отображения (больше — выше других элементов)

Прозрачность​

В разделе "ВНЕШНИЙ ВИД":

  • Используйте слайдер "Прозрачность" для изменения прозрачности от 0% (невидимый) до 100% (полностью непрозрачный)

Видимость элемента​

В панели свойств:

  • Переключатель "Видимый" позволяет скрыть или показать элемент, не удаляя его
  • Или используйте иконку глаза (👁️) в списке слоев

Примеры использования​

  • Заголовки — крупный текст для привлечения внимания
  • Информационные сообщения — уведомления для зрителей
  • Подписи к изображениям — поясняющий текст под картинками
  • Динамический контент — текст, обновляемый модератором в реальном времени