Как создать маску в Инстаграм самому
По состоянию на сегодняшний день, создать маску в Instagram Stories и загрузить ее в свой аккаунт может абсолютно любой желающий. Теперь, для того, чтобы опубликовать свою маску и сделать ее общедоступной, совсем необязательно становиться частью команды закрытого бета-тестирования. Однако созданную вами маску по-прежнему будут модерировать, т.е. ваша масочка должна дождаться одобрения, прежде, чем ее увидят ваши подписчики.
Быстрая навигация по статье:
В этой статье мы предоставим много полезной информации о масках — о том, какие они бывают, как делать созданные маски доступными, и, конечно же, подробную инструкцию, как сделать маску в Инстаграм самому с нуля, как совершенствовать свои навыки в создании масок. Такая информация будет невероятно полезна новичкам, всем тем, кто хочет овладеть искусством создания собственных фильтров дополненной реальности.
Сразу хотим сказать, что для создания своей маски, вам не нужно быть программистом, дизайнером, профессиональным веб-разработчиком
. Все, что вам понадобится, — это творческие идеи и желание научиться их реализовывать. Но, если у вас нет времени учиться, вы совершенно не дружите с компьютером и программами, описываемыми в статье, у вас совсем не работает фантазия, а новая маска вам нужна, то лучше заказать ее у профессионалов.
Что нужно, чтобы сделать маску в Instagram самому. Инструменты
1. Для самостоятельной разработки «инста-масок» существует специальное приложение Spark AR Studio. Это приложение имеет версии и для macOS, и для Windows 10, благодаря чему создавать свои маски смогут пользователи различных платформ. Скачать подходящую версию программы можно по ссылке на официальном ресурсе приложения.
Обратите внимание на то, что программа Спарк АР всегда должна быть свежей версии. Если вы открываете программу, и вам предлагается скачать обновление для нее, обязательно скачивайте и устанавливайте. Маски, которые вы создаете на старых версиях программы, не принимаются на модерацию. Вас попросят сделать их на новых версиях программы в любом случае!
2. Для тестирования готовой маски на телефоне вам также понадобится приложение Spark AR Player, которое имеет версии как для iOS, так и для Android. С помощью этого мобильного приложения вы сможете проверить, как ваша маска «ведет себя» в естественных условиях, как она ложится на «реальное лицо». Скачать это приложение для Android и iOS можно здесь.
3. Если вы хорошо владеете английским языком, то вы можете изучить интерактивные материалы по разработке масок в разделе Learn на официальном сайте. Если ваш английский далек от идеального, то на нашем сайте вы сможете найти пошаговые инструкции по созданию масок в Instagram.
4. Регистрация в социальной сети Facebook. Так как программа Spark AR была создана Facebook, то перед началом работы в программе вас могут попросить указать логин и пароль в Фейсбуке. Также регистрация в Facebook необходима для загрузки маски в Инстаграм.
5. Помимо самой программы для создания масок вам понадобятся файлы из Face Distortion Pack. Скачать эти файлы можно на официальной странице программы: https://developers.facebook.com/docs/ar-studio/tutorials/face-distortion-and-retouching/. Для этого кликните на активную ссылку как на скриншоте, и сохраните архив на компьютер.
6. Плюсом будет мощный компьютер и знание английского языка. Внутри программы Spark AR все будет на английском, но мы попробуем разобраться, как изменять базовые настройки для создания простой маски, и что значат те или иные команды. Слабый или старый компьютер может не потянуть мощную программу Spark AR. Это также стоит учитывать, если вы решили создавать маску Инстаграм самостоятельно.
7. Вам также понадобится Фотошоп. Для работы с масками углубленные знания фотошопа не потребуются, однако, если вы хорошо владеете этой программой, то это будет ваше дополнительное преимущество.
Как сделать маску доступной другим пользователям
После того, как вы разработали свою маску, ее необходимо «проверить» в приложении Spark AR Player. Если с маской все в порядке, то вам нужно будет выгрузить ее в свой аккаунт Инстаграм.
Загружать маски можно в любой тип аккаунтов: Business (Бизнес), Creator (Автор) и Individual (Личный). В зависимости от того, в каком аккаунте будет загружена маска, ей будет присвоен соответствующий статус. После модерации маска станет доступна другим пользователем этой социальной сети в зависимости от своего статуса. Мы подготовили для вас пошаговую инструкцию, как загрузить новую маску в Instagram.
Как сделать маску в Spark AR. Пошаговая инструкция для новичков
Урок 1.
1. Первый шаг — необходимо скачать Spark Ar Studio для Windows или MacOS и упаковку нужных для работы с маской файлов. Активные ссылки на официальный ресурс приводятся в 1 и 5 пунктах описанных нами инструментов для создания маски Инстаграм.
2. Установите Spark AR Studio, следуя простым инструкциям программы. На главном экране появится ярлык программы, заходите в нее.
На главной страничке программы вас ждут различные примеры с готовыми эффектами. Однако весь процесс создания такого эффекта не описан, и вы можете посмотреть только на готовый проект.
3. Чтобы начать создавать свою маску, нажмите на кнопку в правом нижнем углу Create Project.
Перед нами появляется наше рабочее пространство. Левая часть экрана содержит необходимые для работы инструменты. Центральная часть экрана (Viewport) содержит лицо человека, демонстрирующего этапы создания маски. Здесь вы можете передвигать объекты, а также следить за изменениями маски в реальном времени. В правой части экрана находятся дополнительные инструменты для обработки эффектов. Мы схематично обозначили, как делится рабочее пространство в программе.
В целом устройство программы напоминает Фотошоп, поэтому многим будет интуитивно понятно, как пользоваться программой.
4. Давайте научимся заменять человека, демонстрирующего маску с разных сторон. Для этого в крайнем левом столбике меню найдите значок видеокамеры. Нажмите на него и вы увидите варианты моделей. Выберите понравившегося героя.
5. Теперь нам нужно наложить на лицо объекта так называемый Face Tracker, инструмент, позволяющий отслеживать все изменения позиции лица. Для этого нажимаем:
- Вкладку Add в верхней панели инструментов.
- В выпадающем меню выбираем Scene Understanding (Понимание сцены).
- Затем выбираем Face Tracker (Трекер лица).
Эффекты масок
- Face Tracker — отслеживает лицо пользователя. Этот эффект начинает работать при появлении лица в кадре.
- Plane Tracker — отслеживает поверхность. С помощью этого эффекта можно добиться того, что при появлении в камере заданной поверхности свойства объекта будут меняться или будут появляться другие объекты.
- Target Tracker — отслеживает конкретную точку.
- Hand Tracker — отслеживает руки, которые попадают в кадр, позволяет добавлять объекты и видоизменять их при появлении рук.
- Face mesh — 3D-модель лица, сетка. Вместе с работающим Face Tracker способна реагировать на движения и выражение лица.
Урок 2.
Мы освоили подготовительную часть, рассмотрели, как устроена программа изнутри. Теперь мы можем приступать непосредственно к созданию нашей маски. В этой части мы освоим ретушь и коррекцию лица.
1. После установки трекера нам необходимо наложить на него (установленный слой Face Tracker) сетку лица, так чтобы трекер ее отслеживал. Нажимаем следующие кнопки:
- Вкладку Add.
- В выпадающем меню 3-D objects (3-D объекты).
- В списке объектов выбираем Face Mesh (сетка для лица).
Сетка лица — специальный инструмент, слой, на котором мы и будем рисовать нужные нам эффекты. Таких слоев будет несколько, и каждый из них будет выполнять свои функции. Например, первый слой будем использовать для ретуши лица, второй — для создания эффекта увеличения глаз и т.д.
Каждому новому слою желательно давать свое имя, чтобы потом не запутаться. Поэтому новый слой Face Mesh следует переименовать, и назвать, к примеру, ретушь лица.
- Нажимаем правой кнопкой мыши на слой Face Mesh в левой части экрана с инструментами.
- Выбираем кнопку Rename (Переименовать).
- Пишем нужное имя слоя.
У нас должно получиться вот так:
В левой части экрана появляется новый материал (Assets — Material — Material0), а слой лица на рабочей поверхности становится белым.
Имя материала необходимо также переименовать. Мы дадим ему такое же название как и сетке для лица «Ретушь лица«. Для этого точно также нажимаем правой кнопкой мыши на Material0 и выбираем значение Rename. Затем вписываем нужное название материала.
Теперь в правой рабочей части экрана ищем раздел Shader Types (типы шейдера). Нажимаем на выпадающее меню возле слова Standard.
Ше́йдер (англ. shader — затеняющая программа) — это программа, которая часто используется в трёхмерной графике для определения окончательных параметров объекта или изображения, может включать в себя описание поглощения и рассеяния света, наложения текстуры, отражения и преломление, затенение, смещение поверхности и множество других параметров.
Устанавливаем галочку на Retouching (Ретуширование).
Таким образом мы можем изменять параметры ретуширования лица, передвигая бегунок Skin Smoothing.
Если установить значение на 90-100%, то лицо получится слишком «пластмассовым» и неестественным. Учитывайте это и не перестарайтесь. Идеальными будут параметры от 25% до 35%. Такой уровень сглаживания кожи позволит скрыть мелкие морщинки, прыщики, точки или неровности на лице. Вы можете самостоятельно изучать возможности этого инструмента и пробовать различные варианты, пока не достигните желаемого эффекта.
3. Снова выделяем Face Tracker0.
Добавляем новый слой сетки для лица Face Mesh. Проделываем все те же манипуляции, что и
Для того, чтобы сделать его активным, зажмите его левой кнопкой мыши и перетащите поверх слоя Ретушь лица.
Теперь они оказались на одном уровне и мы можем продолжать работу. Переименовываем новый слой в «Коррекция лица».
4. Работая над этим слоем мы научимся увеличивать глаза, губы или проделывать другие трансформации лица. Для этого нам понадобится Face Distortion Pack (Искажение лица), который мы рекомендовали вам скачать в 5 пункте Инструментов. Распакуйте этот архив, например, на рабочий стол.
Затем нажмите на кнопку Deformation (Деформация) в правой части рабочей поверхности программы Spark AR.
Вам будет предложено открыть необходимые файлы. Ищем папку с этими файлами, расположенную на вашем рабочем столе. Открываем файл faceDestortionPack.
В правой части экрана программы появятся различные фильтры для работы. Здесь можно изменять параметры каждого глаза, рта, носа и т.д.
Изменяйте эти параметры по своему вкусу и наблюдайте за результатом.
5. Мы установим в настройках небольшие изменения. Правому и левому глазу установим значение 0,1 (это будет значить, что глаза немного увеличатся), носу присвоим значение -0,2 (немного уменьшив его), а губы немного увеличим, указав значению Mouth 0,2.
Обратите внимание, что для каждой части лица имеется отдельный параметр и бегунок рядом с ним. Также нужные значения можно вписывать напротив каждого параметра вручную. Мы обозначим для вас, что значат некоторые параметры на картинке:
Уменьшать любые части лица можно цифрами с минусовыми значениями, а увеличивать — значениями без знака минус.
Как протестировать маску в приложении Spark AR Player
Периодически вы можете проверять, что у вас получается, в приложении Spark AR Player, которое мы рекомендовали вам скачать во 2 пункте раздела Инструменты. Если вы до сих пор не скачали его на свой смартфон, сделайте этой сейчас. Как только приложение установилось, подключите смартфон через USB к своему компьютеру или ноутбуку (смотря на каком устройстве вы делаете маску).
Убедитесь, что ваш смартфон подключен не для зарядки, а для передачи данных, то есть таким образом, как если бы вы перекидывали фотографии с телефона на компьютер. В противном случае программа Спарк АР не увидит ваше устройство.
После правильного подключения переходите в левую нижнюю панель инструментов в программе Spark AR. Нажмите на кнопку «стрелочка с устройством» как это показано на скриншоте, и выберите «Отправить» (Send) на свое устройство.
После этого откройте приложение Spark AR Player на телефоне и направьте камеру на свое лицо. Вы сможете увидеть, как выглядит лицо после внесенных вами изменений. Продолжайте вносить изменения и тестировать маску на телефоне вышеуказанным способом.
Урок 3.
В этом уроке мы научимся рисовать что-либо на лице-маске.
1. Скачайте упаковку файлов Face Assets на свой компьютер. Сделать это можно прямо в программе Spark AR. Для этого перейдите во вкладку Help и выберите Download Face Assets.
Мы попадаем на отдельную страничку и скачиваем архив по указанной ссылке.
Извлекаем файлы из архива на рабочий стол. Открываем архив и ищем папку Textures (Текстуры).
Внутри мы видим вот такие файлы. Путь к папке обозначен в красной рамочке сверху.
Первая черно-белая маска — женская (Feminine), вторая — мужская (Masculine). Выберите нужную маску и вставьте ее в Фотошоп.
2. Берем для примера женскую маску и перетаскиваем ее в Фотошоп.
Можно открыть эту маску и через команду Фотошопа «Открыть», указав путь к файлу с маской. Выглядит основа для маски очень смешно, особенно с непривычки. Но именно на ней мы и сможем рисовать различные объекты, добавлять интересные эффекты. Если вы хорошо умеете рисовать, то вы можете сделать это на этом слое с маской, используя классические инструменты фотошопа.
Если же вы рисовать не умеете, то вы можете пофантазировать, и поискать нужные эффекты в интернете. Выбирать можете любые картинки и графические изображения, но помните, что они должны быть на прозрачном фоне, в формате PNG. Также это должны быть картинки, незащищенные авторским правом. Но для тренировок можете использовать любые понравившиеся. При поиске нужной картинки вы можете указать в фильтрах поиска изображения формат PNG. Для примера мы поищем божью коровку в таком формате.
Понравившееся изображение сохраняйте себе на компьютер. Не забывайте, что фон у фотографии прозрачный. Открываем изображения божьих коровок в Фотошопе поверх основы для маски. Вырезаем при помощи инструмента Лассо нужных насекомых и накладываем поверх маски, подогнав их по размеру.
После того, как мы установили нужные изображения на лицо-основу, нам следует отключить видимость фонового слоя. Для этого нажмите на глазик, который находится рядом с вашим фоновым слоем.
У вас должны остаться только объекты, которые вы расположили на шаблоне.
Сохраняем этот файл в формате PNG, чтобы сохранилась прозрачность слоев.
3. Теперь нам нужно будет загрузить данную текстуру в программу Spark AR. Для этого нажмите на вкладку File в левом верхнем углу и выберите значение Import from Computer (Импортировать с компьютера). Выберите директорию созданного файла PNG.
Файл откроется и появится у вас в текстурах в левой нижней части рабочей поверхности, под Материалами.
4. Теперь создадим еще один слой Face Mesh. Назовем его Ladybird и поставим так, чтобы он находился под Трекером лица.
После этого создаем новый материал, нажав на плюсик. Называем его так же, Ladybird. В Shader type (в правой части экрана) выбираем значение Face Paint (рисование на лице).
Переходим к параметру Textures, нажимаем на стрелочку в выпадающем меню и выбираем наш файл с божьими коровками.
Божьи коровки появились на лице нашей героини и мы можем посмотреть, как они будут смотреться на нашем собственном лице через приложение Spar AR Player на телефоне.
Вы можете столкнуться с тем, что ваши картинки окажутся размытыми на лице. Все дело в том, что файл сжимается. и картинка теряет четкость. Чтобы маска оставалась четкой, вам нужно выбрать вашу Текстуру (с левой стороны), а в правой части экрана пролистать до параметра Manual Compression (Ручное сжатие), и поставить галочку в окошке No Compression, чтобы ваша маска не сжималась и не теряла в качестве.
Также следует учитывать, что лицо человека объемное, имеются выпуклые части, и на них рисунок может искажаться. Особенно это касается носа. Поэтому располагайте объекты в этой области с умом, или редактируйте ПНГ-файл с текстурой и смотрите что получилось через телефон.
Когда результат кажется вам идеальным, переходите во вкладку File — Export. Нажмите кнопку Export.
Перед вами откроется окошко, сообщающее о том, что файл был экспортирован. Теперь вы можете загрузить его в Spark AR Hub для тестирования, опубликовать его и поделиться эффектом с друзьями.
Нажмите на кнопку Open Spark AR Hub и вы попадете на страницу загрузки вашей маски. Подробнее о том, как загружать маску в Instagram мы расскажем в нашем следующем уроке.
Итак, мы научились создавать простейшую «инста-маску», добавляя самые простые эффекты. Помимо картинок вы можете добавлять на лицо текст и множество других эффектов. Экспериментируйте, используя наши уроки!
Подробные уроки по создания масок в Instagram
Специально для создателей масок недавно был создан официальный форум, который называется Spark AR Forum. Здесь все зарегистрированные пользователи могут задать вопросы, поделиться проблемами, и найти решение своих сложностей….
Как вы, наверное, знаете, примерно с октября 2019 года руководством Facebook было принято ограничение относительно использования эффектов, изменяющих лицо. Многие новые маски Фейсбук и Инстаграм, в которых имелись…
Если вы научились делать собственные маски для странички в Инстаграм, то еще не факт, что готовый эффект промодерируют, и он украсит ваш аккаунт. И тогда весь ваш труд…
Мы публиковали в наших подборках очаровательные маски Инстаграм с надписями, а также маски с надписью Moments. Сейчас такие фильтры в тренде и пользуются большой популярностью среди блогеров. Хотите…
Многие новички, которые только собираются овладеть искусством создания масок, ищут, где можно скачать так называемое лицо для маски в Инстаграм. Ведь именно на таких лицах-шаблонах и осуществляется вся…
Последние месяцы одним из самых часто встречающихся и популярных эффектов в масках Инстаграм является фильтр «Искры из глаз». При этом данный эффект может комбинироваться и с другими эффектами,…
13 августа 2019 года Facebook опубликовал информацию о том, что теперь абсолютно все пользователи смогут пользоваться программой Spark AR Studio, самостоятельно создавать маски для Instagram, публиковать эффекты. Теперь…
Предлагаем вам еще один весьма подробный видеоурок, в котором автор рассказывает не только о самой программе Spark AR Studio, но и делится ценными советами по созданию различных 2-D…
После того, как ваша маска полностью готова и доработана, вы должны привязать ее к своему аккаунту в Instagram. Чтобы добавить маску в Инстаграм, следует выполнить несколько простых действий,…
Другой интересный эффект, который нравится многим пользователям Instagram, — эффект металла. Сделать его не так уж сложно, если вы хоть немного разбираетесь в программе работы с масками Spark…
Как создать маску в Instagram | GeekBrains
Пошаговая инструкция с комментариями дизайнера.
https://d2xzmw6cctk25h.cloudfront.net/post/2022/og_image/e57d4ce6c9bfc9a3d4071c0350dfdee1.png
AR-маски, популярные сейчас в Instagram, на самом деле появились намного раньше. В 2015 году их увидели пользователи приложения MSQRD, позже они пришли в Snapchat. За пару лет маски стали использоваться гораздо шире, чем просто для развлечения: маски активно используются в рекламе, блогеры с их помощью продвигают аккаунты. Также маски могут привлечь внимание к интересным проектам и социальным проблемам.
После того как Instagram открыл доступ к созданию масок всем пользователям, сделать их может любой — и даже специальных технических знаний не потребуется. Совместно с дизайнером GeekBrains Германом Шаловым мы дадим базовую инструкцию, как сделать маску в инстаграме самому.
Скачайте программу Spark AR Studio
Spark AR Studio — это AR-среда Facebook. В ней создают маски на основе нужной текстуры, подготовленной в Photoshop или любом графическом редакторе, который работает с альфа-каналами (прозрачностью). Чтобы создать маску в инстаграме самому, необходима программа Spark AR Studio, которая есть в версиях для компьютера (macOS, Windows) и смартфона (iOS, Android). Рекомендуем скачать обе версии — на смартфоне удобно сразу же тестировать результат
.
Соедините 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 — только этот формат поддерживает прозрачность. Важно сохранить только эффект, без схемы лица.
Как создать свою маску в Инстаграме
Снова переместитесь в Spark AR и создайте проект: нажмите Create project. Затем загрузите в программу текстуру — перетащите ее в Assets в нижний правый угол, и текстура автоматически отобразится в разделе Texture.
Далее перейдите в рабочее пространство для создания маски — Insert → Scene. Вы будете работать с функциями FaceTracker и FaceMesh. Первая отслеживает движение лица и мимику, вторая — 3D-объект, который синхронизируется с трекером и содержит ваши текстуры с эффектами.
Нажмите Scene → FaceTracker → Insert, затем Scene → FaceMesh → Insert. Эта связка, именно в такой последовательности, поможет привязать маску к мимике и движениям лица. Следите, чтобы трекер был вложен в последовательность папок: device / camera / focal distance. FaceMesh должен быть внутри device / camera / focal distance / facetracker.
Дальше создаем материал для маски. В окне Assets кликните +add asset в правом нижнем углу, затем нажмите Material. Выберите тип нанесения (Shader Type) — например, Retouching сглаживает кожу, а Flat не отражает свет и удобен для рисунков на лице. В большинстве случаев подходит Face paint: он учитывает рельеф и форму лица и органично наносит на него рисунок.
Свяжите FaceTracker с материалом: в правом меню кликните Material, затем Texture и выберите текстуру. Рисунок появится на модели в рабочей области. Маска почти готова.
К маске можно добавить анимацию. Перейдите во вкладку View → Patch editor. Протестируем такой сценарий: маска появляется вместе с улыбкой человека. Что нужно для этого сделать:
- в поле Patch editor перенести эффект Face Tracker — в рабочей области отобразятся его свойства;
- выбрать параметр Smile и связать его с эффектом;
- во вкладке Scene выбрать объект и кликнуть на стрелку рядом с пунктом Visible;
- получившийся объект связать с объектом Smile.
В итоге создается созависимая цепочка эффектов, благодаря которой отобразятся три эффекта, когда человек улыбнется.
Для начала вам хватит дефолтных материалов, которые предлагают в программе. А когда наловчитесь работать со Spark AR, сможете создать авторскую маску.
Протестируйте маску
Нажмите кнопку Test on device, о которой мы говорили в первом пункте инструкции, и подождите, пока программа передаст данные на смартфон. Когда появится маска, протестируйте ее в разных положениях лица: улыбнитесь, покрутите головой влево-вправо, вверх-вниз. Проверьте маску при разном освещении и фонах: если вы делали ретуширование лица, оцените, как эффект работает при недостаточном свете.
Если маска слетает при движении, внесите изменения и протестируйте еще раз. Затем переходите к экспорту.
Экспортируйте маску
Здесь все просто: в левом нижнем углу экрана найдите кнопку Export и выберите папку, в которую нужно сохранить маску. Если маска весит больше, чем нужно (допускается 10 Мб, но желательно 2 Мб и меньше), программа предупредит об этом перед экспортом. Обратите внимание, что в Instagram нужно выгрузить именно этот файл, а не файл проекта.
Как добавить маску в Инстаграм
Заключительный шаг: перейдите в Spark AR Hub и загрузите маску, следуя инструкции. Кроме самой маски, нужна еще иконка для нее — требования к иконке есть на сайте Spark AR.
Если хотите официально выложить маску в Facebook или Instagram, нужно записать демо-видео. В ролике расскажите или покажите, как работает эффект, и уложитесь в 15 секунд. Видео должно быть качественным — оно будет отображаться чем-то вроде обложки раздела с масками в вашем аккаунте.
Дождитесь, пока модераторы проверят маску. После этого она появится во вкладке «Галерея эффектов» в окне записи stories в Instagram.
Пока ждете проверку, маской легко делиться с кем угодно через ссылку. Ее можно открыть 200 раз, после чего придется создать новую ссылку. Там же, в AR Hub, можно на 60 минут закрепить маску в вашем инстаграм-аккаунте.
Как сделать маску в Инстаграме? Совсем несложно! — успех во многом зависит от того, какую текстуру для маски вы предварительно подготовили. На факультете графического дизайна GeekUniversity вы научитесь создавать не только качественные текстуры для масок, но и множество других вещей — от простейших иллюстраций до масштабных фирменных стилей. Присоединяйтесь!
создание маски в Instagram — Маркетинг на vc.ru
{«id»:89505,»url»:»https:\/\/vc.ru\/marketing\/89505-instrukciya-sozdanie-maski-v-instagram»,»title»:»\u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f: \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0430\u0441\u043a\u0438 \u0432 Instagram»,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/marketing\/89505-instrukciya-sozdanie-maski-v-instagram»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/marketing\/89505-instrukciya-sozdanie-maski-v-instagram&title=\u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f: \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0430\u0441\u043a\u0438 \u0432 Instagram»,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/marketing\/89505-instrukciya-sozdanie-maski-v-instagram&text=\u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f: \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0430\u0441\u043a\u0438 \u0432 Instagram»,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/marketing\/89505-instrukciya-sozdanie-maski-v-instagram&text=\u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f: \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0430\u0441\u043a\u0438 \u0432 Instagram»,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/marketing\/89505-instrukciya-sozdanie-maski-v-instagram»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f: \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0430\u0441\u043a\u0438 \u0432 Instagram&body=https:\/\/vc.ru\/marketing\/89505-instrukciya-sozdanie-maski-v-instagram»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}
67 659 просмотров
Как сделать свою AR маску в Инстаграм Stories? — Соцсети на vc.ru
{«id»:76721,»url»:»https:\/\/vc.ru\/social\/76721-kak-sdelat-svoyu-ar-masku-v-instagram-stories»,»title»:»\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e AR \u043c\u0430\u0441\u043a\u0443 \u0432 \u0418\u043d\u0441\u0442\u0430\u0433\u0440\u0430\u043c Stories?»,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/social\/76721-kak-sdelat-svoyu-ar-masku-v-instagram-stories»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/social\/76721-kak-sdelat-svoyu-ar-masku-v-instagram-stories&title=\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e AR \u043c\u0430\u0441\u043a\u0443 \u0432 \u0418\u043d\u0441\u0442\u0430\u0433\u0440\u0430\u043c Stories?»,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/social\/76721-kak-sdelat-svoyu-ar-masku-v-instagram-stories&text=\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e AR \u043c\u0430\u0441\u043a\u0443 \u0432 \u0418\u043d\u0441\u0442\u0430\u0433\u0440\u0430\u043c Stories?»,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/social\/76721-kak-sdelat-svoyu-ar-masku-v-instagram-stories&text=\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e AR \u043c\u0430\u0441\u043a\u0443 \u0432 \u0418\u043d\u0441\u0442\u0430\u0433\u0440\u0430\u043c Stories?»,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/social\/76721-kak-sdelat-svoyu-ar-masku-v-instagram-stories»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e AR \u043c\u0430\u0441\u043a\u0443 \u0432 \u0418\u043d\u0441\u0442\u0430\u0433\u0440\u0430\u043c Stories?&body=https:\/\/vc.ru\/social\/76721-kak-sdelat-svoyu-ar-masku-v-instagram-stories»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}
43 463 просмотров
Как сделать маску в Инстаграм за 7 шагов – Блог Instaplus.me
Недавно разработчики Instagram позволили создавать собственные AR-маски всем пользователям. Теперь любой желающий всего за несколько минут может сделать маску в Инстаграм, разнообразить свои Stories уникальными фильтрами дополненной реальности и поделиться своим творением с другими. Вариантов масок уже бесчисленное множество, ведь над их созданием трудятся как бренды, так и рядовые пользователи. Из этой статьи вы узнаете, как создать собственный AR-фильтр, и даже продвинуть свой аккаунт таким способом.
Содержание страницы
Что такое Инстаграм маска
Маски в Инстаграм — визуальные эффекты, которые автоматически накладываются на реальное изображение, отображаемое вашей камерой. Другими словами, это те самые смешные носики и ушки, очки, шляпки и макияж, с которыми так часто можно встретить людей в Stories или прямых эфирах. Эти визуальные эффекты двигаются вместе с вами, как бы дополняя существующую реальность.
Изначально созданием масок занимался креативный отдел Instagram. Был основной набор AR-фильтров, а также регулярно выпускались различные коллаборации со знаменитостями и брендами. Но недавно руководство социальной сети сменило стратегию и позволило создавать маски всем желающим.
Новые возможности пришлись по вкусу не только digital-дизайнерам, но и рядовым пользователям, ведь если не заморачиваться с 3D-эффектами, создать свою уникальную маску можно всего за 10 минут.
Для чего создавать свою маску в Инстаграме
Если вы продвигаете свою страницу или используете Instagram для бизнеса, то наверняка уже знаете, что Stories — это наиболее эффективный способ привлечения молодых пользователей. Согласно статистике за прошлый год более 500 млн. пользователей просматривали раздел Stories. Ежедневно из 67% из них были люди в возрасте от 18 до 29 лет. Так вот, такие интерактивные функции как AR-фильтры помогают привлечь внимание пользователей.
Ряд причины, по которым обязательно стоит использовать маски:
- Показывают личность вашего бренда. Использовать маски можно не только для саморекламы, но и чтобы показать социальные идеи, поддерживаемые и пропагандируемые брендом.
- Связь с вашей аудиторией. AR-фильтры — это новейший интерактивный элемент для Instagram Stories, которые так полюбились пользователям социальной сети. С их помощью ваши истории смогут привлекать еще больше внимания пользователей.
- Быть на шаг впереди. Собственные маски — все еще новая функция, которой пользуются далеко не все компании. Это хороший шанс выделиться среди конкурентов, предложив, например, примерить вашу продукцию перед покупкой или надеть брендированный элемент одежды.
- Увеличение узнаваемости. AR-маски хоть и не являются рекламным объектом, но могут использоваться для увеличения узнаваемости бренда. Вы можете включить логотип или талисман вашего бренда в фильтр AR, тогда ваш уникальный фильтр будет отображаться в галереи и, когда другие пользователи будут записывать видео с ним, они будут еще и рекламировать ваш бренд. Кроме того, в каждом фильтре указывается авторство, что может принести и потенциальных подписчиков.
Как создать маску в Инстаграм
Создать собственную AR-маску под силу любому пользователю. Используется для этого Spark AR Studio — AR-среда для разработки от Facebook. После открытия возможности добавлять маски всем пользователям разработчики Инстаграм поделились ссылкой именно на данное приложение. Мы же поделимся подробной инструкций и расскажем, как создать маску в Инстаграме за 7 шагов.
Шаг 1: устанавливаем Spark AR Studio
Первое, что нужно сделать — скачать Spark AR Studio. Для загрузки следует посетить официальный сайт проекта и в правом верхнем углу выбрать раздел Download. Программа поддерживает работу со всеми операционными системами. Вы также можете установить приложение Spark AR Studio из Google Play или App Store.
Шаг 2: изучаем программу
Spark AR Studio предлагает полезный приветственный тур для ознакомления, который длится всего 5 минут. Он рассказывает об основных функциях приложения.
Источник: influencermarketinghub.comВ целом, программа Spark AR позволяет добавлять:
- элементы 3D-графики;
- JavaScript-коды;
- эффекты камеры и света;
- спрайтовую анимацию;
- реакцию на действия;
- трекеры тела и еще много чего интересного.
В работе с приложением нужно помнить два важных нюанса:
- Во-первых, платформа Spark AR все еще активно развивается. Новые обновления выходят пару раз в неделю, и иногда они могут кардинально менять интерфейс и функционал.
- Во-вторых, в одном гайде мы не сможем рассказать обо всех возможностях Spark AR. Их слишком много и освоить все за один раз — не реально. Разработке масок посвящены образовательные курсы, поэтому если вы хотите освоить все функции Spark AR, вы можете пройти обучение на Udemy. Некоторую полезную информацию вы также можете получить в учебном центре от Spark AR, перейдя в раздел Learn на официальном сайте.
Шаг 3: создаем новый объект
Когда вы откроете Spark AR, перейдите в раздел Create Project и выберите прототип проекта, который хотите создать. В нашем примере мы будем использовать шаблон World Object, который включает в себя размещение графического 3D-элемента в реальном мире, как в маске от Coca-Cola с белым медведем.
Источник: influencermarketinghub.comЧтобы начать, кликните на выбранный шаблон. Программа перенаправит вас на холст Viewport, который предварительно уже будет заполнен выбранным шаблоном. Обратите внимание, что если вы используете Spark AR Studio впервые, прежде чем появится возможность редактирования, приложение попросит ознакомиться и принять соглашение использования.
Окно Viewport выглядит как сложный холст, но не стоит пугаться. Все относительно просто и кроме того, разработчики программы прилагают подробное описание. Визуально Spark AR Studio похожа на Adobe.
В центре находится область Viewport — трехмерное пространство, с помощью которого можно детально рассмотреть объект, передвинуть его или изменить.
В правом верхнем углу расположено окно Simulator, где объекты будут отображаться так, как будут выглядеть на вашем смартфоне. Используя выпадающий список, вы можете изменить симулятор с iPhone 8 на ваше устройство, чтобы проверить корректность работы.
С левой стороны расположена панель Assets и вкладка Scene. Assets служит своеобразной библиотекой эффектов, а раздел Scene — местом для работы с ними.Именно в данном разделе создаются слои и добавляются эффекты.
Шаг 4: загружаем графический объект
В окне Scene нужно добавить 3D-актив для своего фильтра. Это может быть как собственный импортируемый графический объект, так и один из представленных в библиотеке Spark AR Studio.
Чтобы добавить объект, нажмите на кнопку File, расположенную в левом верхнем углу, а затем выберите Import from AR Library.
Источник: influencermarketinghub.comВ новом окне программа предложит определить желаемый тип графического объекта. Мы будем использовать 3D-объекты, поэтому совершаем соответствующий выбор и кликом выбираем понравившийся объект. Выберите элемент, который вам нравится, и кликните по Import Free button.
Источник: influencermarketinghub.comПоскольку приложение использует библиотеку Sketchfab, чтобы завершить импорт, потребуется создать учетную запись в ней, или войти с помощью авторизации через социальные сети. Это лишь формальность и дело нескольких кликов.
Источник: influencermarketinghub.comНаходясь в библиотеке вы также можете добавить звук в свои фильтры, импортировав записи из нее.
Шаг 5: добавляем эффекты
Теперь, когда в области просмотра уже отображается ваш объект, пришло время отредактировать его поведение, добавив различные эффекты. Используя панель Scene, вы сможете запрограммировать, как графический цифровой объект будет реагировать на манипуляции пользователя и движения.
Редактирование поведения загруженной графики является ключевым этапом создания собственного AR-фильтра. На данном этапе вы можете подключить фантазию и добавить в свою маску всевозможные эффекты. Например, изменить цвет и интенсивность окружающего освещения.
На картинке снизу показан 3D-объект (пицца) без окружающего освещения (сверху) и с окружающим освещением (снизу).
Источник: blog.hootsuite.comИсследуя панель Scene, вы также увидите, что можете:
- Сменять направленный свет, придавая своему графическому элементу больше реалистичности.
- Выбирать, когда будет включен объект, будет он поддерживать работу с только передней, задней или может обеими камерами.
- Изменять анимацию загруженного объекта.
- Редактировать анимацию объекта.
- Добавлять слои с новыми элементами и текстурами.
Вы также можете связать анимацию своего объекта с действиями человека, находящегося в поле зрения камеры. Например, объект появляется, если человек улыбнется. Для этого следует подключить опцию Face Tracker и в поле Patch Editor выбрать опцию Smile.
Шаг 6: оцениваем свою работу
Чтобы проверить, как работает созданный вами фильтр, можно отправить его тестовую версию в Instagram или Facebook. Там можно увидеть, как он работает при записи Stories. Для этого в нижней части экрана кликните на значок с изображением стрелочки и смартфона и в разделе Send to App кликнете по кнопке Send рядом с Instagram Camera.
Источник: influencermarketinghub.comШаг 7: экспортируем и публикуем проект
Теперь можете поделиться своим творением с миром, нажав кнопку Upload, которую вы найдете прямо над Test on device. Spark AR Studio предупредит, если размеры файла будут превышать установленные лимиты. Например, фильтры для Инстаграм должны быть не более 4 МБ, а рекомендованной величиной считается 2 МБ.
Источник: in-scale.ruНо будьте готовы к тому, что ваша работа не будет опубликована сразу. Сначала маска пройдет проверку модераторами на соответствие политике и рекомендациям Spark AR и только после будет опубликована в «Галереи эффектов» для Stories.
Теперь вы знаете, как делать маски в Инстаграм, но продолжайте учиться. Знакомьтесь с новыми шаблонами, тестируйте новые эффекты. Функциональные возможности Spark AR Studio позволяют воплотить любые креативные идеи вашего бренда.
Варианты использования масок
AR-фильтры открывают невероятные возможности для самовыражения и интерактивов. Рассмотрим несколько интересных примеров, где можно использовать маски:
- Для привлечения аудитории. Креативные AR-фильтры, созданные известными блогерами и звездами, быстро становятся популярными среди пользователей и приводят новых подписчиков.
- Для поддержания имиджа компании. Маски можно использовать для увеличения узнаваемости, добавив в них отсылки к своему бренду или эмблеме.
- Для интерактивов. С помощью масок можно вовлекать пользователей, проводя различные интерактивы. Например, хоккейный клуб представил маску с шайбой, летящей в лицо, и предложил пользователям отбить ее. Авторы самых креативных фото с маской получили в подарок билеты на матч.
- Поднятие остросоциальных тем. С помощью масок можно поднимать различные социальные вопросы. Яркий пример этому — флешмоб против домашнего насилия “Янехотелаумирать”.
- Примерка продукции. Маски открывают невероятные возможности для бизнеса. Например, с их помощью компании могут позволить покупателям виртуально примерить продукцию перед покупкой. Такой формат использования масок сегодня тестируется многими брендами, включая Warby Parker и Ray-Bans.
Примеры масок
Полезность AR-фильтров уже успели оценить многие бренды. Предлагаем ознакомиться с несколькими интересными примерами масок брендов, которые принесли им успех.
Кайли Дженнер для раскрутки своего косметического бренда Kylie Cosmetics выпустила авторский фильтр, с помощью которого подписчицы могли попробовать различные оттенки помад, прежде чем купить их.
Источник: rusability.ruКомпания Дисней выпустила фильтры с ушками Микки и Минни Маус, чтобы пользователи могли немного понастольгировать и не забывали о корпорации.
Источник: rusability.ruПредставители NBA выпустили AR-фильтр, с помощью которого можно сделать селфи на фоне баскетболиста забрасывающим в кольцо горящий мяч.
Источник: rusability.ruПиццерия Додо создала забавный фильтр дополненной реальности с танцующей птичкой — символом бренда. Такое маркетинговое решение принесло компании 8 тыс. новых подписчиков в Инстаграме всего за 2 недели.
Источник: rusability.ruПреимущества и недостатки
Многие считают маски крутым маркетинговым инструментом, который стоит освоить всем брендам. Однако, маски могут быть не только полезными, но и опасными.
Преимущества, которые дают маски:
- Увеличение охватов. При использовании фильтра в левом углу видно имя автора, что увеличивает охваты профиля.
- Эффект вирусности. Теперь, чтобы использовать маску, не нужно подписываться на автора, но пользователи по привычке выполняют это действие, пополняя ряды фолловеров.
- Удобная презентация товаров. С помощью масок вы сможете дать пользователям возможность виртуально попробовать ваш товар.
- Возможность заработка. Умея создавать интересные качественные маски, вы можете делать их на заказ или платно обучать своим навыкам, зарабатывая на этом хорошие деньги.
- Увеличение интереса к бренду. Маски могут служить нативной рекламой вашего бренда и помогать формировать лояльность пользователей.
Но не все так радужно. Есть у масок и недостатки, способные навредить продвижению вашего аккаунта:
- Пользователи, подписавшиеся ради маски, обычно не заинтересованы в контенте и продуктах компании. Они ничего не лайкают и ничего не покупают, а лишь являются лишним балластом, который может привести к падению охватов.
- Интересные фильтры могут привлекать не только ЦА, но и других пользователей, что может привести к тому, что на ваш аккаунт придут и толпы нецелевых подписчиков.
- На аккаунт могут начать подписываться иностранные пользователи, которые обычно воспринимаются рекламодателями, как боты.
- Появление всех предыдущих пунктов негативно влияет на стоимость рекламы в аккаунте и может замедлить естественное его развитие.
Советы и нюансы
Создание AR-маски — лишь половина дела. Нужно еще и позаботиться о том, чтобы ее увидело как можно больше людей, поэтому здесь нужно учитывать ряд нюансов:
- Непредсказуемый срок модерации. По регламенту Instagram на проверку и утверждение маски требуется от 2 до 5 дней. Но процесс может затянуться на дольше, поскольку сейчас AR-маски — тренд. Их создают тысячами, и модераторы просто не успевает их проверять.
- Сложность рекламы. Всегда делайте видео с использованием маски еще в процессе ее изготовления. В противном случае до того, как маску утвердят, вы не можете даже провести ее релиз, поскольку не будете иметь никаких визуальных составляющих для рекламы. Начиная анонсировать выпуск новой маски, не забывайте и о том, что проект всегда могут отклонить.
- Механика, понятна не всем пользователям. AR-фильтры появились относительно недавно, и еще не все пользователи знают, как использовать эффект и как делиться им с друзьями.
- Ограничения. Маски Инстраграм доступны только в мобильном приложении социальной сети. Продвигать их с помощью других рекламных каналов проблематично.
Заключение
Создание собственной AR-маски открывает огромные перспективы для бизнеса и продвижения аккаунта. Разработав свой уникальный фильтр, вы можете быстро набрать популярность и предоставить своим пользователям уникальные возможности. Но нужно понимать, что для создания действительно интересных фильтров дополненной реальности нужно постоянно совершенствовать свое мастерство, досконально изучить Spark AR Studio, подключить весь свой креатив и фантазию. Использование лишь стандартных объектов из библиотеки не сможет принести настоящего успеха.
Как маскировать в After Effects
Новичок в After Effects и пытаетесь понять, как использовать инструмент маскирования? Давайте рассмотрим, что делают маски и как вы можете использовать их в своих проектах.
After Effects может предоставить вам много новой информации, когда вы только начинаете. Если вы никогда раньше не работали с анимированной графикой, может быть трудно понять все, что вам нужно знать, чтобы запустить проект.
Одним из основных инструментов, которые вы будете использовать в программе, является инструмент маски.Если вы раньше не пользовались масками, мы поговорим о том, что это такое и как вы можете использовать их в своих профессиональных проектах.
Что такое маска?
Маски блокируют или раскрывают элементы слоя.Маски либо блокируют, либо открывают части слоя в зависимости от формы маски. Иногда вам нужно скрыть кусочки вашего слоя, чтобы получить желаемый вид, и маски — это инструмент для работы. Вы можете использовать их для раскрытия текста, вырезания определенных частей кадра и т. Д.
В отличие от слоев-фигур, у которых есть свои собственные слои, маски существуют в слое, на которое они влияют.
Как использовать маски в After Effects
Маскирование в After Effects — относительно простой процесс. Вы должны знать о двух типах использования масок: маскировка раскрытия и маскировка кадрирования.
Показывать маскировку и маскировку обрезки — два основных применения инструмента.Маскировка раскрытия предназначена в первую очередь для выявления текста в последовательности заголовков. Он создает поле / фигуру, внутри которой вы можете видеть текст, и если текст перемещается за его пределы, текст становится невидимым.В сочетании с ключевыми кадрами движения вы можете использовать это, чтобы текст отображался из строки или поля.
Маскирование кадрирования встречается чаще, чем маскирование раскрытия.Маскирование кадрирования, вероятно, является более распространенным применением. Вы используете его, чтобы вырезать определенные части кадра, чтобы показать то, что находится под ними. Я уже использовал это раньше для создания разных слоев одного видеоклипа, чтобы можно было воздействовать на определенные части этого клипа по отдельности.
Как маскировать в After Effects
Чтобы продемонстрировать основы маскирования в After Effects, мы рассмотрим это замечательное видео от @notiansans, в котором показаны два основных способа использования маски.
Показать маскировку
Чтобы начать создание маски раскрытия, активируйте инструмент «Прямоугольник».Чтобы начать маску раскрытия, выберите слой, который вы хотите замаскировать, и затем щелкните инструмент прямоугольник (или нажмите Q). Создайте маску вокруг вашего текста с помощью инструмента. Новый слой маски появится под выбранным вами слоем.
Маскинемного сложны, потому что они перемещаются вместе с вашим слоем при настройке ключевых кадров положения, поэтому создайте два ключевых кадра с начальной и конечной позицией, в которой вы хотите, чтобы текст останавливался.Затем перейдите в настройки маски и отрегулируйте траекторию маски, чтобы она оставалась неизменной.
Теперь вы можете добавить размытие движения к своему тексту по мере его движения или даже создать линию или дополнительный слой, чтобы показать его.
Маскировка урожая
Чтобы начать маску обрезки, вам понадобится инструмент «Перо».Чтобы начать маскирование кадрирования, вы, скорее всего, захотите использовать инструмент «Перо». Выберите его с помощью (G) и начните выбирать область, в которой хотите остановиться. После завершения детальной маски, маска закроется и скроет другую часть клипа.
Если вы выбрали неправильную область, вы всегда можете щелкнуть поле «инвертировать» в настройках маски, чтобы переключить ее на немаскированную сторону. Если маска немного грубая, вы всегда можете немного растушевать ее в настройках, чтобы смягчить края.
Используя маски и стоп-кадр, вы можете заставить исчезнуть людей или предметы.В этом примере он использовал маску, чтобы скрыться за лампой. Чтобы добиться этого, просто перетащите клип на шкалу времени и создайте новый стоп-кадр, перейдя в Time> Freeze Frame. Замаскируйте лампу и правую сторону кадра в замороженном слое, и теперь, когда ваш объект переместится за эту маску, они исчезнут.
Ищете другие советы и рекомендации по After Effects? Ознакомьтесь с этими статьями.
Создание масок из выборок — Corel Discovery Center
В этом руководстве рассматриваются расширенные концепции маскирования с использованием инструментов выделения PaintShop Pro и инструмента «Кисть» для создания масок.
Создание выделения
Мы начнем с использования выбранного объекта на фотографии для создания новой маски.Откройте фотографию ромашки в рабочем пространстве Edit . Активируйте кисть Magic Wand из группы инструментов Selection .
На панели Свойств установите выбор Mode до Добавьте , Tolerance до 30 и снимите отметку с Contiguous .
Щелкните по одной области цветка, и Волшебная палочка выделит все пиксели аналогичного цвета. Если вы нажмете на какие-либо области, которые были пропущены, они будут добавлены к выделению вместе с соответствующими пикселями.
В этом конкретном изображении есть области за пределами ромашки, которые также были выделены, потому что они близки по цвету к лепесткам.
Вы можете продолжать попытки отрегулировать свой выбор, изменив Mode , Tolerance и другие настройки. Но вы также можете использовать режим Edit Selection , чтобы улучшить свой выбор.
Не снимая выделения с выделения, щелкните значок Edit Selection в палитре Layers .
Когда активирован режим Edit Selection , вы увидите красное наложение, указывающее, что в данный момент включено в область выбора. Это также создает новый временный слой, на котором вы можете изменить то, что выбрано. Этот слой черно-белый, где белый цвет представляет то, что выбрано.
Мы будем использовать инструмент Paint Brush , чтобы подобрать невыделенные кусочки в центре.
- В палитре Materials установите для образца Foreground (вверху) белый цвет.
- Активируйте инструмент Paint Brush и выберите кончик кисти Default .
- Теперь используйте его, чтобы закрасить невыделенные области.
Совет: для меньших областей вы можете изменить размер кисти, удерживая нажатой клавишу Alt при перетаскивании кисти.
Чтобы удалить посторонние выделенные области за пределами цветка, переключите образец Foreground на черный и используйте инструмент Paint Brush , чтобы закрасить области, которые вы хотите удалить.Когда вы закончите совершенствовать свой выбор, снова щелкните значок Edit Selection , чтобы выйти. Оставьте активную область выделения — теперь она включает весь цветок и ничего больше.
Чтобы смягчить и округлить эту форму маски, перейдите в меню Selections> Modify> Expand .
В окнах предварительного просмотра До / После переместитесь к краю цветка, где вы увидите узкие промежутки между лепестками — от них мы хотим избавиться. Увеличивайте Number of Pixels , пока пробелы не заполнятся.
Прокрутите границу выделения, чтобы убедиться, что она везде выглядит нормально. Затем щелкните OK , чтобы увидеть расширенную область.
Создание маски из выделенной области
Теперь мы собираемся создать маску из выделения ромашки. Щелкните значок New Mask Layer в палитре Layers и выберите Show Selection . Маска появляется в группе слоев маски: белый цвет представляет область, которая будет отображаться, а черный — то, что заблокировано.
Совет: Если вы хотите размыть края маски, сначала снимите выделение с помощью Ctrl + D . Затем выберите Adjust> Blur> Gaussian Blur .
Чтобы сохранить маску, убедитесь, что ее слой все еще выделен, и перейдите в меню Layers> Load / Save Mask> Save Mask To Disk . Назовите его «Дейзи».
Применение новой маски выделения
Чтобы применить созданную вами новую маску ромашки, откройте образец фотографии PinkBaby или любую понравившуюся фотографию.
- Перейдите к слоям > Загрузить / сохранить маску> Загрузить маску с диска .
- Выберите маску ромашки.
- Установите Orientation на As Is и выберите опцию Hide all mask .
- Щелкните Загрузить , чтобы увидеть новую маску, примененную к фотографии.
- При необходимости используйте инструмент Pick для настройки размера и размещения маски.
Совет: для творческого варианта добавьте новый слой Raster под слоем группы маски.Используйте инструмент Flood Fill для заливки цветным или текстурированным фоном или скопируйте и вставьте фоновое изображение на новый слой.
Создание мазков кистью
Чтобы продемонстрировать создание маски из мазков кисти, мы начнем с нового изображения.
- Перейдите в Файл> Новый и установите размер изображения 1024 x 800 пикселей.
- Активируйте инструмент Flood Fill и залейте изображение черным цветом.
- Измените образец Foreground на белый.
- Активируйте инструмент Кисть и щелкните кончик кисти на панели свойств , чтобы открыть библиотеку кистей.
В библиотеке кистей вы увидите гораздо больше вариантов формы кисти. В этом примере мы используем кисть Cloud .
Теперь используйте кончик кисти Cloud , чтобы «закрасить» область маски. Есть много вариантов для экспериментов:
- Щелкните один раз, чтобы нанести один мазок кисти.
- Щелкните и перетащите, чтобы заполнить большую область.
- Отрегулируйте размер кисти, удерживая нажатой клавишу Alt при перетаскивании мыши.
- Щелкните поверх существующих мазков кисти, чтобы сделать белую область больше и более непрозрачной.
- Произведите случайное изменение штрихов, изменив Rotation , Size и другие параметры на полосе Property .
Создание новой маски из мазков кисти
Если вы удовлетворены мазками кисти, вы можете превратить изображение в маску.Вот самый простой способ сделать это:
- Щелкните значок New Mask Layer в палитре Layers и выберите From Image .
- В окне исходного кода выберите это новое изображение, которое вы создали, и нажмите ОК .
- Убедитесь, что слой маски активен в палитре Layers .
- Перейдите к слоям > Загрузить / сохранить маску> Сохранить маску на диск и назовите ее Cloud.
Применение новой маски для мазков кистью
В этом примере мы используем свадебную фотографию и изображение с рисунком капли дождя, чтобы показать нашу маску кисти с облаками.Мы применим маску к свадебной фотографии, чтобы изображение дождя просвечивало по краям.
- Откройте образцы фотографий RainyWedding и RainWindow.
- Скопируйте ( Ctrl + C или Правка> Копировать ) изображение свадьбы и вставьте его в изображение дождливого окна ( Ctrl + V или Правка> Вставить как новый слой ).
- В палитре Layers свадебное изображение должно быть верхним слоем и активным слоем.
- Перейдите на Слои > Загрузить / сохранить маску> Загрузить маску с диска .
- Выберите маску облака, которую вы создали, и установите Orientation как Fit to Canvas .
- Щелкните Загрузить .
Хотите еще кончиков кистей? Откройте приветственную книгу и перейдите в раздел Get More . На вкладке Creative Content прокрутите вниз и найдите пакет Creative Brush Pack , в котором есть 30 бесплатных кистей, которые вы можете загрузить.
Модуль numpy.ma — Руководство NumPy v1.19
Обоснование
Маскированные массивы — это массивы, в которых могут быть отсутствующие или недопустимые записи.
Модуль numpy.ma
обеспечивает почти аналогичную замену numpy
который поддерживает массивы данных с масками.
Что такое замаскированный массив?
Во многих случаях наборы данных могут быть неполными или испорченными из-за присутствия
неверных данных. Например, датчик мог не записать данные, или
записано недопустимое значение.Модуль numpy.ma
обеспечивает удобный
способ решить эту проблему, введя маскированные массивы.
Маскированный массив представляет собой комбинацию стандартного numpy.ndarray
и
маска. Маска — это либо nomask
, что указывает на отсутствие значения
связанный массив недействителен, или массив логических значений, определяющий для каждого
элемент связанного массива независимо от того, допустимо значение или нет. Когда
элемент маски — False
, соответствующий элемент ассоциированного
массив действителен и считается немаскированным.Когда элемент маски Истинно
, соответствующий элемент связанного массива называется
замаскированный (недействительный).
Пакет гарантирует, что маскированные записи не используются в вычислениях.
В качестве иллюстрации рассмотрим следующий набор данных:
>>> импортировать numpy как np >>> импортировать numpy.ma как ma >>> x = np.array ([1, 2, 3, -1, 5])
Мы хотим отметить четвертую запись как недействительную. Самый простой — создать замаскированный массив:
>>> mx = ma.masked_array (x, маска = [0, 0, 0, 1, 0])
Теперь мы можем вычислить среднее значение набора данных, не принимая недопустимые данные на счету:
Основной особенностью модуля numpy.ma
является MaskedArray
class, который является подклассом numpy.ndarray
. Класс, его
атрибуты и методы описаны более подробно в
Раздел класса MaskedArray.
Модуль numpy.ma
может использоваться как дополнение к numpy
:
>>> импортировать numpy как np >>> import numpy.ма как ма
Чтобы создать массив со вторым недопустимым элементом, мы должны сделать:
>>> y = ma.array ([1, 2, 3], маска = [0, 1, 0])
Чтобы создать замаскированный массив, в котором все значения, близкие к 1.e20, недопустимы, мы должны делать:
>>> z = ma.masked_values ([1.0, 1.e20, 3.0, 4.0], 1.e20)
Полное обсуждение методов создания маскированных массивов см. раздел Построение маскированных массивов.
Модульrasterio.mask — документация rasterio
набор данных ( объект набора данных, открытый в режиме ‘r’ ) — растр, к которому будет применена маска.
shape ( итеративный объект ) — значения должны быть GeoJSON-подобным dict или объектом, который реализует протокол географического интерфейса Python (например, Shapely Polygon).
all_touched ( bool ( opt ) ) — включить пиксель в маску, если он касается любой из фигур. Если False (по умолчанию), включать пиксель, только если его центр находится в пределах одного из формы, или если он выбран линейным алгоритмом Брезенхема.
инвертировать ( bool ( opt ) ) — если False (по умолчанию) пиксели за пределами формы будут замаскированы. Если правда, пиксели внутри формы будут замаскированы.
nodata ( int или float ( opt ) ) — значение, представляющее узловые данные в каждой полосе растра. Если не установлен, по умолчанию используется значение узловых данных для входного растра. Если нет установить значение nodata для растра, по умолчанию 0.
с заливкой ( bool ( opt ) ) — Если True, пиксели за пределами функций будут установлены на nodata. Если False, выходной массив будет содержать исходные данные пикселей, и только маска будет основана на фигурах. По умолчанию True.
обрезка ( bool ( opt ) ) — обрезать ли растр по всей длине форм. По умолчанию Ложь.
pad ( bool ( opt ) ) — Если True, элементы будут дополнены в каждом направлении половина пикселя до кадрирования растра. По умолчанию False.
индексов ( список целых или один int ( opt ) ) — Если индексов является списком, результатом будет 3D-массив, но 2D-массив, если это номер индекса полосы.
Как создавать фильтры историй Instagram с помощью Spark AR Studio
Хотите создать фильтры историй Instagram для своего бренда? Теперь это возможно с Spark AR Studio!
Раньше только одобренные создатели могли разрабатывать и публиковать свои эффекты Instagram Stories (или фильтры AR) в Instagram, что делало это эксклюзивным хаком для роста.
Но теперь каждый может разрабатывать и создавать фильтры Instagram Stories для своего бренда с помощью Spark AR Studio!
Чтобы помочь вам начать работу, мы делимся нашим руководством по Spark AR Studio и лучшими советами по созданию вашего первого фильтра.
Примечание. В ответ на COVID-19 Facebook и Instagram больше не принимают новые фильтры AR в обозримом будущем. Создатели могут продолжать использовать Spark AR Hub и отправлять свои эффекты и обновления на рассмотрение позже.
Что такое Spark AR Studio?
Вы, наверное, уже заметили классные фильтры историй Instagram — от парящих золотых сфер, неоновых рамок и классических щенячьих ушей, эффекты дополненной реальности Instagram Stories AR (дополненной реальности) захватывают наши каналы!
Раньше эти фильтры могли создаваться и публиковаться в Instagram только утвержденными брендами и создателями, что делало это действительно крутой, но эксклюзивной тенденцией .
Spark AR Studio — это инструмент Facebook для создания эффектов дополненной реальности. Ранее в этом году было объявлено, что к концу лета он будет выведен из закрытой бета-версии в Instagram.
И это время, наконец, настало — теперь каждый и каждый может создавать фильтры и эффекты Instagram Stories!
Это означает, что фильтры AR теперь являются еще одним мощным маркетинговым активом в Instagram, и более 1 миллиарда человек используют эффект AR, созданный на платформе Spark AR!
Spark AR Studio — это сложный инструмент — если вы только начинаете заниматься визуальным дизайном и трехмерным моделированием, платформа может выглядеть потрясающе.Но пусть это вас не расстраивает!
Некоторые из простейших дизайнов часто бывают самыми популярными, и есть масса отличных онлайн-ресурсов и руководств, которые помогут вам в этом.
Кроме того, есть множество талантливых дизайнеров дополненной реальности, с которыми вы можете работать, чтобы создавать фильтры или эффекты Instagram Stories для вашего бренда.
На веб-сайте Spark AR Studio есть партнерская страница с большим списком производителей, создателей и агентств дополненной реальности, с которыми вы можете связаться и заказать проект.
Или вы также можете посетить Lenlist — веб-сайт, на котором собраны лучшие эффекты камеры (и создатели эффектов) для Facebook, Instagram и Snapchat.
Даже некоторые популярные авторы, такие как Аллан Бергер, Томас Поссе и Ванесса Дутра, предлагают услуги по созданию эффектов AR для брендов и влиятельных лиц!
В этой записи блога мы поможем вам начать работу, если вы хотите использовать Spark AR Studio в одиночку.
Или, если вы обращаетесь за помощью к дизайнеру, у нас есть несколько основных советов по созданию лучших фильтров Instagram Stories!
Как создавать эффекты для историй в Instagram: лучшие советы и передовые методы
Мы не хотим придавать этому особое значение — Spark AR — это продвинутый инструмент.
Если у вас есть ноу-хау в области технического и визуального дизайна, вам будет проще перемещаться по платформе.
Однако, , если вы новичок в визуальном дизайне, вы все равно можете принять участие — просто потребуется немного дополнительного времени и усилий, чтобы изучить навыки, необходимые для понимания Spark AR и всех его замечательных инструментов и функций!
А кто не любит изучать новый навык, правда?
Мы собираемся указать вам правильное направление в некоторых из лучших учебных пособий и руководств в Интернете в этом сообщении в блоге, но прежде чем вы перейдете к Spark AR, вот несколько важных советов, о которых следует помнить!
Создание историй в Instagram Эффекты Совет №1: подумайте о своей аудитории
Первый шаг к созданию фильтра или эффекта Instagram-историй — это рассмотреть вашу целевую аудиторию и то, как они будут использовать ваш фильтр.
Большинство фильтров создано для селфи, но некоторые из них имеют специальные эффекты или графику, которые лучше подходят для пейзажных или городских снимков.
Итак, вам нужно подумать о том, кто, как и почему будет использовать ваш фильтр.
Например, фильтр Kylie Cosmetics Instagram Stories — бренд был одним из первых, кто создал фильтры AR для Instagram, и они создали его, чтобы подписчики могли сделать селфи и «примерить» цвета помады из коллекции.
Фильтр имел четкую цель, но при этом оставался забавным, креативным и тонким продвижением ассортимента продукции.
Тем не менее, некоторые другие дизайнеры и бренды создают фильтры, чтобы поделиться сообщением или повысить осведомленность — например, фильтр Pride или специальное экологическое сообщение:
Дизайнер коммуникаций Later, Мартина Фрейер добавляет, что ваше творческое направление так же важно, как и ваши дизайнерские навыки, когда дело доходит до навигации по Spark AR!
«Создатели должны спросить себя, как их фильтр будет отличать их от других брендов — что вы хотите сообщить с помощью AR?»
В первую очередь стоит подумать о том, как, что и почему вы хотите создать фильтр AR.
«На творческом пути нет строгих правил», — говорит Мартина, но легко почувствовать себя потерянным или перегруженным функциями, инструментами и бесконечными возможностями дизайна в Spark AR.
«Но имея в виду четкую концепцию и идею, вы можете начать ее визуально материализовать!»
Или, если вы планируете работать с дизайнером, ваша краткая и концептуальная идея будет ясна с самого начала — это означает меньше времени на разработку и больше времени на совершенствование фильтра Instagram Stories.
Хотите больше вдохновения для создания вашего первого фильтра AR? Посмотрите на эти 13 забавных фильтров AR , которые сейчас популярны в Instagram Stories!
Создавайте эффекты для историй в Instagram. Совет № 2: подумайте о своем брендинге.
Идеальный фильтр историй в Instagram для вашего бренда должен сочетаться между брендингом и творчеством.
«Цель фильтра — стать« подарком »вашим подписчикам, — говорит дизайнер и создатель эффектов AR Ванесса Дутра (@sereiahipster).
«Некоторые бренды совершают ошибку, размещая свой логотип в различных областях фильтра, и это может заставить людей немного осторожнее использовать его, поскольку они непреднамеренно продвигают бренд».
Хороший способ обойти это — включить логотип только в эскиз фильтра или создать вариант фильтра, в котором логотип является лишь небольшим элементом общего дизайна.
Взгляните на то, как Disney создал игривый фильтр, который подчеркивает их брендинг с их культовыми ушами Микки Мауса:
Когда выбран фильтр AR, вы можете добавить уши Микки Мауса и Минни Маус к вашей фотографии или видео. Нажатие на экран позволяет переключаться между несколькими разными стилями, включая блестящие уши, усыпанные пайетками!
Хотя AR-фильтр Disney более интересен, чем рекламный, им по-прежнему легко делиться, он соответствует их бренду и отлично подходит для повышения узнаваемости бренда!
Совет: Если вы собираетесь создать серию фильтров, хорошо бы попытаться включить объединяющий элемент между всеми из них, чтобы их можно было легко связать с вашим профилем и брендом, — говорит @sereiahipser.
Подумайте об использовании одной и той же цветовой палитры, типографики или значков схожего стиля для создания темы для всех ваших дизайнов.
Ищете еще несколько идей о том, как брендировать свой фильтр? Посмотрите на эти 8 брендов, создающих классные фильтры AR для Instagram Stories!
Создавайте эффекты для историй в Instagram. Совет № 3: сделайте это динамичным.
Некоторые из лучших фильтров AR просты, но динамичны.
Когда вы думаете о разработке фильтра, постарайтесь представить, будет ли он перемещаться, изменяться, отслеживать движение или есть другие варианты вашего фильтра, между которыми пользователь может выбирать.
Узнайте, как визуальный художник и моушн-дизайнер Филипп Баслер объединяет свою любовь к линейным рисункам и дополненной реальности для создания классных фильтров Instagram.
Несмотря на то, что они простые (и узнаваемые!), Они также выделяются из толпы благодаря своему динамичному дизайну и эффекту.
Создавайте эффекты для историй в Instagram. Совет № 4: делайте все для пользователя, а не для фильтра.
Некоторые из самых популярных эффектов в Instagram можно использовать повторно — люди могут (и хотят) использовать их снова и снова. снова.
Чтобы это произошло, эффект AR должен «уйти с дороги» и сделать контент людей героем, а не сделать эффект центром внимания.
Когда вы делаете это хорошо, люди могут создавать что-то совершенно новое каждый раз, когда они используют ваш эффект!
Совет: Убедитесь, что ваш дизайн позволяет видеть и узнавать выражения лиц ваших пользователей. Это не только соответствует рекомендациям Instagram для фильтров AR, но также означает, что пользователя легко узнать, как и ваш фирменный фильтр.
Дополнительные советы о том, как создавать фильтры Instagram Stories, которые работают для вашего бренда, можно найти в нашем полном руководстве по Spark AR Studio !
Как Создание фильтров Instagram Stories Шаг № 1: Загрузите Spark AR
Готовы начать? Первый шаг — загрузить Spark AR!
Посетите этот веб-сайт, чтобы загрузить Spark AR на свой компьютер. Чтобы получить доступ, вам необходимо войти в свою учетную запись Facebook, поэтому для начала войдите в свою личную учетную запись.
После загрузки Spark AR вы можете сразу приступить к работе. Но стоит потратить некоторое время на экран приветствия!
Сначала — присоединяйтесь к супер-проницательному сообществу Spark AR в Facebook!
Пока вы изучаете веревки, это отличное место, чтобы задать вопросы, найти вдохновение или даже обратиться к дизайнерам за советом или заказанными проектами!
Нажмите кнопку «Перейти в сообщество» в правом нижнем углу страницы приветствия, чтобы перейти прямо в группу.
Затем вы можете просмотреть некоторые образцы дизайна в Spark AR — это завершенные и живые фильтры и эффекты историй Instagram, но вы можете получить доступ к тому, как они создаются в Spark AR, чтобы лучше понять инструмент.
«Spark AR — это космос, взаимодействие и творчество!» — говорит Мартина.
«Может быть страшно, если вы никогда не работали с такой программой, как Cinema 3D или After Effects, но я рекомендую начать экспериментировать с инструментами — существует множество простых способов добиться отличных результатов!»
Пусть эти образцы фильтров и аффектов послужат звуковой доской и источником вдохновения для вашего дизайна, а также основными схемами работы Spark AR!
Как создать фильтры историй Instagram Шаг № 2: Освежите (или начните учиться!) Навыки AR
Мы действительно сказали, что это будет опыт обучения!
Популярность дополненной реальности растет, и хорошей новостью является то, что существует множество замечательных онлайн-ресурсов, которые вы можете использовать, чтобы помочь вам разобраться в AR, узнать об инструментах и функциях Spark AR, а также помочь вам создать свои первые фильтры Instagram Stories.
Вот некоторые из наших любимых ресурсов для знакомства со Spark AR:
# 1: Ресурсы Spark AR от Facebook
На Facebook для разработчиков есть множество обучающих видео, материалов и руководств по Spark AR сайт!
Убедитесь, что вы потратили некоторое время на чтение некоторых замечательных руководств Facebook, прежде чем приступить к своему первому проекту — есть много новых терминов, которые нужно знать, например, сетка лица, трекер рук и редактор патчей.
СОВЕТ: Перейдите на страницу ресурсов Spark AR и используйте панель поиска для поиска любого инструмента, темы или функции, о которых вы хотите узнать больше:
Скорее всего, у Facebook будет полное и подробное руководство о том, как использовать его в Spark AR, чтобы вы могли проконсультироваться!
Вот три руководства для начала обучения Spark AR:
# 1: Найдите свой путь в Spark AR Studio: Это 7-минутное видео и руководство по основным инструментам Spark AR лучше всего подходят для понимания основ.
# 2: Создание эффекта отслеживания лица Учебное пособие: Из этого видео и руководства вы узнаете, как создать эффект, который реагирует на чье-то лицо — с помощью средства отслеживания лица, сетки лица, материала и текстура.
# 3: Создание мировых эффектов Учебное пособие: Хотите создать фильтр, заполняющий экран фоном, блестками или парящими шарами?
Facebook предоставит вам все необходимое в этом руководстве — вы научитесь создавать простой мировой эффект, который помещает объекты в фиксированное положение в чьей-либо среде, а не относительно обзора и движения камеры.
# 4: Примеры эффектов: Facebook знает, что большинство людей не знают, как сразу использовать Spark AR, поэтому они предоставили эти образцы фильтров AR (доступные на домашней странице Spark AR), поэтому вы открываете проект и смотрите, как он построен!
Ищете другие примеры и основные руководства по Spark AR? Посетите эту страницу ресурсов , чтобы получить все необходимое для начала работы.
# 2: Посмотрите обучающие программы и видеоруководства YouTube
Если вы похожи на команду Later, визуальное обучение — единственный выход!
Так что разобраться со Spark AR будет намного проще, если вы посмотрите и следите за некоторыми руководствами для начинающих по Spark AR на YouTube.
Начните с плейлиста Facebook для разработчиков на Spark AR:
Хотя в плейлисте всего несколько видеороликов, они всесторонние, но отлично подходят для тех, кто получил основы из онлайн-руководств и ресурсов:
Команда Later также обнаружила, что эти два видео были полезны при освоении различных типов фильтров и эффектов Instagram Stories:
Во-первых, маска для лица с 3D-эффектом, как это зеркальное лицо- обнаружение масок:
Используя Face Tracker Spark AR для идентификации лиц в инструменте, вы можете использовать Face Mesh для настройки масок — например, добавления цветов, яркости, углов и интенсивности!
Plus, вы можете работать с ретушью кожи и добавлять световые эффекты к своим фильтрам!
Посмотрите это видео, чтобы получить краткое пошаговое руководство по созданию такого типа фильтра:
Во-вторых, есть 2D-фильтры, которые реагируют (или отслеживают) фильтр движения — например, наши любимые щенячьи уши. !
Возможно, вы видели фильтры, в которых вы можете нажать, чтобы изменить параметр 2D-фильтра, или, возможно, он перемещается или зацикливается в зависимости от движений человека на экране:
Если вы хотите узнать больше об этих типах фильтров, ознакомьтесь с этим видео!
Это базовый обзор того, как создать эффект 2D-фильтра, который имеет 2-3 варианта дизайна, когда пользователь нажимает на экран:
# 3: Сообщество Spark AR на Facebook
Помните, когда мы предлагали присоединиться к сообществу Spark AR Facebook?
Ну вот, пригодится!
Независимо от того, насколько велик или мал вопрос, творческое сообщество Spark AR кишит дизайнерами, которые хотят помочь, поэтому, если у вас возникнут какие-либо проблемы, вы определенно можете отправить вопрос в группе Facebook.
Плюс, если вы чувствуете себя совершенно подавленным на данном этапе, это может быть хорошим местом, чтобы обратиться к профессионалам и получить помощь в дизайне!
Как создать фильтры историй в Instagram Шаг № 3: сразу перейти к глубокому концу
Итак, вы прочитали руководства и ресурсы Spark AR, просмотрели видеоуроки, подумали о своей творческой концепции и теперь готовы прыгнуть прямо в Spark AR!
Поехали!
Когда вы нажмете «Создать новый проект» на главной странице Spark AR, вы попадете на эту панель управления:
Чтобы помочь вам привыкнуть к панели мониторинга — вот некоторые из функций, которые следует знать about:
# 1: Симулятор
Симулятор действует как представление вашего устройства — как телефон или планшет.Это помогает вам увидеть в реальном времени, как ваш AR-фильтр будет работать и будет реагировать на пользователя.
Spark AR также предоставляет вам несколько фиктивных пользовательских видеороликов для тестирования вашего фильтра.
# 2: Область просмотра
Думайте об этом как о своей основной сцене — здесь вы можете увидеть и поработать с эффектом, который вы создаете.
В меню в левой части экрана можно выбрать камеру — это вызовет синие линии в вашем окне просмотра. Эти линии показывают, куда направлена камера и что она может видеть.
В верхней части области просмотра находятся манипуляторы — они могут изменять положение, масштаб и поворот вашего объекта
# 3: Панель сцены
Панель сцены находится в левой части интерфейса, и отсюда вы может добавлять объекты в ваш фильтр или эффект.
Если вы создали свои собственные 3D-объекты, вы можете вставить их сюда. Примечание: создание ваших собственных 3D-объектов является довольно техническим делом, поэтому вам, вероятно, понадобится дизайнер, который поможет вам в этом.
Или вы можете выбрать из огромного набора готовых 3D-объектов в Библиотеке AR.
Чтобы узнать больше о 3D-объектах, щелкните здесь.
# 4: Панель ресурсов
Здесь вы можете добавить свои собственные ресурсы в проект или создать ресурсы в Spark AR Studio.
Щелкните «Добавить активы», чтобы создать активы или добавить свои собственные. Здесь вы можете добавлять текстуры, материалы, 3D-модели, анимацию и аудиофайлы.
# 5 Инспектор
В правой части панели управления Spark AR вы найдете Инспектор.
Здесь вы можете внести изменения в активы или объекты фильтра. Сначала вам нужно выбрать актив или объект на панели сцены или панели ресурсов.
# 6 Редактор патчей и консоль
Редактор патчей используется для создания эффектов с логикой, анимацией и интерактивностью без использования сценариев — так что вам не нужно учиться программировать!
А Консоль используется для добавления JavaScript в ваш проект.
Чтобы открыть или закрыть редактор исправлений или консоль, щелкните «Просмотр» в строке меню и выберите один из следующих вариантов:
- Показать / скрыть редактор исправлений.
- Показать / скрыть консоль.
И редактор исправлений, и консоль откроются в нижней части экрана:
Чтобы узнать больше о навигации по интерфейсу Spark AR, основным инструментам и функциям здесь !
Если Spark AR вас ошеломил, мы рекомендуем открыть наш любимый видеоурок и выполнить действия по созданию собственной версии.
Это один из самых простых способов разобраться с основами методом проб и ошибок (что является частью удовольствия от этого!).
Как создать фильтры историй в Instagram Шаг № 4: Экспортируйте свой эффект и загрузите в Instagram для утверждения
Поздравляем! Вы создали свой первый эффект Instagram Stories!
Но перед тем, как опубликовать его в Instagram, он должен пройти процесс проверки, чтобы убедиться, что он соответствует правилам и условиям платформы Camera Effects, а также принципам сообщества Instagram.
Сначала экспортируйте эффект, нажав кнопку «Экспорт» в правом нижнем углу панели управления Spark AR:
An.Файл arexport будет сохранен на вашем компьютере. Этот файл содержит все, что нужно вашему эффекту для работы в камере.
Примечание: Важно проверять размеры файла при экспорте эффекта. Слишком большие эффекты не будут одобрены Instagram — размер файлов должен быть не более 20 МБ.
Как только вы будете довольны своим эффектом, отправьте его в Spark AR Hub для публикации:
Но есть несколько вещей, которые вам понадобятся, прежде чем вы наконец сможете отправить свой эффект или фильтр Instagram Stories для утверждения:
Вам потребуется:
- Чтобы создать значок эффекта и выбрать имя для вашего эффекта.
- Файл .arexport, созданный при экспорте проекта.
- Проверка вашего эффекта соответствует политике и рекомендациям Facebook.
Эти вещи вам также понадобятся специально для публикации в Instagram:
- Видео с использованием вашего эффекта — узнайте больше о стандартах Instagram для этого видео.
- Для выбора категории эффекта.
- Проверить эти дополнительные рекомендации и передовой опыт, чтобы убедиться, что ваш эффект одобрен.
Когда у вас все будет готово, перейдите в Spark AR Hub и нажмите «Загрузить эффект» в правом верхнем углу.
Следуйте инструкциям на экране, чтобы завершить отправку, и готово! Ваш фильтр историй Instagram будет рассмотрен.
Обычно это занимает несколько дней, но может занять до недели, исключая выходные.
Позже соучредитель Синди Чен прыгнула прямо в Spark AR, чтобы создать фильтр лиц в Instagram Stories в честь щенка постоянного офиса Later Стеллы:
После того, как фильтр Stella был одобрен, на странице Синди в Instagram появилась специальная вкладка только для фильтры корма, которые она создала.
Любой, кто посетит ваш профиль, также сможет увидеть эту вкладку и затем «примерить» ваш фильтр отсюда:
Также в Spark AR Studio Hub создатели могут найти более подробную информацию о своих фильтрах, включая общая ссылка на их фильтр и подробная аналитика о том, насколько широко он используется!
Как создать фильтры для историй в Instagram Шаг № 5: Используйте, делитесь и продвигайте свой фильтр
Раньше вам приходилось подписываться на учетную запись, чтобы разблокировать созданный ими фильтр, чтобы использовать его самостоятельно, что было большим ростом взломать на бренды!
Но теперь, когда все фильтры открыты для использования каждым, вам нужно очень много работать, чтобы ваш фильтр выделялся из толпы.
Вот несколько советов по продвижению и обмену фильтрами Instagram Stories с вашими подписчиками:
# 1: Добавьте ссылку на свой эффект с помощью Instagram Stories
Одна из лучших вещей при создании собственных Фильтр Instagram Stories заключается в том, что вы можете добавить ссылку для прокрутки вверх с помощью Instagram Stories.
И для этого вам не нужно более 10 тысяч подписчиков:
Когда вы это сделаете, любой, кто просматривает вашу историю, попадет прямо к фильтру, где они смогут попробовать ее на себе!
# 2: Работа с инфлюенсерами, чтобы продемонстрировать свои истории в Instagram Эффект
Если у вас уже есть сильное сообщество влиятельных лиц или послов вашего бренда, вы можете попросить их использовать ваш фильтр и поделиться им со своей аудиторией.
Название вашего фильтра и ваш дескриптор в Instagram будут отображаться в верхнем левом углу сообщения историй, что упростит людям поиск вашего фильтра и вашего бренда!
# 3: Разместите видео с эффектом ваших историй из Instagram в своей ленте
Не оставляйте продвижение в покое для историй Instagram — продемонстрируйте свой фильтр в своей ленте!
Вы можете записать историю Instagram, используя свой фильтр, а затем использовать такое приложение, как InShot, чтобы изменить ее размер для своей ленты.
Работа с масками
Использование масок позволяет скрыть или затемнить части изображения. Маски полезны для объединения содержимого или результатов одного слоя с вашим основным изображением. Слои-маски позволяют использовать мощные инструменты рисования для выборочного улучшения изображений. Чем больше вы работаете с объединением нескольких изображений и редактированием определенных областей, тем чаще вы будете использовать маски.
Создание маски слоя
Если вы хотите использовать маску на слое, первым делом добавьте ее.Любой слой (даже основа) может иметь маску. При маскировании базового слоя фотография HDR смешивается с исходным изображением с тональной картой. Маскировка дополнительных слоев сочетается с изображениями ниже.
Чтобы добавить маску:
- Откройте серию фотографий или скобок в Aurora HDR 2019.
- Выберите нужный слой. По умолчанию слои и корректирующие слои не имеют маски.
- Щелкните значок «Редактировать маску». Ниже откроется новое меню. Есть четыре различных режима маскирования, которые мы рассмотрим в этой главе.Панель инструментов содержит несколько элементов управления, которые мы рассмотрим далее.
Рисование и стирание масок
После того, как вы начали редактировать маску, вы можете добавлять или вычитать ее с помощью различных инструментов. Помните, что для редактирования маски нажмите кнопку «Изменить маску» справа от имени слоя и выберите инструмент, который хотите использовать.
- Кисть — Используйте кисть для добавления или вычитания из маски.
- Радиальная маска — Создает эллиптическую форму для смешивания между затронутыми и незатронутыми областями
- Градиентная маска — Создает линейное смешивание между затронутыми и незатронутыми областями
- Яркость Создает смешанную маску на основе светлых и темных областей сцены Попробуйте маску команда меню Инвертировать, чтобы перевернуть маску.
После выбора одного из четырех инструментов появляется новая панель инструментов, на которой вы можете настроить результаты. Давайте исследуем каждый элемент управления.
Глобальные элементы управления маской
Первые два элемента управления влияют на свойства маски глобально.
Меню маски.
При нажатии на эту кнопку открывается контекстное меню с дополнительными параметрами для работы со слоем.
- Заливка — этот параметр добавляет маску, заполненную белым цветом, которая раскрывает все детали фильтра.Используйте инструмент «Кисть», чтобы закрасить черным цветом и вычесть из маски.
- Инвертировать — инвертирует любую созданную вами маску так, чтобы ее значения непрозрачности и прозрачности менялись местами.
- Кнопка «Очистить» — этот параметр полностью скрывает результаты применения фильтра. Используйте кисть или инструменты градиента, чтобы добавить детали к изображению.
- Copy — Копирует текущую маску в буфер обмена. Чтобы использовать это, создайте новый слой и вставьте его в новый слой.
- Вставить — Вставляет текущую маску, хранящуюся в буфере обмена, для использования на другом слое
- Показать маску — Делает маску видимой в виде рубилита (красного) наложения
- Плотность — Управляет прозрачностью пикселей вне маски, чтобы общая маска лучше плавно сливается с фоном
- Растушевка — размывает края маски для более естественного сглаживания корректировок маски на изображении
Значок видимости (глазное яблоко)
Управляет видимостью маски.Это позволяет легко рассматривать маску как наложение рубилита (красного). Вы также можете продолжить рисование, пока отображается маска слоя, для еще большей точности.
Использование маски кисти
Маска первого типа создается с помощью кисти. После того, как вы выберете «Кисть» во всплывающем списке, вы увидите дополнительные полезные элементы управления.
Кисть можно использовать как в режиме рисования, так и в режиме стирания для добавления или вычитания областей маски. Щелчок по опции Paint добавит к маске белые области.Белые области сохранят текущий слой. Режим «Кисть с стиранием» удобен для «обрезки» избыточного распыления маски и делает ваш выбор более точным.
Чтобы управлять кистью, щелкните раскрывающееся меню «Параметры кисти» (оно находится рядом с параметром «Стереть»). В этом окне вы можете настроить такие параметры кисти, как размер, непрозрачность и мягкость. Если к вам подключен графический планшет, вы также можете настроить уровни давления пера, радиуса и непрозрачности.
Вот как использовать инструмент Маскирующая кисть.
Использование радиальной маски
Радиальная градиентная маска — это быстрый и простой способ выделить солнце, лицо или что-либо еще на вашей фотографии. Вы можете создать эллипс или круглую форму, что позволит легко создать постепенное слияние двух состояний. Его также можно использовать со слоем изображения для увеличения прозрачности. Для корректирующего слоя полезно создать смесь измененного и исходного состояния.
Вот как использовать инструмент Радиальная маска:
- Создайте слой или маску корректирующего слоя, как ранее обсуждалось в этой главе.
- Нажмите кнопку «Редактировать маску» на слое.
- Выберите параметр «Радиальная маска» в раскрывающемся списке «Инструменты».
- Щелкните и перетащите, чтобы создать круговой градиент.
- Нажмите кнопку «Видимость» на верхней панели инструментов, чтобы упростить визуализацию градиента.
- Инструмент предлагает простые элементы управления для уточнения градиента.
- Перетащите середину градиента (точку), чтобы разместить его центр.
- Перетащите радиус внутреннего круга, чтобы изменить размер градиента.
- Перетащите радиус внешнего круга, чтобы изменить размытие градиента.
- Перетащите маркер на внешнем круге, чтобы настроить соотношение сторон и создать форму эллипса.
- Перетащите за пределы внешнего круга, чтобы повернуть маску градиента.
Использование градиентной маски
Инструмент «Градиентная маска» полезен для создания постепенного перехода между двумя состояниями.Его можно использовать со слоем изображения для увеличения прозрачности. Для корректирующего слоя полезно создать смесь измененного и исходного состояния. Градиентная маска — любимый инструмент пейзажных фотографов, который позволяет плавно корректировать изображения с помощью эффектов, применяемых только к градиенту.
Вот как использовать инструмент «Градиентная маска»:
- Создайте слой или маску корректирующего слоя, как ранее обсуждалось в этой главе.
- Нажмите кнопку «Редактировать маску» на слое.
- Выберите параметр «Маска градиента» из раскрывающегося списка.
- Нажмите кнопку «Видимость» на верхней панели инструментов, чтобы упростить визуализацию градиента.
- Щелкните и перетащите, чтобы создать линейный градиент.
- Инструмент предлагает простые элементы управления для уточнения градиента.
- Перетащите верхнюю или нижнюю панель, чтобы расширить или сузить градиент.
- Перетащите среднюю точку, чтобы расположить градиент.
- Перетащите нижнюю полосу, чтобы переместить конец градиента.
- Щелкните и перетащите за пределы центральной точки, чтобы повернуть маску градиента.
- Перетащите маркер на внешнем круге, чтобы настроить соотношение сторон и создать форму эллипса.
- Перетащите за пределы внешнего круга, чтобы повернуть маску градиента.
__________________________________________________
СОВЕТ
Вы можете редактировать результаты градиентной маски, нажав кнопку «Редактировать маску».Это позволяет добавлять или вычитать маску с помощью инструмента «Кисть» для большего контроля над маской.
__________________________________________________
Маски яркости
Маска яркости — это быстрый и простой способ создания новой маски на основе яркости пикселей изображения. При выборе команда заполнит активный слой маской, основанной на яркости пикселей изображения. Прозрачность слоя напрямую связана с яркостью пикселей.
Эта команда очень хорошо работает для маскирования наложенного изображения, такого как слой облака или текстуры. Вы также можете замаскировать копию слоя, чтобы улучшить только часть изображения. Например, если небо и облака яркие, вы можете создать точную маску только для этой области изображения, а затем улучшить их.
Вот как создать маску яркости:
- Откройте серию фотографий или скобок в Aurora HDR 2019.
- В элементах управления «Слои» нажмите кнопку + и выберите параметр «Добавить новый слой изображения».В этом примере был добавлен слой текстуры.
- Для желаемого слоя нажмите на кнопку Edit Mask и выберите Luminosity. Новая маска создается на основе значений яркости изображения.
- Если маска показывает нежелательные области, вы можете щелкнуть правой кнопкой мыши имя слоя и выбрать «Маска»> «Инвертировать».
- Вы также можете повторно запустить команду «Создать маску яркости» несколько раз, чтобы каждый раз создавать разные маски.
- Используйте режим наложения слоя и ползунки непрозрачности, чтобы смешать слой по вкусу.
Параметры маскирования
Вот несколько дополнительных методов, которые вы можете использовать при маскировании слоя или корректирующего слоя.
- Во время маскирования или стирания щелчок правой кнопкой мыши вызывает контекстное окно настроек параметров кисти и включает дополнительные элементы управления чувствительностью к давлению пера.
- Для удобства на панели «Слои» в правом верхнем углу боковой панели вы увидите эскиз текущей маски.
- Для быстрого переключения между режимами рисования и стирания используйте горячую клавишу X.
- Чтобы быстро изменить диаметр кисти, используйте сочетания клавиш [и]. Это очень удобно и значительно ускоряет работу кисти.
- Чтобы быстро изменить мягкость кисти, используйте сочетания клавиш Shift + [и Shift +].