Настройка свойств элементов

Панель свойств позволяет точно настроить внешний вид и поведение любого элемента на холсте.

Обзор панели свойств

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

• Свойства элемента — базовые настройки (видимость)
• Внешний вид — прозрачность и визуальные эффекты
• Трансформация — позиция, размер, поворот, порядок слоев
• Порядок слоёв — быстрое изменение порядка наложения (кнопки вверх/вниз)
• Действия — сброс позиции и удаление элемента
• Содержимое — специфичные для типа элемента настройки

Универсальные разделы

Разделы "ПОРЯДОК СЛОЁВ" и "ДЕЙСТВИЯ" доступны для всех типов элементов (текст, изображения и другие).

Базовые свойства

Видимость

Переключатель "Видимый" в разделе свойств элемента:

• Включено (активный, обычно фиолетовый) — элемент отображается на холсте
• Выключено — элемент скрыт, но не удален (можно показать снова)

Управление через список слоев

Иконка глаза (👁️) в списке слоев слева также управляет видимостью элемента.

Внешний вид

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

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

• Слайдер прозрачности — от 0% (невидимый) до 100% (полностью непрозрачный)
• Используйте для создания эффектов наложения и плавных переходов

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

• 100% — обычный вид
• 50% — полупрозрачный элемент
• 0% — скрыт (альтернатива переключателю видимости)

Трансформация

Раздел "ТРАНСФОРМАЦИЯ" содержит все параметры позиционирования и размера.

Позиция (X, Y)

Координаты левого верхнего угла элемента:

• X — расстояние от левого края холста в пикселях (0 — самый левый край)
• Y — расстояние от верхнего края холста в пикселях (0 — самый верхний край)

Пример:

• X: 516, Y: 176 — элемент находится в 516 пикселях справа и 176 пикселях вниз от левого верхнего угла

Размер (W, H)

• W (Width) — ширина элемента в пикселях
• H (Height) — высота элемента в пикселях

Сохранение пропорций

По умолчанию при изменении размера через угловые маркеры пропорции элемента сохраняются. Если вы хотите изменить размер свободно (без сохранения пропорций), зажмите клавишу Shift во время перетаскивания углового маркера. В панели свойств можно задать точные значения независимо (ширину и высоту отдельно).

Поворот (ROT)

• ROT (Rotation) — угол поворота в градусах
• 0° — без поворота (оригинальная ориентация)
• Положительные значения — поворот по часовой стрелке
• Отрицательные значения — поворот против часовой стрелки

Примеры:

• 90° — поворот на четверть оборота по часовой стрелке
• -45° — поворот на 45° против часовой стрелки
• 180° — перевернуто вверх ногами

Порядок слоев (Z)

• Z (Z-index) — порядок отображения элемента относительно других элементов
• Больше значение = выше слой (отображается поверх других)
• Меньше значение = ниже слой (отображается под другими)

Пример:

• Текст с Z: 1 отображается поверх изображения с Z: 0
• Если изображению установить Z: 2, оно будет поверх текста

Порядок слоёв

Раздел "ПОРЯДОК СЛОЁВ" позволяет быстро изменить порядок наложения выбранного элемента без ввода числовых значений.

Перемещение слоя

В разделе "ПОРЯДОК СЛОЁВ" доступны две кнопки:

• Стрелка вверх (↑) — переместить элемент на один слой вверх (увеличить Z-index)
• Стрелка вниз (↓) — переместить элемент на один слой вниз (уменьшить Z-index)

Быстрое управление

Используйте кнопки порядка слоёв для быстрого изменения видимости элементов относительно друг друга без необходимости ввода точных значений Z-index.

Когда кнопки активны:

• Кнопки становятся неактивными (темно-фиолетовый цвет), если элемент уже находится на самом верху или внизу слоёв
• Активные кнопки имеют более яркий цвет и позволяют перемещать элемент

Действия

Раздел "ДЕЙСТВИЯ" содержит быстрые действия для работы с выбранным элементом.

Сбросить позицию

Кнопка "Сбросить позицию" (иконка круговой стрелки):

• Возвращает элемент в исходное положение
• Сбрасывает позицию (X, Y) на значения по умолчанию
• Может также сбрасывать размер и поворот на исходные значения

Исходная позиция

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

Удалить

Кнопка "Удалить" (иконка корзины):

• Удаляет выбранный элемент с холста
• Действие необратимо — элемент нельзя восстановить после удаления
• Кнопка выделена ярким фиолетовым цветом для привлечения внимания

Внимание

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

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

• Удаление через контекстное меню в списке слоёв
• Клавиша Delete на клавиатуре (если поддерживается)

Специфичные свойства элементов

Для текстовых элементов

В разделе "СОДЕРЖАНИЕ ТЕКСТА":

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

Для изображений

Обычно изображения используют только общие свойства (трансформация, прозрачность, видимость).

Работа с несколькими элементами

Выбор элементов

• Кликните на элемент на холсте
• Или выберите элемент в списке "Слои" слева
• В панели свойств отобразятся настройки выбранного элемента

Смена выбора

При выборе другого элемента панель свойств автоматически обновляется, показывая свойства нового элемента.

Контекстное меню элемента

Контекстное меню предоставляет быстрый доступ к основным действиям с элементом. Чтобы открыть контекстное меню, кликните правой кнопкой мыши на элемент в списке слоев или на холсте.

Доступные опции контекстного меню

• Скрыть/Показать — переключение видимости элемента без удаления
• Отразить — зеркальное отражение элемента (горизонтальное)
• Переименовать — изменение названия элемента в списке слоев
• Сбросить — возврат элемента к начальным параметрам (позиция, размер, поворот)
• На передний план (↑) — переместить элемент на самый верхний слой (максимальный Z-index)
• На задний план (↓) — переместить элемент на самый нижний слой (минимальный Z-index)
• Переместить в папку — выбор папки для организации элемента
• Удалить — удаление элемента с холста (необратимо)

Быстрое управление

Используйте контекстное меню для быстрого доступа к часто используемым действиям. Это особенно полезно при работе с большим количеством элементов.

Особенности работы с опциями

Отразить:

• Создает зеркальную копию элемента по горизонтали
• Полезно для быстрого изменения направления изображений
• Применяется мгновенно

Сбросить:

• Возвращает позицию (X, Y) к исходным значениям
• Сбрасывает размер (W, H) на значения по умолчанию
• Возвращает поворот (ROT) к 0°
• Не влияет на содержимое элемента (текст или изображение)

На передний/задний план:

• Быстрая альтернатива ручному изменению Z-index
• "На передний план" устанавливает максимальный Z среди всех элементов
• "На задний план" устанавливает минимальный Z

Нижняя панель инструментов

Под холстом расположена панель с инструментами для управления видом и захвата медиа.

Элементы нижней панели

Управление масштабом:

• Кнопка "−" — уменьшить масштаб отображения холста
• Индикатор масштаба (например, "60%") — показывает текущий уровень масштабирования
• Кнопка "+" — увеличить масштаб отображения холста

Инструменты:

• Кнопка сброса вида/обновления (↻) — сбросить масштаб и позицию холста или обновить отображение
• Кнопка захвата скриншота (📷) — подменить фон холста на текущий кадр со стрима для удобного позиционирования виджетов
• Кнопка захвата видео (🎥) — подменить фон холста на видеопоток со стрима в реальном времени

Масштабирование

Изменение масштаба влияет только на отображение в редакторе и не изменяет фактический размер элементов в OBS. Используйте масштабирование для удобства работы с мелкими деталями или для просмотра всего холста целиком.

Навигация по холсту

• Используйте колесико мыши с зажатой клавишей Ctrl для быстрого масштабирования (если поддерживается)
• Кнопка сброса вида помогает быстро вернуться к исходному масштабу 100%

Сохранение изменений

Все изменения в панели свойств применяются мгновенно:

• ✅ Текст изменяется сразу после ввода
• ✅ Позиция обновляется при изменении X/Y
• ✅ Размер меняется при изменении W/H
• ✅ Изменения видны в OBS в реальном времени

Автосохранение

Изменения обычно сохраняются автоматически. Убедитесь, что у вас стабильное интернет-соединение для синхронизации с виджетом.