24 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Маски и фильтры Instagram и Facebook

Маски и фильтры Instagram и Facebook

Инстаграм за последние несколько лет из обычной социальной сети превратился в перспективную площадку для развития бизнеса. Многие его пользователи вкладывают серьёзные суммы в продвижение аккаунтов, используя для этого самые разные методы. Один из самых популярный в 2019 году – маски для инстаграма и фейсбука, созданные на базе AR.

Ни для кого не секрет, что в приложении для обмена фотографиями, ставшем одной из крупнейших пиар-площадок в Интернете, есть маски. Это функция, позволяющая наложить на получаемое с камеры изображение какой-нибудь интересный фильтр в режиме онлайн. Это может быть просто коррекция цвета фона или мелких дефектов кожи, либо полноценная AR-картинка с 2D или даже 3D-объектами.

Загрузка маски

Для загрузки своей маски необходимо воспользоваться официальным сервисом от Facebook – Spark Ar. На сайте необходимо перейти во вкладку “Submitting Effects to Spark AR Hub”. На ней в пункте “Submitting effect” нужно нажать на “Go to Spark ar hub“.

Откроется страница Facebook с формой загрузки на аккаунте, через которую и был осуществлен вход. Так как социальные сети Instagram и Facebook очень связаны, то серверы и сервисы будут одинаковыми. Под надписью “У Вас пока нет эффектов” необходимо нажать на “Загрузить эффект“.

Статья в тему:  Как удалить лишний аккаунт на фейсбуке

Далее нужно выбрать социальную сеть, так как в Facebook так же есть виджет истории и возможность загрузить маски. В этом случае требуется выбрать Instagram. После загрузки необходимо нажать на “Далее” (понадобится загрузить иконку маски, ее можно найти и скачать в интернете).

После этого выйдет ссылка на тестирование.

Затем нужно будет записать 15 секундное видео со своей маской, без применения каких-либо дополнительных фильтров. Затем загрузить в форму и отправить на модерацию. Далее нужно будет выбрать одну из 13 категорий масок, после чего можно отправлять на модерацию.

Модерация происходит достаточно быстро по сравнению с другими социальными сетями – от 60 минут до 6 дней. После этого можно отслеживать статистику в самом Instagram на ПК, либо в мобильной версии.

Тестирование и дистрибуция

Отладку эффектов можно осуществлять в самой студии — в её состав входит 7 «моделей» (записанных видео с движениями головы/мимикой мужчин и женщин), плюс можно использовать подключённую камеру и проверять действие эффекта на себе.

Также есть клиент для мобильных устройств (Spark AR Player для Android, для iOS), в который можно выгрузить эффект и проверить его работу на реальном устройстве.

Все эффекты перед публикацией должны пройти ревью в Facebook. Загрузка осуществляется на специальном портале разработчиков эффектов. Её можно инициировать прямо из студии либо сделать экспорт дистрибутива и загружать его вручную.

Статья в тему:  Как закрыть аккаунт в инсте с телефона

После заполнения профиля эффекта (с указанием метаданных, загрузкой иконки и видео с примером использования эффекта) дистрибутив проходит через «сито» автоматического контроля, и тут иногда случаются курьёзы:

Судя по всему, AI решил, что это изображение взрыва, а не букет, и отклонил эффект по формальному признаку.

В подобных случаях есть возможность написать апелляцию, и дальше эффект попадёт на рассмотрение человеком.

Также есть ограничение на общий размер дистрибутива:

К счастью, с распространением 3D-принтеров специализированное программное обеспечение стало более доступным. Например, упростить модель, найденную в интернете или созданную самостоятельно, можно при помощи приложения Autodesk Meshmixer:

После замены модели на упрощённую эффект соответствует лимитам

В отношении прохождения ревью из своего опыта могу сказать, что первоначальное ревью проходит достаточно быстро — несколько дней, а вот ревью обновления для уже опубликованного эффекта длилось более недели, причём потребовалось обращение в саппорт, но даже после этого прошло ещё дня два (эти сроки относились к периоду до начала пандемии).

Также для ревью имеет значение, является ли эффект частью бренда или нет. Процитирую:

The content of the effect
An effect is promotional if it includes a:

  • Brand name.
  • Logo.
  • Product name.
  • Product image.

