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

Заходите в настройки — вкладка соединение и подключаете (в моем случае твич), вы выбираете вашу платформу. Там все просто и понятно

Далее, так как мы делаем с вами полоску, вам нужно перейти во вкладку Оповещение (все в тех же настройках) и поставить галочку на Донат. Теперь переходим непосредственно во вкладку Донат, подключаете сайт которым пользуетесь вы (в моем случае это DonationAlerts).

Для начала вам нужно подготовить 2! ваших рисунка/картинки в формате PNG и на прозрачном фоне. (можно использовать и gif анимацию) Они должны быть одинаковые, за исключением того что второй вариант должен будет быть с прозрачностью (по вашему усмотрению)Я ставила обычно 20-30% прозрачности. У меня полоска заполняется методом закраса. Т.е нижний слой простой лайн, а вот заполняется она уже закрашенным вариантом! Тут уж как ваша душа пожелает.

За основу возьму свой донейт бар, на данный момент.



Рисунок взяла в интернете и просто обрисовала его как мне хотелось. Авторство оригинала не укажу, так как не знаю.

Из за рисунка зависит какой формы будет ваш сборщик: круглый, квадратный,прямоугольный, да хоть космос ставьте))0)

Дальше переходите в Рутони Чат-Конструкторы-Конструктор сбора данных. Выбираете полоску tipeee и нажимаете создать новую (называете ее как душе угодно) либо можете использовать конкретно ее.

Тут вам нужно прикрепить в нее 2 ваших картинки.




Вкладка текст: Ну тут думаю ничего сложного, подбираете шрифт и положение текста, как вам захочется.
Теперь по пунктам вкладки контейнер:
Высота: Тут вы должны выставить точно такую же высоту как у вашей картинки
Толщина: Ставите 0
Стиль: не важно для данного типа полоски!
Фон контейнера: Это нижний слой, то-есть полоска с прозрачностью ну или контур, как у меня.
Радиус прогресса: Здесь уже прикрепляем полноценный рисунок, который служит заполняющим!
Копируете Путь к теме и вставляете в OBS.

Далее, когда вы скопировали вашу ссылку на полоску в OBS, нужно подогнать ее по размеру. Заходите в свойства и изменяете размеры.



Ширину выставляете такую же как ширина вашего рисунка.

Высоту берете чуть больше (примерно на 70-100 мм) больше чем высота вашей картинки.



Далее располагаете ваш сборщик где вам угодно. И все
Вы восхитительны.
Надеюсь все понятно. Если нет — спрашивайте с: