Это текстовый вариант моего видео.
Всем привет, меня зовут Ульяна, добро пожаловать на мой канал, посвященный витубингу. В прошлом видео я рассказывала про пнгтубинг и софт для него, в том числе я упомянула программу PNGTube-Remix, которую далее коротко для удобства буду именовать просто ремикс. Обещала рассказать про нее подробнее, чем сегодня и займусь. Но пока мы не начали, если вы не знаете что такое пнгтубинг, что бы далее вам было проще рекомендую посмотреть мое прошлое видео.
О программе
Ну и давайте коротко о самой программе. Автор в описании пишет, что она создана, как аналог пнгтубер+, но с более обширным функционалом. В самой программе доступна тонкая настройка анимации, 3D-освещение, следование взгляда за курсором мыши 6 кадров рта и многие другие плюхи, которых нет у программ-конкурентов. Однако, с первого взгляда она, конечно, непонятная, поэтому давайте разбираться.
Если вдруг вы все еще не уверены подойдет ли вам данная программа, то сначала можете посмотреть примеры от разработчика. Для этого находим Files в правом верхнем углу и выбираем Template Model. Тут на выбор идет стандартная модель, модель на фоне, модель, которая следуют за курсором и модель с объемным освещением.
Основные настройки
Заходим в Setting, здесь вы можете изменить вид программы, отрегулировать порог громкости на который будет реагировать аватар и чувствительность самого микрофона. Далее идут 3 пункта с тумблерами. 2 пункт это слаживание, третий позволяет загружать последний настраиваемый аватар автоматом, очень рекомендую прожать. А первый я так и не поняла что это, но он у меня тоже включен.
Ну и далее можно выбрать ваш микро и назначить горячие клавиши на переключение присетов. Соответственно, если у вас пока других вариантов аватара нет, настраивать будет нечего.
Еще кое что, что важно знать. Если вдруг у вас программа выглядит не так, как у меня, то нажмите Mode и выберите Editor.
Подготовка аватара
Для начала работы вам потребуется пнг-аватар, у которого каждая часть разделена на слои, чем больше элементов будет отдельно, тем более динамичной можно сделать анимацию. Далее закидываем все, что нужно в программу. Для этого в открывшемся окне Files нажимаем Add Images, после чего картинки будут появляться в блоке со слоями.
В самой программе вы можете двигать элементы аватара и изменять их размер, но, что бы в будущем не заморачиваться я бы рекомендовала сохранять все таким образом, что бы элементы были сразу в нужном положении и нужного размера. Я честно признаюсь, у меня нет фотошоп, поэтому, если кому надо покажу на примере фигма. В фигме я создаю фрейм размером с тело аватара, затем вставляю туда все элементы в то положение, где они должны быть на теле. Скрываю все кроме нужно элемента и сохраняю ВНИМАНИЕ, не сам элемент, а фрейм с этим элементом на прозрачном фоне. И так с каждым. Если непонятно, то посмотрите видео сверху. А теперь вернемся в программу.
Окно «Слои»
После закачки ваших пнг, мы можем видеть их в окне слои. Возможно, если вы работали ранее в фотошопе или похожей программе, то вам может показаться, что вы знаете, как с этим работать, но не обманывайтесь. Все для чего нужно это окно это управление закаченными пнг и перемещение их по группкам для вашего удобства. Для этого просто перетащите один пнг на другой или нажмите вот эту кнопку, что бы создать папку и перетаскивать уже туда. Нажмите стрелочку рядом с группой, что бы раскрыть или скрыть ее.
При нажатии на пнг в списке его изображение отобразится в квадратике сверху. Так вы не запутаетесь в этой мешанине, ведь в самом окне со слоями пикчи очень маленькие.
Ну и давайте разберем другие инструменты в окне слои. Вы можете скрыть пнг нажав на глазик 👁️. Сверху есть ряд значков и что бы мне не тратить время что каждый из них значит обозначу ниже.
Настройка цвета и положения
После выбора нужного пнг вы можете перемещать его мышкой или настраивать более точное положение в окне справа по осям x и y. То есть меняя координаты по вертикали и горизонтали. Там же можно поменять размер, но очень неточно, поэтому и рекомендую закидывать пнг сразу нужного размера. Сверху вы так же можете отредактировать цвет элемента и наложить на него эффект, а так же сделать полупрозрачным. Обратите внимание, именно в этой вкладке в строке Z Order вы можете менять расположение пнг в соотношении ближе – дальше, то есть определять будет ли он под другими пнг или над ним. минус – соответственно это под, а плюс над.
Настройка анимации говорения
Давайте разберем, как настроить анимацию в ремиксе. Начнем со рта и глаз. Для начала рекомендую отделить закрытый и открытый рот в отдельную папку, иначе может работать некорректно и то же самое сделайте с глазами.
Далее рекомендую сохранить от греха по дальше ваш аватар и вообще делать это по чаще, что бы потом заново все не настраивать.
А теперь попрошу обратить ваше внимание в правый столбец. Здесь у нас есть пункты Eye Open и Mouth Open, что переводится, как открытые глаза и открытый рот. Итак отжимаем соответствующий тумблер на всем что относится к глазам и ко рту, а на открытом рте и глазах прожимаем галочку. Немного непонятно звучит, поэтому вот конкретный пример, так будет нагляднее.
То есть тумблер отмечает все элемент, которые относятся к данной категории, а галочка те же элементы, но которые имеют анимацию открывания. Надеюсь понятно объяснила.
Настройка общей анимации
Что бы настроить общую анимацию выберите папку со всеми элементами аватара и перейдите в Misc в правой колонке. В первом пункте вы сможете выбрать вариант анимации при молчании, который сразу увидите на аватаре.
Ниже можно выбрать анимацию для говорения. Если вы выбрали отскок, то его дополнительно можно настроить во вкладку bounce и выбрать интенсивность отскока аватара при говорении, а ниже силу гравитации, что бы аватар подпрыгивал и быстро падал или падал медленнее.
Если вам важно, что бы данная настройках переходила от пресета к пресету аватара, то так же прожмите галочку ниже.
Но вернемся на шаг назад, таким образом можно настроить, как анимацию всему аватару, если выбрать папку с ним целиком, так и анимацию отдельных частей, что бы получить большую динамику.
В этой же вкладке можно настроить скорость моргания, затемнение при молчании(Darken When Not Speaking), а так же освещение, о котором мы поговорим позже.
Тонкая настройка анимации
Перейдем к более сложным настройкам для анимации, для этого выберите пнг или папку с пнг, которые будете настраивать, перейдите во вкладку movement. Все настройки с припиской X, предполагают движение по горизонтали, y по вертикали, то есть здесь нас отсылают к системе координат.
Amp – это то на сколько далеко по выбранному направлению будет двигаться пнг.
Freq - интенсивность. Сразу скажу ползунки тут очень чувствительные, настраивать их очень неудобно, но если начать кликать стрелками на клавиатуре, то у меня могут начать двигаться пнг, поэтому потею настраивая на глаз.
Strech - позволяет растягивать пнг в разные стороны.
Rot-Degree - отвечает за повороты головы.
Auto Rotation - кружение. А ниже ее скорость. Может пригодится для настройки ассетов.
Последние две настройки позволяют настроит следование за курсором мыши. Например, что бы глаза или голова двигались за ним, акцентируя внимания на том, куда вы указываете.
Сложная анимация рта из 6 кадров
Поговорим про специальные настройки, начиная со рта. Если вы хотите сделать более расширенную анимацию, то вы кончено можете вставить гиф с говорением, а можете загрузить спрайт лист с 6 кадрами. Для не знающих давайте на пальцах, рисованная анимация состоит из кадров, спрайт лист это кадры на одном листе, которые расположены на одинаковом расстоянии друг от друга.
А теперь как это работает в программе. Загружаем спрайт лист отрисованного рта в программу, ставим галочки на открытом рте, и во вкладке Experemental жмем Advenced Lipcing. Если все сделано правильно, то теперь при говорении кадры на нашем спрайт листе должны отображаться друг за другом в программе (т е должна происходить анимация). И да, я не буду здесь подробно объяснять, как спрайт листы делать, посмотрите другое видео, ибо я не художник. За примером того, как выглядит рот вам опять же в видео сверху.
Виляние и предметы
По факту предметы вы можете добавлять так же как и другие изображение, но проблема в том, что только, если вы добавите пнг с помощью Add Appendage Based Image появятся расширенные настройки, где можно настроит интересные движения ассета, в частности виляние и как я понимаю в основном этот пункт предназначен для настройки хвоста или схожих виляющих объектов. Например, хвостиков на голове, флагов и тп. Здесь я особо останавливаться не буду, надо настраивать методом тыка в зависимости от вашего объекта. Отмечу, что такая настройка есть и у обычных пнг, но видимо она там устаревшая, ибо все что она делает это трясет предмет.
Освещение
И давайте о самом интересном, об объемном освещении. Для того, что бы включить освещение вам нужно зайти во вкладку mics, и нажать Light Visible, а если отметить при этом Light shape появится источник света, который можно перемещать. Ниже можно поменять цвет света и радиус освещения.
Но как вы могли заметить при всем при этом освещение будет плоское, поэтому давайте добавим объема. Для этого мы должны преобразовать все части нашего аватара в normal map. Для этого есть несколько онлайн сервисов или полноценная программа, но я разберу на примере сайта normal map online. Загружаем сюда поочереди каждый элемент аватара и скачиваем полившуюся теневую карту.
Переходим обратно в ремикс и к каждому элементу добавляем заготовленный normal map. Для этого жмем сюда.
После загрузки ваша теневая карта должна появится в соответствующем окне.
Все, теперь освещение должно стать объемным, но поговорим о нюансах. Во-первых, у вас должно быть большое разделение персонажа на части, иначе карта может быть некорректной, во вторых, вы можете немного корректировать карту на самом сайте или в программе, в-третьих, если вы не уверены на счет того, как это все должно выглядеть, то обратитесь к примеру, о котором я говорила в начале.
И да отмечу, что сама я так и не сделала достаточно хорошую карту просто потому что мне не на чем делать, мой подопытный енот из примера так сильно не разделен на части, что требует данный способ. Рисовать я не умею, заказывать пока не хочу, но если в друг сильно интересует, то следите за новостями, я хочу сделать полноценный гайд на бусти про объемное освещение в Vtube Studio, может пригодится.
Пресеты аватара
Коротко о том, как добавить пресеты или как тут это называется сцены с аватаром. Жмем Add state во вкладке properties и видим, что появилась новая циферка с нашей сценой.
На ней спокойно редактируем нашего аватара или добавляем новые объекты, одежду и предметы. Важно, что бы эти объекты были прицеплены к аватару нужно закинуть их в группу или папку, с которой они сцепятся. По мимо этого таким образом они добавляются и на другие сцены. Важно зайти на них (в сцене, где объекта этого не должно быть) и скрыть объект, так он будет виден только на нужной сцене. Мы так же можем перекрашивать наш аватар на новой сцене и менять освещение, что никак не отобразится на других сценах.
Как транслировать аватар в ОБС?
Ну и когда все настройки позади, осталось понять, как всю эту красоту перенести в обс. Все очень просто заходим в Mode и выбираем PNGTube. Идем в Обс, добавляем источник под названием игра, в списке находим наш ремикс и разрешаем прозрачность. Готово.
Итоги
Стоит понимать, что программа находится в бета версии и не смотря на гайд, какие то вещи у меня то работали, то нет. Например, вот эти три пункта, не работали, как исходило из их названия, я пробовала и включать и отключать их, разницы никакой. Может быть я что то делаю не так, напишите в комментариях.
Реклама
Если вам интересны прочие видео и подкасты по околовитуберской теме, возможно вас заинтересует мой Бусти (70+рублей в месяц), сейчас там вышли видео:
