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

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

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

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

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

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

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

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

Макет страницы альбома

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

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

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

Выделение области для оживления

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

Для создания маски
Для создания фотографии для оживления

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

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

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

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

Инструмент выделения смежных областей
Зона для заливки белым цветом

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

Инвертирование выделения для заливки черным цветом.

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

Маска готова

Дальше необходимо сохранить (экспортировать) эту маску в формат png или jpg. Мы рекомендуем сохранять маски в формате PNG, но JPG не возбраняется.

И вот у нас в результате есть два изображения:

Теперь мы готовы к созданию оживающей фотографии!

Макет можно скачать здесь

Видеоверсия инструкции на нашем канале YouTube. Не забывайте подписываться!

Создание маски для оживающей фотографии. Видеоинструкция.