Доступна видеоверсия данной инструкции. Ссылка внизу страницы.
Сервис оживающих фотографий поддерживает наложение масок на видео. Маска — ограничение зоны видео. Это позволяет видео проигрываться в рамках заранее оговоренных границ. Эти границы — и есть «маска».
Формат маски может быть jpg или png. Приложение воспринимает строгий белый цвет (RGB: 255, 255, 255) как разрешенную зону и все остальные цвета, как запрещенную. Везде, где в маске белый цвет, видео будет видно, где любой другой — видео станет прозрачным.
Предлагаем разобраться с этим инструментом на небольшом примере. Ссылки на все материалы из этого примера, по обыкновению, можно найти внизу страницы.
Для наложения маски на оживающую фотографию нам понадобятся уже три файла: фото, которое вы хотите оживить, видео и файл маски. Вот о создании файла маски мы сперва и поговорим.
Здесь и далее мы используем для работы редактор изображени GIMP. Он бесплатен, есть для всех операционных систем и для наших задач его более чем достаточно.
У нас есть вот такая распространенная задача: в макете альбома используется сложная окантовка, под которую подкладывается фото. Мы хотим ограничить проигрывание видео этой окантовкой. Так макет выглядит в редакторе изображений:

Вот так с подложенной фотографией:

Мы же хотим оживить вот это место, но чтобы видео не выходило за рамки окантовки:

А сейчас будет момент, разный в разных редакторах. Нам необходимо создать две фотографии: одна для создания маски только из слоя макета, вторая для загрузки для оживления в приложение из двух слоев. У фотографов с этим проблем не возникнет. В приложении GIMP это делается нажатием правой кнопки мыши и выбором «Правка» — «Копировать», находясь на верхнем слое макета, под который мы подкладывали фотографию. Создаем новый файл для маски из скопированного. И затем нажатием там же правой кнопки и выбором «Правка» — «Копировать видимое». И создаем новый файл для загрузки в приложение. Вот так это выглядит в редакторе GIMP:


В результате у нас получились в редакторе два изображения:
Для создания маски Для оживления
Фотографию для оживления уже можно сохранять в формате jpg. Она готова для выгрузки в приложение.
А вот маску необходимо доработать. Помните, в начале я писал, что приложение воспринимает белый цвет, как указание к показу видео, а любой другой — к прозрачности? Давайте закончим с файлом маски.
Выделите прозрачную зону. В GIMP есть инструмент — «выделение смежных областей». Выглядит, как волшебная палочка.


И залейте эту зону 100% белым цветом. Далее инвертируйте выделение:

И залейте черным цветом. Получится следующий результат:

Дальше необходимо сохранить (экспортировать) эту маску в формат png или jpg. Мы рекомендуем сохранять маски в формате PNG, но JPG не возбраняется.
И вот у нас в результате есть два изображения:
Фотография для оживления Маска
Теперь мы готовы к созданию оживающей фотографии!
Макет можно скачать здесь
Видеоверсия инструкции на нашем канале YouTube. Не забывайте подписываться!