Анимация для сторис, которая показывает как скрыть баланс в приложении Т-Банка
Это мой личный некоммерческий проект
Результат работы
Начал с арт-дирекшена. Изучил задачу, четко сформулировал что я хочу сделать. Расписал этапы работы и конкретные ресурсы, которые нужны для анимации.
Выписал тех. требования и собрал всю эту инфу офлайн в обычном блокноте с маркдауном. Вся подобная инфа должна быть в папке с проектом.
Также создал структуру папок, чтобы держать проект в чистоте и в нем мог разобраться кто угодно спустя пару лет. Входящие данные в первую папку. Файлы проектов во вторую, результат работы, который отдаем заказчику — в третью. Папка проекта названа через год и месяц начала работы и также синхронизирована с облаком.
В Unreal Engine 5 я создал своего Metahuman персонажа и анимировал его прямо здесь. Мне было важно сохранить все констрейнты и “мышцы” для реалистичности сгибов кисти и пальцев. Сразу смотрел финалку с телефоном в руке и нужным ракурсом камеры. Спасибо реалтайму за реалтайм. Далее экспортил это в гудок (Houdini) и дорабатывал нюансы.
В Marvelous Designer собрал базовую кофту. Затем импортировал анимированную руку из UE5 и одел её. Произвел симуляцию ткани, параллельно решая проблемы с коллизией и пинами. Настроил свойства ткани, провел UV развертку для последующего наложения текстур. Экспортировал алембиком и отправил в Houdini.
В Houdini я работал с геометрией и подготавливал модели для дальнейшей сборки. Дорабатывал анимацию ткани из MD. Пришивал пуговицы на рукаве. Создал и симулировал аксессуар на руке в виде кольца. Делал ретаймы для четырех повторений движения руки и экспортировал все это с сохранением атрибутов в блендер.
Сетапы нод для каждого объекта в сцене. Юзал свой плагин lee2key_tools для ускорения работы
В Blender я собирал сцену. Импортировал алембики, назначил материалы и настроил их. Использовал текстуры ткани и шераховатостей. Расставил свет, фон и анимацию на экране телефона. Настроил рендер и моушен-блюр. Отрендерил секвенцию кадров в Cycles со 128 семплами. View Transform взял ACES 2.0, но рендерил прямо в PNG 16 bit и 5% сжатия.
В After Effects собирал рендер, композил, цветокорил и делал UI графику и текст. Анимировал полосу прогресса вверху. Нарисовал крестик, сердечко и полосу внизу экрана. Добавил футаж шума и наложил поверх для сохранения качества после сжатий, а также для придания ощущения обычной съемки, а не чистого 3D рендера. Маски, туда-сюда и рендер.
Программы, которые я использовал