The Instagram account
An effect is also promotional if the Instagram account it’s being published from meets any of these criteria:

  • The username or bio states the account is a brand or product.
  • The account represents a group of people, like a sports team or band.
  • The account is a business account.
Статья в тему:  Как войти во второй аккаунт инстаграм с компьютера

Дополнительно о требованиях к эффектам можно узнать здесь.

В дальнейшем эффекты будут доступны и в приложении Messenger от Facebook (сейчас проводится закрытое бета-тестирование).

Ну и напоследок хотелось бы упомянуть пару общих моментов:

  • проект активно развивается, новые версии выходят достаточно часто;
  • как правило обратной совместимости у файлов проекта нет, о чём студия честно предупреждает при открытии проектов, созданных в предыдущих версиях.

Спасибо за внимание, всем здоровья, и чтобы слово «маски» в большей мере ассоциировалось с чем-то интересным и забавным, а не вот это вот всё…

Учимся создавать слои

В программе Spark AR Studio, отображение объектов идет в определенной последовательности. Объекты для маски в Facebook могут закрывать друг друга, именно поэтому важно научиться грамотно пользоваться слоями самому. В противном случае появление объектов будет неконтролируемо.

Когда создается новый проект, в нём находится только один слой, поэтому все выбранные объекты накладываются на него. Чтобы добавить новый слой, требуется открыть вкладку Layers и нажать на +. Для удаления или переименования, кликните по нему правой кнопкой мыши и выберите требуемое действие.

Чтобы выбрать слой, к которому необходимо назначить объект, нужно развернуть вкладку «Scene», открыть панель «Inspector (Инспектор)» и нажать на название слоя вверху. Когда вы работаете в проекте с несколькими слоями, слой вверху списка будет на первом месте, соответственно, последним мы увидим нижний слой. Если слои находятся на разных позициях, порядок появления объектов останется прежним.

Статья в тему:  Как пишется аккаунт в инстаграме

Для обучения, можно использовать уроки с сайта-разработчика, в которых всё подробно описано (сайт имеет недоработки и некоторая информация отображается только на английском языке).

Подробная инструкция по созданию масок в Instagram для stories

С появлением stories стали падать охваты на публикациях. Людям уже лень пролистывать ленту, читать пост, когда можно посмотреть пятнадцатисекундное видео. Блогеры записывают по миллион stories за день. Но невозможно выглядеть идеально каждую секунду, тут то и пришли на помощь маски.

Затем использовать маски только для ретуши стало слишком просто, появились различные маски с юмором, пресеты, игры и т.д.
Маски в Instagram заполонили наши Stories. После того, как Facebook дал возможность любому пользователю создать собственную маску, это стало новым трендом 2020.

Так как это только развивающаяся ниша, то топовых блогеров-иллюстраторов, создающих маски себе и на заказ, не так уж много.

Поэтому предлагаю освоить новую сферу. Ведь гораздо легче начать развивать еще не избитую область, чем соревноваться с миллионом уже состоявшихся блогеров.

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

Для того, чтобы создавать маски, необходима программа Spark AR. Она есть в фейсбуке. Программа установится автоматически согласно вашему ПО. Загружаем необходимые файлы

Статья в тему:  Как вычислить фейковый аккаунт в инстаграм

1. На сайте вы можете скачать более старые версии Spark AR на случай, если компьютер не потянет последнюю версию: v84, v83.1, v82, v81.1.

2. Здесь также можно использовать макеты для создания иконки будущей маски. У Facebook строгие правила составления макета, разберем это в другой главе.

3. Файлы для создания деформации лица на сайте называются так: «Face Distortion and Retouching»

4. Файлы для создания эффектов на лице (например, световой блик) называются так: «Face Reference Assets»

5. На этом сайте находится множество гайдов и туториалов от Facebook по созданию масок, но к сожалению, они все на английском языке.

Начало работы в Spark AR. Готовые проекты.

Открываем программу Spark AR. Первое, что появляется — это диаологовое окно. В нем можно создать проект с нуля, нажав «blank project». А можно воспользоваться, готовыми вариантами масок, где необходимо лишь изменить цвет, объект или текстуру.

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

Рассмотрим каждый готовый проект по отдельности.

1. Eye color

В этом проекте можно изменить цвет глаз, форму зрачка, его размер, размер радужки и даже добавить собственную текстуру кошачих глаз. Плюс здесь уже добавлена ретушь кожи.

Открываем этот проект нажав дважды левой кнопкой мышки. У нас появляется окно нашего проекта. В центре мы видим сцену.
Слева в колонке находятся все объекты и текстуры. Справа в колонке меню редактирования наших объектов из левой колонки. А внизу по центру — редактор патчей.

Статья в тему:  Как вставить ссылку на аккаунт в сторис

Для начала разберём простые изменения — цвет глаз, размеры радужки и зрачка. Для этого слева нажимаем на пункт «eyeColor». Переходим в правую колонку.

Iris color A — цвет внешнего края радужки.
Iris color B — цвет радужки по центру.
Iris color C — цвет внутреннего края радужки.
Iris opacity — чем ниже значение, тем больше прозрачность радужки.
Pupil color — цвет зрачка.
Pupil opacity — прозрачность зрачка.
Sclera color — цвет склеры.
Sclera opacity — прозрачность склеры.
Iris scale — размер радужки.
Pupil scale — размер зрачка.
Global scale — общий размер (зрачок + радужка).
Global opacity — общая прозрачность.

Добавляем свой рисунок глаза.

Для начала перейдём в редактор патчей. Если он не открыт, то нажимаем слева вверху «view» и «show/hide patch editor».

В редакторе патчей необходимо найти желтую иконку «eyeball_mat» и удалить её.
Переходим в левую нижнюю колонку и нажимаем на «eyeball_mat».
В правой колонке в параметре текстура нажимаем выбрать файл и загружаем свою картинку глаза.
Картинка должна быть на прозрачном фоне.

2. 3D Animated poster

Этот проект позволяет создать 3D объект, который будет появляться в ответ на какое либо изображение.

Например, Starbucks сделал такую маску к своим рождественским стаканчикам. Открываем этот проект нажав дважды левой кнопкой мышки.

Для начала заменим само изображение, на которое будет реагировать объект. Для этого в левой колонке ищем картинку с названием «replace», нажимаем правой кнопкой мыши и выбираем «replace», ищем необходимый файл на компьютере.

Статья в тему:  Как добавить 6 аккаунт в инстаграме

Теперь заменим 3D объект.

Для начала в левой колонке сверху удаляем файл с названием «deleteMe», нажав по нему правой кнопкой мыши.
Затем папку с новым 3D объектом зажимаем левой кнопкой мыши и перетягиваем наверх в «dragHere», так чтобы вокруг него появилась синяя обводка и отпускаем.

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

3. Face, head, neck decoration.

Это три разных проекта, но у них абсолютно одинаковая начинка. В этих проектах можно добавить шляпу, очки, ожерелье, бабочку, галстук и т.д. Смена объекта происходит так же, как и в предыдущем проекте.

4. World object

В этом проекте, опять же, такой же механизм, как и в предыдущих. Хотелось обратить внимание на интерактив. Здесь объект можно двигать в пространстве, зажимая его на экране пальцем. Чтобы проверить работу, в экране симуляции телефона наверху справа есть значок, открывающий меню. Выберите там «simulate touch».

Теперь можно водить по этому экрану мышкой и увидеть изменения.

5. Background.

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

Статья в тему:  Как выглядит временно заблокированный аккаунт инстаграм

6. Color filter.

Этот проект, по моему мнению, не полностью готов к использованию. Его необходимо доработать добавлением пресетов.

Предположем, что сделан пресет в LightRoom. На фото он лежал просто отлично. Но добавив его в программу и испытав на видео, стало понятно, что он слишком тёмный или слишком светлый.

Тогда можно использовать предложенные опции в данном проекте. В левой колонке нажмите на «colorFilter», а в правой измените параметры.

7. Makeup.

Любимый проект всех девочек. Учимся работать с макияжем. Рассмотрим интерфейс готового макияжа, какие параметры есть для изменения. Для этого в левой колонке выбираем «makeup».

Откроется панель со списком:

— Цвет подводки
— Прозрачность подводки
— Цвет теней для век
— Прозрачность теней для век
— Цвет помады
— Прозрачность помады
— Степень освещенности
— Ширина блеска
— Интенсивность блеска
— Степень рефлекса
— Освещение
— Насыщенность
— Цвет ресниц
— Длина ресниц
— Прозрачность ресниц

