Пошаговая инструкция: как создать свои маски для Insta-Stories

Содержание
  1. Для чего нужно создавать свою маску в Инстаграме
  2. 1. Вирусность
  3. 2. Бесплатная реклама
  4. 3. Возможность примерить товар
  5. 4. Продвижение маски с помощью блогеров
  6. Какие виды Instagram-масок существуют
  7. Где можно найти маски для своих сторис
  8. Как делаются и модерируются маски
  9. Как сделать маску доступной другим пользователям
  10. Как самостоятельно создать маску в Instagram
  11. 1. Установите программу Spark Ar Studio
  12. Как делать маску spark ar и без spark?
  13. Соедините Spark AR на десктопе и смартфоне
  14. Создайте трекер лица в Photoshop или загрузите готовый
  15. 7. Когда на трекинге появится шахматная сетка, потяните за цветные стрелки, чтобы отрегулировать размер будущей маски.
  16. 8. Добавьте материал
  17. 9. Выберите тип материала
  18. Шаг 1. Подготовка текстуры для FaceMesh в Фотошопе
  19. Шаг 2. Создаем FaceMesh с ретушью
  20. Шаг 3. Создаем рисунок на маске
  21. Как делать изображение с надписью?
  22. 4. Как заменить картинки в шаблоне на свои:
  23. 5. Как заменить остальные картинки:
  24. Тестирование маски
  25. Шаг 9. Проверьте статистику маски
  26. Как протестировать маску в приложении Spark AR Player
  27. 8. Как отправить маску на модерацию
  28. Маска старения в Инстаграм — сделай себе старое лицо!
  29. Snapchat — маска ребенка и маска со старым лицом
  30. FaceApp — маска старения
  31. Как сделать маски в Инстаграме в истории
  32. Как сделать маску телефона в форме HTML и Contact Form 7
  33. 2. Проверяем подключение библиотеки JQuery
  34. 3. Подключаем скрипты плагина
  35. 4. Определяем в какой форме и в каком поле будет работать плагин.
  36. 1. Скачиваем архив с файлами плагина «jQuery Masked Input» по ссылке
  37. 2. Создаем форму в Contact Form 7
  38. 3. Создаем скрипт с маской
  39. 4. Теперь подключим скрипты
  40. 4.1 Подключаем скрипты через файл functions.php
  41. Выгружаем маску в Instagram
  42. Добавление масок в инстаграме через каталог масок
  43. Как посмотреть, кто пользовался маской в Инстаграме?
  44. Почему маски не загружаются
  45. Как пользоваться масками в Инстаграм: пошаговая инструкция

Для чего нужно создавать свою маску в Инстаграме

Stories — это один из самых эффективных способов привлечения молодых пользователей, если вы занимаетесь продвижением своей странички или странички бизнеса. По статистике только за прошлый год сторис просматривали более 500 млн. пользователей. Именно интерактивные функции вроде AR-фильтров помогают привлечь внимание пользователей.

Почему бренду стоит использовать маски?

  • Показывают лицо вашего бренда. Маски можно использовать не только для саморекламы, но и чтобы показать социальные идеи, которые пропагандирует бренд.
  • Для связи с аудиторией. AR-фильтры — уже много времени находятся на пике популярности и привлекают много внимания пользователей.
  • Быть на шаг впереди. Увы, масками в Инстаграме пользуются не все компании. Это хорошая возможность выделиться среди конкурентов: можно предложить потенциальному клиенту примерить ваш продукт перед его покупкой.
  • Помогают повысить узнаваемость. AR-маски не являются рекламным объектом, однако могут использоваться для увеличения узнаваемости бренда. Вы можете добавить логотип или другую фишку вашего бренда в маску-фильтр.

1. Вирусность

Stories смотрят в 10 раз чаще, чем посты. Именно поэтому шанс, что вашу маску будут использовать пользователи, значительно выше. Пользователь ими интересуется, смотрит, фотографируется маской и выкладывает фото в сторис.

Маску видят его друзья и начинают интересоваться ей. Затем сразу публикуют в своих сторисах. Люди могут перейти к вам в профиль, что увеличивает количество взаимодействий с вашим аккаунтом.

2. Бесплатная реклама

Чтобы создать маску можно обратиться в агентство или к профессиональным дизайнерам, но сделать простую маску самостоятельно не составит особого труда. При чем здесь бесплатная реклама? В сторис всех пользователей, которые сохраняли себе маску или фотографировались с ней, сверху будет написано название бренда, которому принадлежит маска. Тут и срабатывает бесплатная реклама – упоминание вашего бренда.

3. Возможность примерить товар

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

4. Продвижение маски с помощью блогеров

Алгоритм простой: ищем блогеров с нашей целевой аудиторией, предлагаем им попользоваться и попиарить маску. Так маска завирусится, а ее создателя узнает узнает огромное число людей.

Какие виды Instagram-масок существуют

В Instagram ежедневно загружается бесчисленное количество масок. Их можно разделить на несколько категорий:

  • Маски, которые меняют что-то на голове. Таких масок больше всего

  • Маски фильтры – накладывают на накладывают на ваше фото или видео различные эффекты (например, фото в стиле ретро или черно-белое).

  • Маски, которые меняют окружающее пространство и фон

  • AR-игры

Пример маски игры «Flappy Bird»

 

Где можно найти маски для своих сторис

  1. Камера Instagram.
  2. Это стандартный набор масок, который вы видите внизу, когда записываете Stories.

    Вот здесь будут находиться стандартные маски

    Там можно найти:

  • Маски, которые вы сохранили, нажав на кнопку «Сохранить в камере».

  • Маски, которые вы недавно использовали.

  • Маски от самого Instagram.

  • Галерея масок (Effect gallery) – там находятся маски, созданные другими пользователями Инстаграма.
  • Чтобы найти галерею эффектов нам нужно зайти в камеру Instagram. Для этого:

    Открываем приложение Instagram, попадаем на домашнюю страницу. Если за сутки вы не добавляли ни одной сторис, то просто нажмите на вашу аватарку с плюсиком.

    Если у вас есть опубликованные сторис, то делаем долгое нажатие на аватарку

    Делаем долгое нажатие

    Затем в появившемся окошке нажимаем «Дополните историю».

    Кнопка «Дополните историю»

    После этого откроется камера Instagram. Далее нам нужно прокрутить ленту доступных вам мосок до конца свайпом влево

    До конца листаем доступные маски

    Когда долистаем до конца список доступных масок, увидим значок и надпись «Просмотр эффектов» как на скриншоте ниже

    Кнопка «Просмотр эффектов»

    Откроется Галерея эффектов. В галерее эффектов собрана коллекция всех масок других пользователей Instagram. Маски распределены по категориям.

    Главная страница галереи эффектов

    Вы можете использовать и сохраните себе любую из масок «Галерее эффектов». Они будут находиться в ленте доступных масок в вашей камере Instagram рядом с кнопкой «Снимок».

  • Профиль пользователя, который создал и загрузил маску.
  • У каждого аккаунта, в который загружена хотя бы одна маска, появляется отдельная вкладка со смайликом (Effects tab).

    Кнопка «Effects tab»

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

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

    Как делаются и модерируются маски

    Для создания масок у Facebook есть программа Spark AR Studio (для macOS и Windows 10). Итак, маска сделана. Теперь ее нужно загрузить в свой аккаунт Instagram, чтобы ее могли найти другие пользователи. Маски доступны любому из трех видов аккаунтов: бизнес-аккаунт, аккаунт авторов и личный аккаунт.

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

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

    1. В имени или описании аккаунта указана информация о том, что это бренд или товар.
    2. Профиль представляет группу людей, например музыкальную группу.

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

      После того, как вы разработали свою маску, ее необходимо «проверить» в приложении Spark AR Player. Если с маской все в порядке, то вам нужно будет выгрузить ее в свой аккаунт Инстаграм.

      Загружать маски можно в любой тип аккаунтов: Business (Бизнес), Creator (Автор) и Individual (Личный). В зависимости от того, в каком аккаунте будет загружена маска, ей будет присвоен соответствующий статус. После модерации маска станет доступна другим пользователем этой социальной сети в зависимости от своего статуса. Мы подготовили для вас пошаговую инструкцию, как загрузить новую маску в Instagram.

      Как самостоятельно создать маску в Instagram

      Что нам понадобится?

      Итак, давайте создадим нашу первую маску.

      1. Установите программу Spark Ar Studio

      Для этого перейдите по и нажмите “Скачать” (единственная кнопка легко загрузит программу на Windows или Mac OS).

      Как делать маску spark ar и без spark?

      Собственный спецэффект для камеры не является привилегией тех, кто имеет миллионы фолловеров. Абсолютно каждый может бесплатно разработать личный дизайн 2D или 3D-анимации для фото и видео. От автора потребуется лишь идея, желание и время.

      Spark AR Studio ‒ самая распространенная программа для создания масок в Инстаграм. Ее функционал будет понятен тем, кто имеет опыт работы в фоторедакторах (например, Adobe Photoshop или Cinema 3D). Однако даже новичкам будет не сложно разобраться с интуитивно понятным интерфейсом “проги”.

      Рекомендации по применению ПО:

      • Начните работу в программе с изучения предустановленных проектов (подсветки или плавающих частиц). Это позволит понять, как анимация встраивается в изображение;
      • Не гонитесь за модой в этой сфере. Попробуйте сначала создать простой 2D-объект с минималистичным дизайном. Затем переходите к более сложным вариантам, комбинируя два и более простых анимаций;
      • Экспериментируйте и пробуйте новые объекты из предустановленной библиотеки. Там можно найти абсолютно все: от черепов до аниме-героев и покебола.

      Взяв на заметку рекомендации, стоит перейти к непосредственно созданию проекта. Универсальная пошаговая инструкция по работе со Спарк АР состоит из следующих этапов:

        1. Запустите программу и нажмите на голубую кнопку в правом нижнем углу.

          Запуск Спарк АР

        2. Добавьте трекинг и сетку лица через кнопку “Добавить объект” на панели инструментов слева. Они отмечены как Face Tracker и Face Mash.

          Работа с Face Tracker и Face Mash.

        3. Отрегулируйте размер с помощью цветных стрелок. Просто перетяните появившуюся шахматной сетку на нужную область (например, лицо).

          Отрисовка лица в программе.

        4. Выполните настройки. На панели справа поставьте синие галочки возле нужных значений. Можно поменять местами рот и нос, включить реагирование на высунутый язык и т.д.
        5. Добавьте материал, на который будут крепиться выбранные интерактивные элементы. Для этого щелкните на значок плюс и выберите одноименную строку в правой панели.
        6. Выберите тип материала. В левой панели задач кликните по надписи “Материал” и выберите нужную конфигурацию из выпадающего списка.
        7. Добавьте слой, который будет отображаться в сторис на лице пользователя. Для это кликните по материалу слева, а затем в правом выпадающем меню выберите “Текстуры” и загрузите созданную в Photoshop картинку в формате .png.  
        8. Протестируйте проект. Из меню справа выберите устройство, на котором он будет работать. Или включите веб-камеру и проверьте на себе.
      1. Сохраните результат. При желании к нему можно будет вернуться и отредактировать, выбрав кнопку “Открыть проект” при запуске программы.

      Когда работа будет выполнена, ею можно будет поделиться. Для этого необходимо загрузить проект на Spark AR Hub. Служба поддержки Инстаграм проверит эффект на предмет соответствия общим требованиям платформы, и только потом к нему откроется доступ в галерее. Также появится ссылка в профиле автора для обмена с другими пользователям.

      Важно! Общий период проверки и одобрения занимает около 5 дней.

      Полезно знать! Без Spark AR дополнить сторис можно в различных приложениях. Например, для iPhone можно использовать MSQRD, Cartoon Face, LOL-видео, а для Android ‒ Bestie, MomentCam. Однако у других пользователей доступа к вашему творчеству не будет.

      Соедините Spark AR на десктопе и смартфоне

      Запустите Spark AR Studio. Вас встретит набор предустановленных эффектов и масок — на их примере можно посмотреть некоторые принципы работы. Но изменять пресеты нужно аккуратно: обычно это рушит установленные зависимости объектов, и маска может заработать неверно.

      Программа похожа на Photoshop и другие проекты Adobe, поэтому ориентироваться в ней несложно. По центру — окно Viewport, рабочая область, где будет отображаться маска и все манипуляции с ней.

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

      Чтобы протестировать маску перед загрузкой в Instagram, нужно подключиться к Spark AR Hub — это творческая среда от Facebook для авторов масок. Для этого создайте публичную ссылку для тестирования или соедините Spark AR с подключенным к компьютеру смартфоном:

      • присоедините смартфон USB-кабелем к компьютеру;
      • нажмите Test on device и выберите, где хотите увидеть маску — Facebook или Instagram. Если выберете второй вариант, получите ссылку, которой можно поделиться или отправить на нужный гаджет. Загружать маски на обе площадки пока нельзя;

      • откройте приложение Spark AR на смартфоне.

      Создайте трекер лица в Photoshop или загрузите готовый

      Маска состоит из трех компонентов: FaceTracker, текстура и материал (эффект, который вы хотите увидеть в маске). Текстуру можно подготовить самому или скачать заранее. Если у вас нет Photoshop или не хочется возиться с этим — скачайте и пропустите этот шаг.

      Если готовы подготовить ее сами, переместитесь в Photoshop или Figma. Дальше порядок действий такой:

      • Скачайте и откройте папку Textures для разработчиков. Выберите один из файлов — faceFeminine.jpg для женских лиц и faceMasculine.jpg для мужских — и откройте в программе.
      • Новым слоем поверх схемы лица с помощью Transform добавьте нужные эффекты и рисунки — они должны идти поверх слоя с лицом, чтобы результат был виден сразу. Все, что выходит за границы схемы лица, не будет отображаться на человеке.
      • Выключите или удалите слой с лицом, сохраните результат в PNG — только этот формат поддерживает прозрачность. Важно сохранить только эффект, без схемы лица.

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

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

      Эти параметры настраиваются на правой верхней панели инструментов с помощью синих галочек.

      Здесь Вы можете “оторваться по-полной” и создать нечто очень странное, но интересное. Подумайте, как лучше сделать маску именно для Вашего бренда.

      8. Добавьте материал

      Материал – это основа Вашей маски, некая подложка, на которую будут крепиться все элементы будущего эффекта.

      Чтобы добавить материал, щелкните на плюсик напротив раздела Materials в правом вертикальном меню.

      9. Выберите тип материала

      Щелкните по “material” в левом меню. Затем перейдите на правую панель. В нем должен отобразиться раздел “Shader Type” (тип материала). Раскройте выпадающий список рядом с этой надписью и выберите нужный тип материала:

      • Flat – плоская маска;
      • Standard – стандартное глянцевое покрытие (используется по умолчанию);
      • Physically-Based – легкая потертость и шероховатость поверхности хорошо подходит для масок со световыми эффектами;
      • Face Paint – нанесение краски на маску. Подходит для создания эффекта макияжа или тату;
      • Blended – комбинация текстур и эффектов, подходит для масок типа “получеловек-полуживотное”;

      Retouching – сглаживаниеизменение пропорций лица (увеличить/уменьшить глаза, нос, губы).

      Шаг 1. Подготовка текстуры для FaceMesh в Фотошопе

      1. Открываем фотошоп.
      2. Открываем два файла из материалов, которые мы прикрепили выше (FaceMeshTreckers.png и FaceFeminine.jpg).
      3. Размещаем данные изображения в одном файле на разных слоях.
      4. Слои располагаем так как показано на скриншоте ниже.
      5.  

      6. Добавляем логотип Веб-Центра (logo.png) в этот документ. Перетаскиваем лого и с помощью инструмента «Свободное трансформирование» (ctrl+t) меняем так, как нравится.
      7.  

      8. Как только мы определимся с расположением надписи, скрываем слои с каркасом маски.
      9. Убираем «глазки» со слоев каркаса маски

      10. Сохраняем готовый файл текстуры в разрешении png.

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

      Шаг 2. Создаем FaceMesh с ретушью

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

      Открываем программу Spark Ar. Появляется окошко как на скриншоте ниже. Нажимаем «New project».


      Создание нового проекта

      Жмем на «Face Tracking»

      «Face Tracking»

      Далее нас перекидывает в наше рабочее пространство. Здесь мы видим несколько рабочих зон: в одной мы будем работать с FaceTracker и FaceMesh, а в другой – с материалами, текстурами, 3D объектами. FaceTracker – объект, который отслеживает движение лица, мимику и его расположение.

      А теперь для примера создадим FaceMesh с эффектом сглаживания кожи.

      FaceTrecker у нас создается автоматически.

      Затем нажимаем правой кнопкой мыши на «FaceTracker», далее «Add» и кликаем FaceMesh

      Или жмем «+Add Object» и видим всплывающее окошко, где можно добавлять различные объекты в нашу маску. Выбираем Face Mesh.

      Как только мы добавляем Mesh у человека на лице появляется «шахматная» маска, которая повторяет движение лица.

      Важно: FaceMesh должен находиться под FaceTrecker. Если у тебя Mesh находится в другом месте – перемести его в нужное место мышкой.

      Не забывайте переименовывать FaceMesh, чтобы не запутаться. Лучше делать это сразу со всем, с чем работаете

      Далее нам нужно добавить материал. Для этого нам понадобится правая панель инструментов. Находи пункт «Материал» и жмем «+».

      С левой стороны получаем вот такой пункт:

      И наша «шахматная» маска преобразуется:

      Теперь нам нужно преобразовать свойства Mesh под сглаживание. Возвращаемся в меню справа и меняем настройки «Shader Type» с «Standart» на «Retouching»:

       

      В основном при создании простых масок используются такие типы материалов как: Standart (используется для 3D моделей) – материал отражает свет, имеет тень и свет, а также объем.

      Flat (чаще всего используется для рисунков на лице) – материал не отражает свет. Retouching – сглаживание кожи и пространства.

      Если мы все сделали правильно, то у нас появится возможность регулировать интенсивность сглаживания. Мы рекомендуем убрать галочку с пункта «FullScreen», чтобы маска сглаживала только лицо, а не все пространство. Также ставьте значение «Skin Smoothing» не более 36%, чтобы эффект сглаживания выглядел естественно.

      Шаг 3. Создаем рисунок на маске

      Добавляем еще один FaceMesh и даем ему имя «Логотип».

      К FaceMesh добавляем новый материал и присваиваем ему тип «Flat».

      Теперь нам нужно добавить наш рисунок. Наконец-то! Для это мы нажимаем правой кнопкой мыши на материал, который только что добавили, теперь справа открылись настройки этого материала. Ищем пункт «Texture» и жмем на кнопку «Choose File…». Ищем у себя на компьютере нашу картинку, которая должна красоваться у нас на лице и жмем «Выбрать».После этого у нас в панели «Assets» появится раздел с текстурами:

      И наша маска готова. Да, вот так просто :)

       

      Как делать изображение с надписью?

      Текстовый элемент на платформе Спарк АР делается по тому же принципу, что и любой другой. Для этого нужно предварительно создать картинку с надписью в Photoshop, выбрав подходящий шрифт и цвет. Далее процесс включает следующие этапы:

      1. Запустите новый проект.
      2. Включите трекинг лица и сетку.
      3. Добавьте “Материал” и настройте на него параметр “Flat”.
      4. Загрузите в текстуру материала сохраненное изображение с надписью.
      5. Отрегулируйте надпись через панель настроек справа до желаемого вида.

        Регулировка надписи.

      6. Сохраните результат и загрузите на Spark AR Hub.

      4. Как заменить картинки в шаблоне на свои:

      Чтобы установить заглавную картинку вашего эффекта, нужно нажать правой кнопкой на файл «Обложка», и в появившемся меню выбрать пункт «Replace».

      Готово, теперь эта картинка будет отображаться при запуске эффекта на лбу пользователя, смотрящего в камеру

      5. Как заменить остальные картинки:

      Нужно нажать левой кнопкой на файл «Анимация», затем нажать на галочку в правой колонке меню рядом со словом Texture. В появившемся меню выбрать Remove.

      Далее снова нажать на галочку рядом с Texture и выбрать New Image Texture. Откроется окно Finder, где вы сможете выбрать нужные картинки.

      Это могут быть фотографии людей, вещей, или что вы придумаете. У нас это фотки смартфонов с подписями в сером облачке, сделал за 2 минуты в Фотошопе.

      Тестирование маски

      Маска готова, но теперь ее нужно протестить: как ложиться рисунок, не съехал ли куда-то на фон, повторяет ли движения головы.

      Итак, чтобы протестировать внешний вид маски нам понадобится наш телефон.

      В Spark Ar в панеле слева нажимаем на «Test on device»;

      Видим вот такое всплывающее окошко:

      Нам нужно получить ссылку для тестирования маски. Для этого выбираем любую из камер (Facebook Camera или Instagram Camera) и нажимаем «Send»

      Так как мы будем использовать свою маску в Инстаграме, то нажимаем «Send» напротив Instagram Camera, ждем пару секунд и у у нас появляется пункт «Test Link» (ссылка для теста). Разворачиваем ее и жмем «Copy link».

      Эту ссылку нам нужно открыть на телефоне. Можете ее отправить самому себе ВК или Телеграм.

      Открываем ссылку с телефона и видим оповещение «Тестирование эффекта». Нажимаем «Продолжить».

      Шаг 9. Проверьте статистику маски

      Когда новой маской в Инстаграм начнут пользоваться Ваши подписчики, откроется статистика, и Вы сможете отслеживать ее эффективность. Статистику просматривают в на вкладке “Insights”.

      Для просмотра доступны три показателя (ниже на картинке пример уже опубликованной маски):

      • Показы – сколько раз Ваша маска показывалась в Инстаграм;
      • Снимки – сколько раз юзеры делали селфи с Вашей маской;
      • Репосты – сколько раз фолловеры делились маской в сториз.
      Данные статистики

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

      Как протестировать маску в приложении Spark AR Player

      Периодически вы можете проверять, что у вас получается, в приложении Spark AR Player, которое мы рекомендовали вам скачать во 2 пункте раздела Инструменты. Если вы до сих пор не скачали его на свой смартфон, сделайте этой сейчас. Как только приложение установилось, подключите смартфон через USB к своему компьютеру или ноутбуку (смотря на каком устройстве вы делаете маску).

      Убедитесь, что ваш смартфон подключен не для зарядки, а для передачи данных, то есть таким образом, как если бы вы перекидывали фотографии с телефона на компьютер. В противном случае программа Спарк АР не увидит ваше устройство.

      После правильного подключения переходите в левую нижнюю панель инструментов в программе Spark AR. Нажмите на кнопку «стрелочка с устройством» как это показано на скриншоте, и выберите «Отправить» (Send) на свое устройство.

      После этого откройте приложение Spark AR Player на телефоне и направьте камеру на свое лицо. Вы сможете увидеть, как выглядит лицо после внесенных вами изменений. Продолжайте вносить изменения и тестировать маску на телефоне вышеуказанным способом.

      8. Как отправить маску на модерацию

      Для начала маску нужно сохранить в файл. Для этого нажимайте File, а затем Export. Файл маски сохранится на вашем Маке в формате «arexport».

      Далее переходите по на страницу загрузки и заполните поля: название вашей маски, картинка-превью, и где маска будет опубликована – в Facebook или в Instagram.

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

      Маска старения в Инстаграм — сделай себе старое лицо!

      Как сделать маску старика в Инстаграм? Это тоже отдельное приложение. Снэпчат или FaceApp, есть и на Айфон, и на Андроид.

      Snapchat — маска ребенка и маска со старым лицом

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

      FaceApp — маска старения

      Самое интересное, что можно не только сделать маску старения из молодого лица, но и наоборот. Еще есть функции для измененения лица — мейкап, цвет волос, очки и бороды и т.д.

      Подписывайтесь на наш аккаунт , чтобы узнавать про все маски и новости Инстаграм.


      Как сделать маски в Инстаграме в истории

      Каталог упростил поиск и добавление контента. Чтобы разнообразить Сторис, достаточно нажать на нужный фильтр, после чего он появится на вашем фото. Иногда пользователи площадки сталкиваются с проблемой, когда скрытые фильтры не добавляются.

      Помимо устаревшего клиента причин, почему не работают новые фильтры, может быть несколько:

      • не хватает памяти на телефоне Самсунг, уникальные анимации требуют свободного места, поэтому удалите ненужные файлы и попробуйте включить снова;
      • убедитесь, что вы подписались на профиль создателя AR-объектов, обычно у дизайнеров в шапке указаны тэги facefilters, AR;
      • иногда пользователи создают контент только для определенной страны, решить проблему можно изменением страны через настройки Инстаграма.

      Также стоит задуматься о создании своего контента через официальный редактор Spark AR Studio. Площадка не платит дизайнерам за создание AR-объектов, но создатели могут бесплатно прорекламировать себя. Когда вы используете авторские эффекты, сверху указывается профиль создателя. Так можно получить новых подписчиков. Для блогеров это дополнительный доход за счет роста аудитории и увеличения стоимости рекламных постов Инстаграмм.

      Как сделать маску телефона в форме HTML и Contact Form 7

      2. Проверяем подключение библиотеки JQuery

      Обязательно проверьте подключение библиотеки jquery между тегами <head>. Для этого в браузере, на странице вашего сайта введите команду CTRL+U, откроется код страницы. Теперь, с помощью команды CTRL+F найдите подключен скрипт JQuery или нет. Можно искать по фразе «jquery.js» или «jquery.min.js». Пример, как выглядит в коде, ниже на скриншоте.

      Она может быть подключена как из папки со скриптами у вас на сайте, так и через CDN Google или через другой, например Microsoft, CDNJS, jsDelivr. Посмотреть способы подключения можно на официальном сайте JQuery на странице скачивания. Если библиотека у вас не подключена, то нужно обязательно подключить, иначе работать «маска» не будет.

      Мне удобно подключать через CDN Google. Чтобы подключить библиотеку JQuery скопируйте код ниже и вставьте между тегами <head> вашего сайта.

      1 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

      3. Подключаем скрипты плагина

      После того как мы убедились, что библиотека JQuery подключена, распаковываем скаченный архив с плагином «jQuery Masked Input». Внутри архива находим папку «dist» и забираем оттуда минимизированный файл «jquery.maskedinput.min.js». Я обычно кладу этот файл в корень сайта в папку со всеми скриптами «js», и подключаю его между тегами <head>:

      1 
      <script src="https://мой-домен.com/js/jquery.maskedinput.min.js"></script>

      Далее нам нужно сделать вызов кода маски и привязать его к уникальному идентификатору. Мы можем сделать это прописав уникальный class или id к полю input. В нашем случае мы пропишем id phon. Далее просто перед формой нужно вставить вот этот код:

      1 
      <script type="text/javascript">jQuery(function($){$("#phon").mask("+375 (99) 999-99-99")})script>

      Или, чтобы не вставлять каждый раз код скрипта перед каждой формой, создаём отдельный файл js, например maskphone.js, туда вставляем код ниже и сохраняем в папку «js» в корне сайта.

      1 
      jQuery(document).ready(function() {jQuery("#phon").mask("+375 (99) 999-99-99")})

      Теперь этот файл тоже нужно подключить между тегами <head>, скопируйте код ниже и вставьте его сразу после кода подключения плагина jquery.maskedinput.min.js. Должно получиться так:

      1 2 
      <script src="https://мой-домен.com/js/jquery.maskedinput.min.js"></script> <script src="https://мой-домен.com/js/maskphone.js"></script>

      4. Определяем в какой форме и в каком поле будет работать плагин.

      Всё, что нам нужно сделать, чтобы идентифицировать поле, это указать class или id в нужном поле input. Пример на картинке. На практике используйте что-то одно.

      В примере, который я вам привёл, я использовал id — уникальное имя элемента. В таком случае, если у вас несколько одинаковых форм на одной странице маска телефона работать не будет. Так как id на странице может повторяться только 1 раз. Поэтому, если у вас на странице вызывается много раз одна и та же форма нужно прописать в поле input уникальный class.

      Пример:

      1 
      <input type="text" class="phon" placeholder="+375 (XX) XXX-XX-XX">

      А для активации скрипта в поле по class необходимо заменить код в maskphone.js на следующий:

      1 
      jQuery(document).ready(function() {jQuery(".phon").mask("+375 (99) 999-99-99")})

      С этим все, теперь рассмотрим как сделать тоже самое на одной из самых популярных CMS WordPress и дополнительного плагина к ней Contact Form 7.

      1. Скачиваем архив с файлами плагина «jQuery Masked Input» по ссылке

      Создаем папку «js» в папке вашей темы (путь: ваш-сайт/wp-content/themes/ваша-тема/). Внутри архива плагина «jQuery Masked Input» находим папку «dist» и копируем оттуда минимизированный файл «jquery.maskedinput.min.js». Этот файл вставляем в папку «js», которую только что создали.

      2. Создаем форму в Contact Form 7

      Например простейшую форму, с одним полем, над которым будем работать. И прописываем «class:phone». Именно по наличию этого класса наш скрипт будет понимать, что к этому полю нужно добавить маску.

      Вот код формы, если кому-то нужно:

      1 2 
      [text* your-phone class:phon placeholder "Ваш телефон"] [submit class:button primary "Отправить"]

      3. Создаем скрипт с маской

      В директории мой-домен.com/wp-content/themes/ваша-тема/js/ создаем файл «maskphone.js» и вставляем код:

      1 2 3 
      jQuery(document).ready(function() { jQuery(".phon").mask("+375 (99) 999-99-99") })

      В данном случае мы используем идентификацию поля по Class. В чем разница, читайте в первой части статьи.

      4. Теперь подключим скрипты

      Самый простой способ подключения скриптов. Открываем файл header.php или footer.php, которые расположены по адресу ваш-сайт/wp-content/themes/ваша-тема/ и вставляем код:

      1 2 
      <script src="https://мой-домен.com/wp-content/themes/ваша-тема/js/jquery.maskedinput.min.js"></script> <script src="https://мой-домен.com/wp-content/themes/ваша-тема/js/maskphone.js"></script>

      Однако данный способ не совсем правильный с точки зрения работы с системой WordPress. К примеру, если вы решите обновить тему, то наш сторонний код может удалиться. Поэтому более правильно подключить скрипты через файл functions.php.

      4.1 Подключаем скрипты через файл functions.php

      Я всегда использую только такой способ подключения скриптов и файлов css. Это очень удобно. Из проекта в проект на WordPress у меня перетекает кусочек кода и папка с файлами, которые я сейчас приложу для скачивания. Итак, открываем файл functions.php и между тегами <php> вставляем код:

      1 2 3 4 5 6 7 8 9 
      function wpb_add_scripts() { wp_register_script('jquery.maskedinput.min.js', get_stylesheet_directory_uri(). '/js/jquery.maskedinput.min.js', '', '', true) wp_enqueue_script('jquery.maskedinput.min.js') wp_register_script('maskphone.js', get_stylesheet_directory_uri(). '/js/maskphone.js', '', '', true) wp_enqueue_script('maskphone.js') } add_action('wp_enqueue_scripts', 'wpb_add_scripts')

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

      1 2 3 4 5 6 7 8 9 
      function wpb_add_scripts() { wp_register_script('jquery.maskedinput.min.js', get_template_directory_uri(). '/js/jquery.maskedinput.min.js', '', '', true) wp_enqueue_script('jquery.maskedinput.min.js') wp_register_script('maskphone.js', get_template_directory_uri(). '/js/maskphone.js', '', '', true) wp_enqueue_script('maskphone.js') } add_action('wp_enqueue_scripts', 'wpb_add_scripts')

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

      Выгружаем маску в Instagram

      Что ж, мы сделали маску, протестировали ее. Теперь нам нужно загрузить ее в Instagram, чтобы вы и другие пользователи социальной сети могли ей пользоваться.

      Для этого переходим в меню слева, нажимаем «File», затем «Export and Upload»

      Жмем кнопку «Upload»

      Далее нас перекидывает в Spark AR Hub, где нам предстоить заполнить карточку нашей маски:

    1. Называем маску
    2. Выбираем категорию
    3. Добавляем ключевые слова, по которым можно будет найти маску,
    4. Нужно снять и добавить демонстрационное видео, которое будут видеть пользователи, при переходе во вкладку эффекты в вашем профиле,
    5. Загружаем значок маски (для того, чтобы нарисовать иконку в папке с материалами для создания маски вы найдете все необходимые файлы). Советуем также изучить
    6. Можно оставить инструкцию для специалиста поддержки, если у вас сложная маска (например, чтобы маска заработала нужно провести пальцем по экрану или сделать определенное движение головой. 
    7. Когда мы заполним всю необходимую информацию – жмем «Отправить».

      Готово, теперь наша маска находится на модерации и в скором времени мы сможем ее использовать в Stories.

      Добавление масок в инстаграме через каталог масок

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

      Как найти каталог масок:

      • Переходим в камеру сториз.
      • Заходим в раздел с нашими масками.
      • Нажимаем 2 раза на любую маску и кликаем на «просмотр эффектов».

      Откроется галерея эффектов. Сверху страницы отображаются разные тематические разделы.

      Чтобы добавить маску: выберите понравившуюся и нажмите справа внизу на иконку «сохранить в камере».

      Как посмотреть, кто пользовался маской в Инстаграме?

      Такая статистика доступна тем, кто имеет созданный проект и хочет проверить количество сохранений своего творения. Вот, как посмотреть, кто использовал вашу опцию в Инстаграм:

      1. Войдите в личный кабинет Hub-а, через который выполнялась публикация.  
      2. Открой вкладку Insights.  
      3. Здесь можно посмотреть данные показов, снимков и репостов как со всеми масками, так и по отдельности за определенный промежуток времени.

      Почему маски не загружаются

      Бывает так, что фильтры работали, но пропали. Большинство пользователей не знают, что делать в этом случае. Когда только появился этот новый функционал, часто происходили различные сбои. Администрация Instagram может также заблокировать возможность пользования функционалом для конкретного человека. Чтобы узнать о запрете, необходимо понаблюдать за уведомлениями, где высылается предупреждение.

      Если вы потеряли определенное дополнение, то:

      1. Найдите человека, у которого видели этот эффект в сториз
      2. Обратите внимание на название под ником пользователя;
      3. Нажмите на него;
      4. Выберите «Добавить» или «Попробовать».
      Если не удается ее найти, то, возможно, она была удалена разработчиком или администрацией приложения. Можно выбрать подобную в поиске, используя определенные критерии.

      Как пользоваться масками в Инстаграм: пошаговая инструкция

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

      1. Откройте свою страницу.
      2. Запустите фронтальную камеру. Для этого кликните на иконку фотоаппарата, расположенную в левом верхнем углу экрана. Или же просто проведите по сенсору слева направо.
      3. Нажмите на смайлик в правом нижнем углу экрана.
      4. Выберите понравившееся изображение и оно появится на лице.

      Совет! Чтобы активировать интерактивную функцию, можно покривляться, покрутить головой, высунуть язык или открыть рот.

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

      1. Найдите автора эффекта. Его ник всегда указывается в левом верхнем углу Истории.
      2. Кликните на ссылку, чтобы добавить фильтр себе.
      3. Если линк не активен, то просто найдите создателя по никнейму в поиске и подпишитесь на автора.
      4. Перейдите в режим съемки и примерьте новую опцию.

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

      1. Запустите “фронталку” в приложении.
      2. Нажмите на смайлик, чтобы открыть стандартный набор фильтров.
      3. Дважды кликните на любое изображение и выберите функцию “Просмотр эффектов”. На экране откроется галерея.
      4. Отсортируйте предложенные варианты по тематике.
      5. Нажмите на понравившуюся картинку и сохраните ее через кнопку в правом нижнем углу.

      Если по каким-то причинам Instagram Filters перестали отображаться во время съемки Историй, то есть значок смайлика пропал, необходимо обновить мобильное приложение.

      Важно! Дополненная реальность исчезает из-за того, что выходит новая версия программы. Не у всех пользователей обновление происходит автоматически. Требуется выполнить эту процедуру самостоятельно.

      В большинстве случаев достаточно перейти в App Store или Play Market и установить все рекомендуемые обновления. После может также понадобится перезагрузка устройства.

      В редких случаях владельцам аккаунтов приходится удалять Инстаграм и заново устанавливать уже новую версию приложения.

      Совет! Заранее проверьте, соответствует ли ваш смартфон техническим требованиям новой версии. Иначе рискуете остаться совсем без аккаунта, пока не купите новую, более современную модель телефона.

      Кроме того, стоит помнить о некоторых нюансах использования анимированной опции приложения:

      • некоторые из них доступны только для мобильных устройств бренда iPhone;
      • новинки не загрузятся, если мобильная память заполнена;
      • без подписки на автора эксклюзивные эффекты не появятся в галерее;
      • для эффекта стоит ограничение по геолокации (в этом случае пользоваться им можно будет только с запущенным VPN).
      Источники

      • https://www.obrazstroy.ru/blog/kak-sdelat-masku-v-instagram-poshagovaya-instruktsiya/
      • https://maskigram.ru/
      • https://zen.yandex.ru/media/lovim/kak-sozdat-masku-dlia-instagram-za-15-minut-5f5a3ed53b4a013bf86d378c
      • https://firelinks.ru/socialnye-sety/4452-kak-polzovatsja-maskami-v-instagram.html
      • https://geekbrains.ru/posts/designing_instagram_mask
      • https://www.iphones.ru/iNotes/kak-sdelat-svoyu-masku-dlya-instagram-za-10-minut-poprobuyte-02-23-2020
      • https://in-scale.ru/blog/kak-sdelat-masku-v-instagram
      • https://InstaGrammar.ru/raskrutka/gde-naiti-maski-v-instagram-istorii/
      • https://in-wiki.com/maski-dlya-storis-v-instagram.html
      • https://agvento.by/web-development/maska-telefona-html-contact-form-7/
      • https://greatlabel.ru/blog/maski-instagram
      • https://in-wiki.com/pochemu-ne-rabotayut-maski.html

      Рейтинг
      ( Пока оценок нет )
      Понравилась статья? Поделиться с друзьями:
      Все об устройствах на Windows, Android, iOS
      Добавить комментарий

      ;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: