Создание маски

Доступна видеоверсия данной инструкции. Ссылка внизу страницы.

Сервис оживающих фотографий поддерживает наложение масок на видео. Маска — ограничение зоны видео. Это позволяет видео проигрываться в рамках заранее оговоренных границ. Эти границы — и есть «маска».

Формат маски может быть jpg или png. Приложение воспринимает строгий белый цвет (RGB: 255, 255, 255) как разрешенную зону и все остальные цвета, как запрещенную. Везде, где в маске белый цвет, видео будет видно, где любой другой — видео станет прозрачным.

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

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

Здесь и далее мы используем для работы редактор изображени GIMP. Он бесплатен, есть для всех операционных систем и для наших задач его более чем достаточно.

У нас есть вот такая распространенная задача: в макете альбома используется сложная окантовка, под которую подкладывается фото. Мы хотим ограничить проигрывание видео этой окантовкой. Так макет выглядит в редакторе изображений:

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

Макет страницы с установленной фотографией

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

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

В результате у нас получились в редакторе два изображения:

Для создания маски
Для оживления

Фотографию для оживления уже можно сохранять в формате jpg. Она готова для выгрузки в приложение.

А вот маску необходимо доработать. Помните, в начале я писал, что приложение воспринимает белый цвет, как указание к показу видео, а любой другой — к прозрачности? Давайте закончим с файлом маски.

Выделите прозрачную зону. В GIMP есть инструмент — «выделение смежных областей». Выглядит, как волшебная палочка.