Все эти параметры можно будет регулировать по вашему усмотрению.

8. Face mask.

Последний вид готового проекта из предложенных разработчиками.

Здесь можно создать интересный рисунок на лице, маску, тату и т.д. Замена изображения будет происходить так же, как делали до этого.

Есть несколько нюансов по рисованию картинки (это применимо и к макияжу). Открываем скаченную ранее папку «FaceAssets», переходим в «Textures» и в любой программе для рисования (procreate, photoshop и т.д.) открываем выделенные изображения.

Статья в тему:  Как вести красивый аккаунт инстаграм

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

Где искать 3D модели?

Есть 2 основных варианта поиска 3D объектов. Это библиотека Spark AR и стоковые сайты.

Библиотека программы полностью бесплатна, плюс множество объектов уже имеют свои текстуры. Ее можно найти в левом столбце снизу, где текстуры, маленькие кнопочки.

Как сохранять маску для Facebook?

Для того, чтобы сохранить проект, переходим во вкладку «file», и нажимаем «save». Если сразу экспортировать, то файл окажется пустым. Далее снова во вкладке файл нажимаем «export», выходит диалоговое окно, где видно, как файл сжимается под типы ПО телефонов и сколько он весит.

Если все отлично, то экспортируем файл. Должен сохранится вот такой файл. Как видно, для Instagram файл должен весить не более 4мб.

Что делать, если он оказался больше?

Во вкладке «view» нажимаем «show/hide asset summary». Диалоговое окно появится там же, где редактор патчей. Здесь можно увидеть сколько весит каждый объект и текстура после сжатия, смотреть надо 3 последнии колонки.

Если проблема оказалась в текстурах, то необходимо сжать картинку, для этого есть куча бесплатных сайтов в интернете.
Если проблема в 3D объекте, то тут уже сложнее, если вы не работаете в 3D программах, то единственный выход найти другой объект, либо убрать его текстуры и раскрасить одним цветом в самой программе.

Статья в тему:  Как закрыть аккаунт в инсте с телефона

Как сделать иконку для маски?

Файл для иконки уже скачали в самом начале.

Как его использовать?

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

Удобнее всего работать в photoshop или illustrator, так как там уже все разбито по слоям, необходимо лишь изменить их, нарисовать свое.

Правила создания иконки.

Квадратная форма Facebook очень строго относится ко всем своим правилам, поэтому необходимо им следовать.

1. Рисунок должен быть строго внутри розового круга, а лучше зелёного.
2. Если маска использует лицо, то нужно отобразить это в иконке.
3. Можно использовать своё лицо с маской.
4. Размер 200*200 пикселей, но этот файл уже в таком формате.
5. Формат png или jpeg.
6. Квадратная форма.

Что НЕЛЬЗЯ использовать:

1. Чужое лицо.
2. Градиенты принадлежащие Instagram, видимо авторские права.
3. Нельзя оставлять прозрачный фон.
4. Нельзя делать круг, овал, закруглённые края у иконки.
5. Если есть текст, то нельзя использовать ник аккаунта или название маски и слишком много текста.
6. Выходить за красные поля (не видно будет потом все равно).

Как загрузить маску в Facebook?

Для начала Instagram аккаунт надо перевести в бизнес профиль и привязать к бизнес странице в Facebook.

Затем переходим на сайт для загрузки эффектов. И нажимаем «publish an effect». Здесь же потом можно смотреть статистику по маскам. Здесь необходимо выбрать куда загружается эффект, выбираем «instagram». Ниже загружаем файл нашей маски, который до этого экспортировали. И выбираем имя маске, которое будет видно в самом Instagram.

Статья в тему:  Как выглядит временно заблокированный аккаунт инстаграм

Выбираем категорию маски, это для лучшего поиска маски в дальнейшем. Категорий много, но там достаточно подсказок на русском от Facebook, так что выбирать подходящую не сложно.

Прописываем ключевые слова, так же для улучшения поиска маски. Владелец — это аккаунт на Facebook. Instagram аккаунт выбираем тот, где необходимо отображать маску.

Загружаем превью видео для Instagram, которое будет видно в аккаунте. Видео должно быть записано через stories, без дополнительных эффектов и надписей.

