Vlad Kochenkov

Покоряем стриминг с помощью Adobe Character Animator, OBS Studio и какой-то уличной магией.

2023-11-06T18:01:11.379Z

Всем доброго времени суток, в этой статье я хочу рассмотреть вопрос, как сделать своего 2д аватара с помощью Character Animator, и запустить свой стрим на том же Youtube.

Вам необходимо установить

OBS Studio
плагин OBS-NDI c GitHub
Ndi Tools (заблокировано на территории РФ)
Adobe Character Animator

После установки всего необходимого, первое что вам нужно, сам Character Animator, с доступом Pro режима.

Если у вас нет своего Pupet'a(марионетки), возьмём одного из стандартных, для примера котика Tull.

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

Для начала в нижней части экрана с Ctrl нажмите по иконке Stream Live, для перехода в настройки трансляции

Выглядят они данным образом, у вас должна быть галочка на Enable Mercury Transmit, и галочка Video Stream напротив NDI output. Проверьте чтобы снизу у Disable Mercury Transmit output when application is in the background там не было галочки, чтобы видеозахват работал постоянно.

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

Масштаб, позицию, фон настраивайте по вашему вкусу, и переходим к настройкам OBS.

Открываем OBS, в источниках нажимаем + и добавляем NDI источник, он предложить назвать его, можете оставить стандартное.

Далее в Названия источника выбираем открытый Adobe Character Animator

И получаем уже готовую сцену в OBS

Чтобы во время стрима либо записи у вас работал микрофон, проверьте чтобы у вас в Микшере звука был Микр/доп вывод звука, т.к. NDI-Tools через которую мы скрещивали Character Animator и OBS передаёт только видеоряд(либо я не разобрался что ему еще нужно).

Осталось через настройки OBS - Трансляции, настроить необходимый вам сервис, лично мною тестировался YouTube и даже Telegram.

Если будут какие-то вопросы, проблемы с настройками, какие-то пожелания, всегда рад всем в комментариях. Те кто умею работать в Illustrator могут создать спокойно своих марионеток, но я такими скилами пока не владею. На YouTube встречал несколько стримеров, которые пользуются данной технологией, да есть варианты с 3D аватарами, и захватом движения, но думаю для начала этого хватит для освоения.

Надеюсь данный гайд был полезен (●'◡'●).

И помните, статья закончилась, а Влад нет (•_•)

#character_animator

#adobe

#animation

#streaming

#stream

#obs

Из картинки в готовую анимацию

2023-10-20T20:32:15.167Z

Доброго времени суток мой любимый читатель.

Сегодня я расскажу тебе как я из статичной картинки анимировал Джинкс из «Аркейн» — хайпового мультсериала Netflix по вселенной игры League of Legends, с помощью бесплатного курса от школы Хохлов Сабатовский.

Сначала было с... скриншот, просто скриншот, ничего лишнего.

Который в фотошопе был нарезан на много отдельных частей.

И уже в Афтер Эффекте из простых слоёв из фотошопа была получена анимация.

Гифки слишком шакалятся, поэтому пришлось всё заливать как видео.

Курс бесплатный, лично мне понравился, и всем кому показываешь анимацию, не могут понять что это всеволишь скриншот из сериала, который с помощью магии Афтер Эффекта превратился в интересную анимацию.

#motion

#motion_design

#animation

#моушиндизайн

#моушн

#моушнграфика

#анимация

#khs_school

#хохсаб

#хохловсабатовский

Способы получение Gif из After Effects

2023-10-03T17:05:45.713Z

Доброго времени суток.

В этой статье я решил уже закрыть этот вопрос, как нужно правильно делать GIF из After Effects и рассмотрю все возможные способы на примере работы из предыдущего поста. Осторожно, впереди много букв и скриншотов, я заранее предупреждал.

С помощью Photoshop
С помощью бесплатного плагина AEJuice
Через бесплатный плагин Motion Tools Pro
С помощью платного плагина GifGun

1. С помощью Photoshop.

Для этого надо отправить на рендер напрямую в After Effects через

File -> Export -> Add Render Queue. Либо нажать горячие клавиши Ctrl + M.

Перейти в Render Queue у вас должно появится такое.

Нажав на стрелку рядом с Output Module вы попадете в выбор шаблонов рендера, вам необходимо выбрать Photoshop.

Он автоматически предложит сохранить в папку с проектом всю секвенцию с уже готовыми настройками.

При необходимости можно нажать на стрелочку после Output To и выбрать способ сохранения, в моё случае в отдельную папку с именем композиции, либо указать вручную место сохранения.

После того как нажмёте на Render в папке с проектом появится папка с вашей PSD Секвенцией, которую мы откроем в Фотошопе.

Далее нужно открыть сам Photoshop и в нем открыть наше секвенцию не забывая поставить галочку что это Секвенция

Далее он уточните количество кадров, надо указать то, какое в настройках композиции в After Effects, в моё случае 30.

Далее переходим в File -> Export -> Save for Web(legacy).

Откроется новое окно, где будет показан оригинал, предварительное качество вашей гифки, и что самое важное размер. Если у вас гифка как у меня в минимальных количествах цветов, вы можете изменить параметр Colors для оптимизации её размера. Проверьте чтобы в вкладке Animation -> Looping Options: у вас было Forever, чтобы гифка повторялась. Далее нажимаете Save, выбираете путь и получаете готовый результат.

2. С помощью бесплатного плагина AEJuice.

Так же есть вариант установки с помощью плагина AEJuice. Вы можете его скачать по ссылке. Он полностью бесплатный, в нем много всего интересного, но сегодня мы поговорим об его компоненте AEJuice Export Gif, который после установки сможете найти во вкладке Window.

У вас появится окошко, где вы можете нажать на "..." и выбрать необходимые настройки, либо просто нажать на GIF и все сделается автоматически.

3. Через бесплатный плагин Motion Tools Pro.

Вы можете использовать бесплатный плагин от Motion Design School который можете скачать по ссылке. Единственное НО, для его работы нужно зарегистрировать там учетку. Найти его можно в Window -> Extensions -> Motion Tools Panel 1(по сути можно выбрать любую, просто 1 почти готова

После авторизации вашей учетки у вас должно появится вот такое окно

Для того чтобы была возможность сохранять гифки, наведите на любое свободное место, чтобы появился "+"

Далее в появившимся окне выбрать New scripts -> Super Gif -> ADD

И в том месте где был "+" появится кнопка GIF и возможность дополнительных настроек. После нажатия на кнопку у вас спросят загрузить необходимые файлы для конвертации, вы соглашаетесь и получаете готовую Gif анимацию.

4. С помощью платного плагина GifGun.

Данный плагин платный, подходит не всем, распространяется через https://aescripts.com/gifgun/

Найти его можно в Window -> Extensions -> GifGun 2

Интерфейс так же прост, всего одна кнопка с выводом, и одна с настройками.

На данный момент это всё варианты по выводу Gif из After Effects, если вы знаете еще варианты, у меня есть ошибки, либо вам не понятно чего, пишите разберёмся вместе. Надеюсь удалось закрыть этот вопрос, и каждый для себя найдёт тот вариант, который ему кажется ближе.

#motion

#gif

#ae

#after_effect

#моушиндизайн

#моушнграфика

#моушн

#гиф

#афтер_эффектс

Бесплатный мини-курс по персонажной анимации от Motion Design School

2023-09-28T09:09:38.035Z

Всем привет, как и обещал стараюсь выкладывать красоту на тему Моушен Дизайна.

Сегодня хотел бы вас познакомить со школой Motion Design School, и их бесплатным курсом

Лично у меня получилось вот такой человечек)

Если вы не знаете кто такой Deekay, рекомендую посмотреть пример его работы ниже и Reels о процессе создания данной работы

Курс полностью бесплатный, объясняется хорошо, так что уверен у каждого тоже сможет получится. Там всего 4 урока, и результат не заставит себя долго ждать. Если пройдёте, кидайте своих человечков в комментарии.

#motion

#motion_design

#deekay

#motiondesignschool

#mds_homework

#animation

#gif

#моушиндизайн

#моушн

#моушнграфика

#анимация

Тест-драйв: Кино/VFX.

2023-09-10T15:34:21.927Z

📝💻🏙️🎨🚁🌑🌈

Привет, друзья! 🤗 Сегодня я хочу рассказать вам о захватывающей работе, над которой я потрудился недавно в области моушен дизайна. 🎬🌟

Задача была непроста - внедрить вертолет в сцену из любимого сериала так, чтобы он выглядел настолько естественно, будто он находится там с самого начала. 🚁🎥

Благодаря талантливым специалистам по компьютерной графике (CG), я получил реалистический рендер вертолета и его тени. Моя задача заключалась в том, чтобы интегрировать его в кадр и добавить дополнительные детали для создания максимального реализма. 💡🖼️🚁

Самое интересное задание, предложенное заказчиком, заключалось в замене архитектуры справа от кадра. Для этого я использовал нейронную сеть Stable Diffusion, которая смогла обнаружить и удалить нежелательные элементы, а затем интегрировать новую архитектуру. 🤖🏢

Для усиления реализма использовалось еще одно важное деталь - пыль, поднимающаяся от вертолета при взлете. 💨💥 Этот эффект добавил динамики и движения в кадр, а также придал ему еще больше реалистичности. Благодаря этому даже самые требовательные зрители поверили в происходящее! 👀🎥

Затем я взялся за корректировку цвета зданий, чтобы гармонично сочетать их с остальными элементами кадра. 🎨🌈 Это позволило создать целостный и единый визуальный стиль, в котором все элементы выглядят уравновешенно.

Последующий этап включал добавление вертолета и его тени. 🚁🌑 Я убедился, что вертолет органично вписывается в сцену, выглядит реалистично и создает прилив динамики. Тень от вертолета придавала глубину и объемность всей композиции.

Наконец, нашелся момент для корректировки общего цвета кадра и добавления шума. 🎨🔧 Я настроил цветовые насыщенность и тон, чтобы создать желаемую атмосферу и настроение. Добавление шума придало кадру тонкую текстуру и ощущение подлинности.

В результате, финальное видео вышло целостным и качественным, идеально вписываясь в исходную сцену сериала. 🎥🔥 Графика гармонично сочетается с остальными элементами и не выбивается по цветам. Все выглядит так, будто это было задумано с самого начала! 👌🌈

Я очень рад поделиться с вами этим проектом и надеюсь, что вы насладитесь моей работой. 🎨🤩 Если вы хотите увидеть результаты, не забудьте посмотреть видео и скриншоты внизу. А как вам мои изменения? Присоединяйтесь к обсуждению в комментариях! 💬😊

Оригинал

Генерация с помощью нейронки

Корректировка цвета

Добавление вертолета

Конечная корректировка цвета и зернистость

Итоговый ролик До/После

Спасибо https://isaevworkshop.com за выход из зоны комфорта.

#motion_design

#motiondesign

#motion

#after_effect

#stable_diffusion

#моушиндизайн

#моушн

#моушндизайн