Виды AR-масок в Инстаграм
Маска – инструмент Инстаграм, помогающий разнообразить истории пользователей за счет добавления анимации, цвета, объектов и т.
Рассмотрим основные виды масок для сторис:
Маски-фильтры. Их можно образно назвать «пресетами». При создании такой маски пользователи могут повторить любимые настройки Lightroom, VSCO и др.
Маски, связанные с лицом пользователя. Сюда можно отнести beauty-маски (сглаживание кожи, увеличение губ, глаз, уменьшение носа и овала лица), добавление надписей, ушек, летающих частиц, которые реагируют на мимику и движение.
AR-объекты, позволяющие добавить на экран любой предмет, при этом создавая ощущение реального присутствия.
Маски с заменой фона.
Маски-игры. В основном это сложные 3D маски, над созданием которых может работать команда профессиональный разработчиков. К играм можно отнести маски-предсказания, тесты и т.
Как создать маску для сторис в Инстаграм в программе Spark AR
Мы создадим простую маску с ретушью лица и надписью «Postium».
Установка Spark AR
Шаг 2. Откройте установочный файл и распакуйте программу в нужную папку.
Шаг 4. После успешной авторизации вам откроется стартовая страница Spark AR, где находятся уже готовые проекты, предоставленные программой.
Создание проекта
Шаг 5. Для создания собственного нового проекта, в разделе «Create New» нажимаем «New Project» и «Blank Project».
Шаг 6. Появляется главная рабочая область программы, с которой начинается любой проект. Она делится на «Scene», «Assets» и «Layers».
Шаг 7. Создание маски начинается с добавления в рабочую область «Scene» элемента «Face Tracker». Нажимаем в эту область правой кнопкой, кликаем «Add», появляется список, нам нужен «Face Tracker».
Появляется «faceTracker0».
Важно! В верхней вкладке «Project» выбираем «Edit Properties», далее «Capabilities» и в пункте «Accuracy» меняем «Standart» на «Hight». Это позволит предотвратить зависания будущей маски и повысить ее точность.
Материалы для маски
Шаг 9. Открываем скачанный файл и заходим в папку «Textures». Тут мы видим модели женского (faceFeminine. jpg) и мужского (faceMasculine. jpg) лица, на которые можно накладывать надписи, веснушки, очки и прочее.
Шаг 10. Далее скачиваем программу Spark AR Player на телефон. Заходим в App Store или Google Play на своем смартфоне и загружаем приложение.
Шаг 11. После того, как приложение установится, нам нужно дать доступ к фотографиям, разрешение на использование камеры и динамика. Соединяем смартфон с компьютером с помощью USB-провода.
Если все сделано правильно, то кликнув на значок смартфона со стрелочкой (в нижнем левом углу рабочей области) появится синий кружок. Это значит, что теперь мы можем видеть все действия на экране, контролировать и менять её настройки маски.
Создание маски
Шаг 12. Приступаем к созданию маски. Для этого добавляем в «facetracker0» новый «Face Mesh» (кликаем на «facetracker0», переходим в «Add» и «Face Mesh»)
На лице появилась черно-белая текстура. Кликаем правой кнопкой мыши, выбираем «Rename» и переименовываем на «Ретушь».
Шаг 13. В рабочей области справа находим параметр «Materials» и нажимаем +.
Шаг 14. Слева, в разделе «Assets», появилась новая материя. Кликаем на неё и называем «Ретушь».
Шаг 15. Для того, чтобы получить эффект сглаживания кожи, в параметре «Shader Type» меняем «Standard» на «Retouching» и ставим «Skin Smoothing» на 20-30%.
Шаг 16. Нажимаем на телефон со стрелочкой в левом нижнем углу, кликаем на «Send».
Открываем приложение на смартфоне и смотрим, как выглядит результат.
Шаг 17. Если мы не хотим, чтобы сглаживание применялось на весь экран, снимаем галочку с параметра «Full Screen».
Создание надписи
Шаг 18. Добавляем надпись «Postium» на лицо. Для этого нам нужна программа Adobe Photoshop или другой графический редактор, например Gimp.
Шаг 19. Открываем в Photoshop модель, например, женского лица под названием «faceFeminine. jpg» и сетку «faceMesh. png». Эти файлы находятся в скачанной ранее папке «Face Assets».
Шаг 20. Долгим нажатием переносим сетку на изображение с лицом и размещаем её ровно по линиям (чтобы нос, губы, глаза совпали).
Важно! Если цветовой профиль «faceMesh. png» – Индексированные цвета, меняем его на RGB в разделе «Изображение» – «Режим».
Шаг 21. Создаем новый пустой слой. Для этого в нижнем правом углу нужно нажать на значок пустого листа. Появляется «Слой 2».
Шаг 22. Слева в панели инструментов ищем букву «Т», нажимаем на нее. После этого кликаем на изображение. Появляется классический текст, который мы будем менять.
Шаг 23. Набираем нужную фразу на русском или английском языке, выделяем нашу надпись и кликаем на меню шрифтов. Выбираем понравившийся стиль. Важно понимать, что не все английские шрифты адаптированы под русские буквы.
Шаг 24. Теперь нам нужно уменьшить надпись и разместить её под правым глазом. Для этого заходим в «Редактирование» и нажимаем «Свободное трансформирование».
Перетаскиваем надпись под глаз, уменьшаем ее при помощи квадратиков по краям выделенной области.
Шаг 25. При желании можно сделать текст дугообразным. Для этого нажимаем на букву «Т» в верхней рабочей области.
Выбираем параметр «Дугой снизу» и выставляем значения «Изгиба» примерно на +48%, «Искажение по горизонтали» +5% и «Искажение по вертикали» +4%.
Шаг 26. Вы можете покрасить надпись в любой цвет. В верхней рабочей области ищем окно с цветом, кликаем на него и выбираем любой понравившийся оттенок.
Шаг 27. Теперь нам нужно проверить, как надпись будет выглядеть на реальном лице. Выключаем видимость у всех слоев, кроме надписи.
Шаг 28. Сохраняем этот файл в формате PNG. Для сохранения заходим в «Файл» и выбираем пункт «Сохранить как».
Шаг 29. В пункте «Формат» выбираем PNG, остальные параметры оставляем без изменений. Сохраняем файл.
Добавляем текстура на маску
Шаг 30. Возвращаемся в программу Spark AR. Правой кнопкой мыши кликаем на «faceTracker0», переходим в «Add» и нажимаем «Face Mesh». Мы добавили еще одну текстуру нашей маске, на которой будет располагаться надпись.
Шаг 31. Переименовываем «faceMesh0» в «Надпись».
Шаг 32. В левой рабочей области ищем «Materials» и нажимаем +. Выбираем «Create New Material».
Шаг 33. В рабочей области «Assets» появилась новая «material 0», переименовываем её в «Надпись».
Шаг 34. В параметре «Texture» нажимаем стрелочку и выбираем «New Texture».
Шаг 35. Ищем PNG-файл с надписью, который сделали в Photoshop и добавляем его.
Шаг 36. Наша маска полностью готова, осталось проверить её на смартфоне. Нажимаем на значок телефона с синим кружком, выбираем название телефона. Если все сделано правильно, на экране смартфона появится маска 🙂
Шаг 37. Сохраняем маску. В левом нижнем углу нажимаем на «Upload and Export». В каждом пункте должны гореть зеленые галочки. Ничего не меняем. Кликаем на «Export File». Сохраняем маску на компьютер, присваиваем ей имя. После этого нажимаем на «Upload».
Загружаем маску в Инстаграм
Шаг 39. Заполняем информацию. В пункт «Название» вводим название маски. В пункте «Файл» прикрепляем файл с маской, который мы сохраняли на компьютер.
Далее выбираем платформу для публикации и выбираем владельца маски.
Шаг 40. Следующий шаг – создание «иконки» маски. Её можно создать в любом графическом редакторе или взять изображение из интернета. Прикрепляем значок. Обратите внимание, что размер должен быть не меньше 200 х 200 пикселей.
Шаг 41. Дату публикации выбираем «Как можно скорее», в Местоположении выбираем «Везде», так как на рассмотрении она может находиться до 2 недель.
Шаг 42. Делаем краткое описание маски. Загружаем заранее подготовленный демонстрационный ролик, который отражает принцип работы созданной маски.
Шаг 43. Чтобы создать демонстрационный ролик, введите всю информацию и нажмите «Сохранить». Вам будет предложено протестировать маску в течение часа на выбранной платформе.
Шаг 44. Заходим в Инстаграм или Фейсбук через смартфон и записываем видео, демонстрирующее маску. Загружаем его и нажимаем «Отправить».
Наша маска отправляется на рассмотрение. Ждем одобрения и наслаждаемся своей собственной маской 🙂
Заключение
Собственные маски в Инстаграм повышают узнаваемость и формируют личный бренд её автора. Создавайте креативные маски для сторис – это позволит выделить ваш профиль среди тысячи других.
- Как проверить Инстаграм на накрутку?
- 10 лучших сервисов рассылки сообщений в Директ Инстаграм
- Почему люди отписываются от вас в Инстаграм?
- ТОП-10 сервисов для анализа статистики Инстаграм-аккаунта
Шаг 0
Разобраться в правилах
Вот что запрещено показывать на масках:
- Отсылки к самоубийствам, травле и причинению увечий — например, на маске не должно быть оружия.
- Отсылки к расстройству пищевого поведения.
- Оскорбления или признаки травли.
- Отсылки к сексуальной и иной эксплуатации детей и взрослых.
- Негативное подчеркивание частей тела или лица.
- Шокирующие эффекты.
- Отсылки к азартным играм.
- Хэштеги, и .
- Фотографии людей.
Ваш эффект не должен нарушать чьи-то авторские права. Поэтому используйте только те элементы, которые принадлежат вам или находятся в свободном использовании.
Маска не должна быть статичной. Она должна реагировать на движения пользователя и меняться, когда человек подносит телефон ближе к лицу или отдаляется. А еще она не должна изменять пользователя так, чтобы он становился похож на представителя какой-либо этнической группы.
Еще недавно появилось правило о том, что маска не должна закрывать большую часть лица или делать пользователя неузнаваемым. Сначала из-за этого правила удалили много масок — даже те, которые рисовали стрелки на глазах — а потом вернули. Насколько я понимаю запутанные правила «Спарка», новую маску с искажениями уже могут не одобрить, а старые работают.
Если у вас уже есть идеи для Инстаграм-масок, которые не нарушают перечисленные правила, можно переходить к их реализации.
Шаг 1
Установить программу
В марте 2020 года сделать маску для Инстаграма можно в программе Spark AR Studio. Это бесплатная программа от разработчиков Фейсбука на английском.
Будьте готовы к тому, что программа часто обновляется — новые версии выходят примерно раз в две недели.
Чтобы войти в «Спарк», нужно ввести электронную почту и пароль от своей страницы в Фейсбуке. Если страницы в Фейсбуке нет, придется там зарегистрироваться. После короткого обучения по программе откроется приветственная страница.
Шаг 2
Разобраться в программе
На рабочей области можно сразу увидеть, как маска выглядит на пользователе — видео с персонажем непрерывно проигрывается в правом верхнем углу рабочей области. Рабочую область можно крутить мышкой, зажимая клавишу Ctrl или Cmd.
В правом верхнем углу рабочей области находится девайс, с которого персонаж использует вашу маску. Для тестирования доступны самые разные девайсы Айфона 8 до Nexus 7.
Scene, или сцена — это панель слева от рабочей области. Все, что вы добавите на эту панель, будет отображаться на рабочей области. Например, туда можно добавить трекер лица, 2Д- или 3Д-фигуру, текст или эффект освещения.
Рядом со вкладкой сцены вкладка для работы со слоями — Layers. Они нужны, чтобы контролировать расположение разных элементов относительно друг друга — например, если один эффект нужно наложить поверх другого.
Assets, или активы — это панель под сценой. Сюда с компьютера или из галереи «Спарка» можно добавить разные элементы для маски: изображения, видео, 3Д-объекты, текстуры и т.
В левом верхнем углу «Спарка» — область управления видео с человеком на рабочей области. Это видео нужно для того, чтобы проверить, как проявляется эффект.
Персонажа на видео можно менять с помощью кнопки со значком видеокамеры. Еще вы можете тестировать маску на себе: кнопка Facetime HD Camera на Мак-ос или Integrated webcam на Виндоус запускает трансляцию с веб-камеры.
Видео с персонажем можно остановить кнопкой Pause или перезапустить кнопкой Restart — они находятся под иконкой камеры.
Шаг 3
Сделать маску
Я покажу, как сделать пять простых масок. Эффекты, которые я использую в них, можно комбинировать как угодно. Например, одновременно можно заменить фон и добавить рамку.
Эффект гладкой кожи
После на сцене кликните по faceMesh0, и справа на панели инспектора появятся настройки. Нас интересует пункт Materials — материалы. Жмите плюсик рядом с ним — так мы добавим белую маску персонажу. Эту маску можно менять, в том числе создать с ее помощью эффект гладкой кожи. Если кликнуть на material0 в поле Assets, справа появятся параметры маски.
Чтобы создать эффект гладкой кожи, откройте выпадающий список Shader Type и выберите пункт Retouching. Это вид материала маски, он подходит для ретуши лиц или всей сцены.
После в инспекторе двигайте ползунок Skin Smoothing в Shader Properties. Выберите тот процент сглаживания кожи, который вам понравится. Такую маску лучше всего делать для себя — протестируйте ее через веб-камеру. Чтобы сглаживание смотрелось естественно, лучше не выкручивать его на 100%.
Рамка
Сделать маску с рамкой несложно, но нужно подготовить ее шаблон в «Фотошопе». Для этого создайте в «Фотошопе» холст с прозрачным фоном 433 × 770 пикселей.
Чтобы создать маску с этой рамкой, сделайте следующее:
Замена фона
Дальше действуйте по такой схеме:
- Нажмите плюс рядом с Materials.
- В Texture в выпадающем меню выберите название картинки, которую вы загрузили.
- Настройте сегментацию: на сцене кликните на Camera, а в инспекторе — нажмите плюс рядом с Segmentation. Сегментация позволяет отделить человека от фона. Благодаря этой функции «Спарк» понимает, где фон, а где пользователь.
- Снова переходите к настройкам материала: в активах кликните на material0, а в инспекторе для этого элемента поставьте галочку у Alpha. В блоке Alpha в текстурах выберите personSegmentationMask. Таким образом вы настраиваете альфа-канал для изображения пользователя, то есть говорите «Спарку»: «Сделай часть изображения, где нет человека, прозрачной».
Маска Бэтмена
Когда скачаете текстуры, сделайте следующее:
В инспекторе выберите вид материала маски — Shader Type. Для примера я использую режим Standard. Маска готова.
Маска с цветокоррекцией
Работать с цветокоррекцией можно с помощью стандартного шаблона маски Color Filter. Но возможности этого шаблона ограничены: можно поменять яркость, контрастность, оттенок цвета и еще несколько параметров. Красивые художественные фильтры таким набором не создать.
Вы можете задать собственные настройки цветокоррекции, скачав нейтральную лат-таблицу и отредактировав ее в «Фотошопе». Но для начала я рекомендую поработать с готовыми шаблонами, чтобы понять принцип. Готовых лат-таблиц в интернете много. Например, можно взять таблицы от разработчика Джоша Беквита на «Гитхабе». Выберите любую и протестируйте, как она работает, в «Спарке». Я покажу, как работает цветокоррекция, на примере эффекта solarize.
Дальше последовательность действий такая:
- На сцене кликните на Camera и в инспекторе нажмите на плюс рядом с Texture Extraction. Так вы выделяете текстуру, которую получает камера, и говорите «Спарку», что ее нужно рассматривать как отдельный актив.
- в поле Texture выберите cameraTexture0 — так вы говорите «Спарку», чтобы он начал транслировать в прямоугольнике текстуру камеры, которую вы извлекли в первом шаге.
Теперь все элементы нужно соединить:
- CameraTexture0 соединяется с графой Texture патча.
- Ваш лат с цветокоррекцией соединяется с графой LUT патча.
- Material0 тоже соединяется с патчем стрелкой справа. Маска готова.
Шаг 4
Протестировать маску и загрузить ее в Инстаграм
После установки «Спарк-плеера» подключите телефон к компьютеру через USB-кабель. Затем в «Спарке» откройте проект, который хотите протестировать, и нажмите кнопку Test on device на панели слева от активов. Выберите ваше устройство из списка и тестируйте маску на своем смартфоне.
Дальше для загрузки маски переходите в Spark AR Hub. В левом нижнем углу страницы нажимайте кнопку Publish an Effect.
На странице загрузки вам нужно будет сделать следующее:
- Выбрать платформу, на которую вы хотите загрузить маску — Инстаграм.
- Загрузить экспортированный файл с маской.
- Указать название вашей маски и выбрать подходящую для нее категорию. По правилам категория должна точно соответствовать содержанию эффекта. Но если вы ошиблись, Фейсбук при проверке назначит более подходящий вариант сам.
- Указать владельца маски.
- Выбрать инстаграм-аккаунт, в который вы хотите загрузить маску.
- Загрузить демовидео, на котором вы показываете, как работает ваша маска, оно будет отображаться в галерее эффектов. Формат видео — mp4, а размер — не больше 32 Мб. Чтобы снять демовидео, нужно загрузить файл с маской и нажать Save — сохранить в правом верхнем углу экрана. После этого станет доступна кнопка Test on Device, кликнув по которой, нужно отправить маску в ваш аккаунт в Инстаграме кнопкой Send. В аккаунте воспользуйтесь маской и запишите видео, как она работает. А еще можно отправить друзьям ссылку на маску, чтобы они ее протестировали.
- Загрузить значок для маски. Значок — это небольшое статичное превью вашей маски, которое будет отображаться в галерее эффектов и при выборе маски. Значком эффекта может стать ваше лицо или форма лица, объект или текстура из маски. Формат значка — png или jpg минимум .
- Выбрать No schedule — без расписания, если хотите, чтобы сразу после одобрения маска появилась в галерее эффектов.
- Создать инструкцию о том, как вашей маской правильно пользоваться — это не обязательно. Инструкция должна быть не длиннее 2 тысяч знаков.
- Отметить рекламный статус, если это применимо к вашей маске.
- Согласиться с правилами и политикой «Спарка» и нажать Submit — отправить.
Предложенные эффекты Фейсбук рассматривает от 1 до 10 рабочих дней. Модерация, как правило, включает два этапа — машинный и ручной. Сначала маску на соответствие базовым требованиям оценивает искусственный интеллект. Если на этом этапе все хорошо — не слишком искажено лицо, нет большого количества текста — в модерацию приходят специалисты. Они оценивают маску по правилам, но уже не так формально.
Пока маска на модерации, ее статус — «на рассмотрении». Как только эффект одобрят, он станет доступен у вас в сторис. Если маску отклонят, вы получите уведомление об отказе с кратким объяснением причин, а маска будет обозначена плашкой Your effect was not approved. В этом случае вы можете доработать маску по требованиям соцсети и отправить на повторную модерацию.
Маски для селфи и прямых эфиров
Маски круто спасают, когда нужно срочно провести прямой эфир, но нет времени на макияж. Они могут сгладить неровности кожи, замаскировать следы усталости на лице и даже полностью изменить внешность.
Главное сильно не увлекаться, чтобы подписчики не забыли ваше реальное лицо.
Она сгладит неровности лица, вытянет его, сделав визуально стройнее, и увеличит губы (на выбор три размера).
По умолчанию высветится пирсинг на брови, чтобы наложить прокол на другое место, нажмите на него на экране, например: на губу, другую бровь, нос, тогда пирсинг появится и на этом месте.
Один из самых популярных трендов масок – цветы на лице. В инстаграм более сотни вариантов, найти их можно через поиск по названиям «Цветы» и «Flower».
В тренде 2020 не сложный макияж, а естественная красота. Поэтому блогеры активно накладывают на свои лица милые веснушки с помощью эффектов.
Топ популярных масок с веснушками:
- «plurcha» — веснушки + сердечки на лбу;
- «Cute freckles» — только веснушки, и ничего лишнего;
- «Freckles»- маска сразу с несколькими эффектами, кликайте по экрану и меняйте количество веснушек на лице и их цвет.
А с этим эффектом можно убить сразу двух зайцев (или все же бабочек?). Тут и милые веснушки с эффектом сглаживания кожи и ободок из бабочек вокруг головы.
Масок с бабочками очень много. Ищите их по названиям «бабочки» и «butterfly».
Вы наверняка уже видели эту маску в прямых эфирах блогеров. Она называется «Golden Glitter».
Создает эффект блестящего лица с бежевыми тенями на глазах. Кстати, это официальная маска от Инсты, одна из первых появившаяся в каталоге. Добавить её себе в редактор можно по ссылке.
Маски от дизайнеров
Если новички создают бесчисленные маски с ресничками и бабочками, то что создают дизайнеры можно назвать современным произведением искусств. Ниже пара крутых дизайнеров, у которых вы найдете топовые маски.
Автор создаёт эффекты в стиле дополнительной реальности. Маски позволяют добавить в окружение живых существ: гусеницу, богомола, божью коровку, уток, голубей, котов.
Не такой известный автор масок как предыдущие, но зато он создает очень крутой и необычный контент. В коллекции много фэнтези масок, можно сделать крылья бабочки за спиной, превратиться в эльфа, посадить фантастических существ на лицо.