Для этого сохраняем черновик, после этого появится внизу кнопка «view one instagram», копируем ссылку и открываем на телефоне, она сама предложит открыть в instagram эффект. После сохраняем и загружаем файл. И загружаем иконку. Далее можно выбрать дату публикации, либо опубликовать сразу после одобрения модераторами.

Ниже прописываем информацию о маске для модераторов. Как она работает, что использовали, почему такая категория эффекта.
Затем выбираем рекламирует ли наша маска бренд, например, как чашка Starbuck. И ознакамливаемся с политикой.
Если все готово, то нажимаем синюю кнопку «опубликовать».

Маска готова и ожидает публикации.

Как продвигать маску?

Есть несколько способов продвижения маски.

1.Чаще рассказывать о маске в stories, используя ссылку на «попробовать эффект». Для этого записываем stories с маской, наверху кликаем на значке ссылка, нажимаем «+эффект камеры», появляются все маски и выбираем ту, с которой записана stories.

Статья в тему:  Как вычислить фейковый аккаунт в инстаграм

2.Чаще напоминайте о масках в публикациях, используйте хэштеги. #инстаграммаски #сторисмаски #маски #сторизмаски #маскиинста #инстамаски #фильтринстаграм #пресетинстаграм #сторисфильтры #сторизфильтры #stories #maskstories #filter #maskforinstagram #effectstories

Так можно много придумать, но смысл понятен.

3. Делайте конкурсы на самое креативное использование, либо на создание маски и т.д.

Две рамки, одна из которых идет с подписями и сердечками от девушек из группы.

Если вам известны аккаунты, которые раздают хорошие фильтры для сторис инстаграм, напишите пожалуйста их в комментариях.

Когда пользователь полностью подготовит и доработает маску, он должен будет привязать ее к своей странице в Инстаграм. Для этого ему придется придерживаться следующей инструкции:

  1. Перейти на следующую страницу – https://www.facebook.com/sparkarhub/.
  2. Нажать на кнопку «Загрузка эффекта», расположенную в правом углу верхней части экрана.
  3. На странице «Информация об эффекте» поставить галочку в окне Инстаграм, чтобы выбрать социальную сеть в качестве места отображения маски.
  4. В строку «Название эффекта» вписать название маски.
  5. Нажать на кнопку «Далее».
  6. После этого необходимо загрузить изображение, которое станет значком эффекта. Пользователь может загрузить любую фотографию из Интернета или создать собственную в Фотошопе. Чтобы установить иконку маски, нужно нажать на прямоугольник с надписью «Перетащите файл или нажмите здесь, чтобы добавить его».
  7. Выбрать фотографию для значка эффекта из галереи компьютера. В идеале иконка должна отображать суть самой маски и иметь размер – 500 × 500 пикселей. Также в качестве значка эффекта можно сделать селфи с маской и придать ему квадратную форму при помощи инструмента «Обрезка».
  8. После выбора изображения для иконки, нужно нажать на кнопку «Подтвердить» и перейти к следующему этапу – загрузить саму маску.
  9. Нажать на кнопку «Загрузить и продолжить».
  10. В открывшемся окне нажать на кнопку «Продолжить».
  11. Нажать на кнопку «Показать в Instagram».
  12. Кликнуть на «Следующие действия» и выбрать категорию, которая лучше всего описывает маску.
  13. После этого пользователь должен зайти в социальную сеть, записать 10-секундное видео с использованием созданной маски и сохранить его на устройство.
  14. Загрузить получившийся ролик через окно в разделе «Демонстрационное видео».
  15. Нажать на кнопку «Далее».
  16. На странице «Запланировать» пользователь может выбрать, когда эффект станет доступным в социальной сети – сразу после одобрения администрацией сайта или в установленную дату.
  17. На странице «Информация о проверке» необходимо в подробностях описать маску и отправить ее на обработку.
Статья в тему:  Как отключить аккаунт в инста

Создание маски для Инстаграм – это творческий процесс. При помощи его плодов автор эффекта может существенно расширить аудиторию своей страницы. Но нельзя забывать, что для привлечения подписчиков недостаточно красивых масок. Эффекты способны заставить пользователя только посетить страницу их создателя, а подпишется он или нет – зависит от визуальной части самой страницы.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Статьи c упоминанием слов: