- Стоимость проекта: 20 000 рублей или 200$.
- Тип проекта: Моушен дизайн.
- Срок выполнения: 2 дня.
Ко мне обратилась компания videomaker-russia.ru с заказом: нужно сделать анимацию для наружних экранов.
Задумка для рекламы следующая: Парень и девушка едят лапшу из чашки, которая располагается посередине. Во время анимации появляется бегущая строка с рекламой ресторана.
1. Подготовка
Перед началом не выдали техническое задание с параметрами экранов.
Видео должно быть на 3 разных экрана по разрешению:
- Общее разрешение экранов: 2225 на 480px;
- Экран 1: 720 на 480px;
- Экран 2: 810 на 480px;
- Экран 3: 720 на 480px.
Для того, чтобы верно всё отрендерить, я создал секвенцию размером 2225 на 480 пикселей и поделил её с помощью вспомогательных линий на 3 экрана.
Мне предоставили кадры, отснятые с помощью камеры. Вот как они выглядят:
Как вы можете увидеть — кадр имеет искажения, не верную геометрию, так же присутствует тряска в кадре.
Для того чтобы подготовить видео с анимированию, я сделал следующее:
- Отстабилизировал кадр в режиме — без движения. Так чтобы кадр вообще не двигался с помощью Adobe After Effects.
- Исправил искажения перспективы с помощью плагина CC Power Pin таким образом, чтобы кадр выглядел плоским.
- С помощью масштаба и положения сделал так, чтобы парень, девушка и чашка располагались ровно в кадре.
- Полученные правки отрендерил в новое видео, чтобы легче было работать.
2. Ротоскопинг
Сначала мне пришлось удалить с кадра лишнее — всё что не было на столе или не принадлежала девушке и парню. Для этого я воспользовался масками и проанимировал их, потому что парень и девушка немного двигались в кадре.
Теперь с том месте где я удалил изображении, можно было разместить какую-нибудь анимацию.
Следующим этапом была подготовка к анимации. Мне нужно было и девушку и парня отделить от фона так, чтобы я мог под них подкладывать анимацию. Для этого я воспользовался инструментом rotobrush в Adobe after effects:
Слишком точный клинап мне не требовался, нужно лишь было сделать общие контуры, поэтому я не тратил много времени для очистки не нужных частей.
3. Добавление логотипа бара
Я решил добавил анимацию, чтобы в кадре было больше движения.
Для этого я проанимировал логотип Тати Номи.
Здесь я только анимировал тень от надписи.
Логотип я расположил так, как будто он был нарисован на поверхности стола с помощью эффекта наложения «screen».
Всего добавил 3 логотипа так, чтобы на каждом экране был свой логотип.
4. Создание анимации лапши
Следующим этапом я решил проанимировать лапшу потому что если использовать видео, то лапша выглядела не очень красиво.
Поэтому я с помощью линий безье обвел лапшу, сделал её яркой, придал ей немного объема с помощью встроенного эффекта find edges.
Получился следующий результат:
И теперь осталось много мелкой работы — проанимировать эту лапшу. Для этого я через каждые 3-5 кадров менял положение лапши. Так получилось её проанимировать.
5. Добавление анимаций
Для того чтобы придать стилистику Японии, я решил добавить иероглифы.
Для этого взял готовые иероглифы из логотипа Тати Номи. Добавил анимации скручивания с помощью встроенных эффектов скручивания Adobe After Effects и движения. Сделал так чтобы анимация движения была бесшовной. А так же добавил свечения. Получилось следующее:
И распложил эту анимацию в область где удалил лишнее — слева от девушки и справа от парня.
Следующим этапом технического задания — я добавил адрес ресторана и простую анимацию — движение номера телефона в кадре:
Финальный результат:
Вы можете посмотреть финальный результат:
Заказчик остался доволен результатом. А теперь давайте посмотрим как эта анимация выглядела на экранах: