Доступна видеоверсия данной инструкции. Ссылка внизу страницы.
Наш сервис оживающих фотографий поддерживает видео с так называемым «зеленым фоном» или просто «хромакей». Суть такого видео в том, что указанный (вовсе не обязательно зеленый) цвет при проигрывании видео магическим образом становится прозрачным.
Давайте разберемся, как это работает в нашем сервисе оживающих фотографий на небольшом примере.
Как и всегда, для создания оживающей фотографии нам потребуется лишь фото и соответствующее видео. Ссылки на фото и видео из примера можно найти ниже.
Давайте сперва создадим альбом.
Далее внутри альбома мы нажимаем на кнопку «Создать живую фотографию» и переходим на страницу создания оживающего фото.
Как обычно загружаем фото, затем видео. У нас должно получиться следующее:
Скроем фото, чтобы увидеть полностью первый кадр нашего видео:
Отлично. Сердечки ровно в центре. Включаем хромакей соответствующим переключателем. У нас появляются параметры хромакея:
- R — красная составляющая цвета. Может быть от 0 (полное отсутствие красной составляющей) до 255 (максимальное значение)
- G — зеленая составляющая цвета. Может быть от 0 (полное отсутствие зеленой составляющей) до 255 (максимальное значение)
- B — синяя составляющая цвета. Может быть от 0 (полное отсутствие синей составляющей) до 255 (максимальное значение)
- Поле с отображением выбранного цвета хромакей
- Чувствительность с соответствующим ползунком. Может быть от 0 до 1
- Сглаживание с соответствующим ползунком. Может быть от 0 до 1
Параметры хромакей
Нам необходимо указать параметры хромакея, чтобы приложение знало, какие цвета делать прозрачными.
Базовый цвет
Базовый цвет, RGB-компоненты которого мы задаем, определяет основу хромакей. Все остальные параметры применяются к данному базовому цвету. Как вы можете заметить, после включения уже стоят параметры (Красный: 0, Зеленый: 248, Синий: 1). Данные параметры были определены приложением, как наиболее вероятный и подходящий базовый цвет хромакей. Безусловно, приложение может ошибаться. Если вы не согласны с приложением, легко можно поменять RGB-компоненты на более подходящие. Но в нашем случае, кажется, приложение правильно определило базовый цвет хромакей.
Чувствительность
Чувствительность определяет, какие еще близкие к базовому цвета должны стать прозрачными. Например, съемка на фоне зеленого сукна не дает в качестве фона строго один определенный цвет, а дает целую гамму близких цветов в зависимости от освещенности, тени, да и вообще реальная съемка, как понимаете, не может дать один строгий цвет. И специально для этого есть параметр «Чувствительность». Данный параметр определяет, как сильно может отличаться цвет от базового, чтобы быть прозрачным. Параметр может принимать значение от 0, строго только базовый цвет, и до 1 — все цвета будут прозрачными.
Сглаживание
Сглаживание определяет дополнительную палитру цветов, которые будут становиться все более непрозрачными, в зависимости от удаленности от сферы (базовый цвет + чувствительность). Этот дополнительный параметр позволяет хромакею выглядеть более реалистично. Благодаря такому сглаживанию, границы объектов становятся слегка размытыми и мягкими. Значение сглаживания равное 0 соответствует абсолютному отсутствию сглаживания. Значение равное 1 — все цвета будут становиться все более непрозрачными по мере удаления от базового цвета + чувствительность.
Стандартные параметры чувствительности и сглаживания
Экспериментируя с различными образцами видео, мы установили подходящие значения для чувствительности и сглаживания: 0.12 и 0.1 соответственно. Данные значения устанавливаются по умолчанию и могут быть изменены. Более того, после сохранения оживающей фотографии можно легко их изменить, заново загрузить альбом на устройство и посмотреть результат. Наилучший результат в данном случае достигается через эксперимент.
Обработка и сохранение оживающей фотографии
Нас устраивают данные параметры хромакей, которые приложение нам заполнило за нас. Цвет — RGB(0, 248, 1), чувствительность 0.12, сглаживание 0.1. Нажимаем кнопку «Обработать фотографию», чтобы приложение вырезало соответствующий фрагмент по габаритам фотографии. И сохраняем оживающую фотографию, нажав на кнопку «Создать». Созданная оживающая фотография отобразится в списке фотографий альбома.
Теперь мы можем проверить результат. Скачиваем альбом по коду 1179 или отсканировав из приложения QR-код альбома:
И после загрузки альбома в память устройства необходимо навести камеру на фотографию:
Результат оказался не совсем корректным — видна зеленая окантовка вокруг сердечек и звездочек:
Но это не беда! Приложение позволяет редактировать параметры хромакей уже после создания оживающей фотографии! Для этого переходим на страницу альбома и нажимаем на синий карандашик справа от оживающей фотографии. Откроется окно редактирования оживающей фотографии:
Судя по всему, базовый цвет был установлен правильно — основная часть зеленого фона стала прозрачной. Давайте тогда изменим параметры чувствительности и сглаживания. Установим чувствительность 0.2, а сглаживание 0.15. Нажимаем кнопку «Обновить». Удаляем альбом с устройства и загружаем его заново, чтобы обновились параметры хромакей на устройстве. Смотрим результат:
Уже гораздо лучше, но темно-зеленая окантовка не пропала полностью. Еще раз редактируем параметры хромакей. Устанавливаем чувствительность 0.25, а сглаживание давайте вернем обратно на 0.1. Сохраняем, заново загружаем альбом на устройство. Проверяем:
Отлично! Мы настроили параметры хромакей и добились желаемого результата!
Фото из данного примера можно скачать здесь.
А видео с сердечками из данного примера можно скачать здесь.
Видеоверсия инструкции на нашем канале YouTube. Не забывайте подписываться!