Как сделать свой собственный фильтр Instagram

Сделайте пользовательский фильтр Instagram популярным

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

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

1. Загрузите и установите Spark AR Studio.

Чтобы создать свой собственный фильтр AR для Instagram, вам понадобится программа под названием Spark AR Studio. Это бесплатный инструмент, созданный Facebook, который позволяет практически каждому создавать и создавать эффекты AR для социальных приложений. Он доступен как для платформ Windows, так и для Mac. Самый первый шаг - загрузить и установить программу на свое устройство. Как только это будет сделано, запустите программу.

2. Войдите, используя свою учетную запись Facebook.

Как сделать собственный фильтр Instagram Войти в учетную запись Facebook

Чтобы использовать инструмент, вам понадобится учетная запись Facebook. Войдите в систему со своими учетными данными в Spark AR Studio, чтобы начать свое путешествие.

3. Ознакомьтесь с платформой.

Spark AR Studio - сложный инструмент. Если у вас практически нет опыта работы с визуальным дизайном, поначалу это может показаться немного подавляющим. Лучший способ начать работу со Spark - это пройти предварительный тур. Он обеспечивает быстрый обзор интерфейса программного обеспечения всего за пять минут.

Как сделать собственный тур по фильтру Instagram

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

4. Решите, что вы хотите делать.

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

Как создать собственные шаблоны фильтров Instagram

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

5. Создайте простой эффект винтажной пыли для ваших фотографий.

В этом разделе мы объясним, как с помощью Spark AR Studio создать простой винтажный эффект пыли для ваших фотографий.

Сначала откройте новый проект в Spark AR Studio, выбрав "Файл -> Создать" или просто нажав Ctrl + N на вашем компьютере с Windows.

Как создать новый проект для пользовательского фильтра Instagram

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

В правом верхнем углу точки обзора вы увидите мобильное устройство: оно называется Симулятор. По умолчанию вы получаете iPhone 8, но при желании можете заменить его на устройство Android. Он используется для предварительного просмотра вашей работы.

Как изменить пользовательский фильтр Instagram на устройство Android

В верхнем левом углу дисплея находится "Панель сцены", которая включает в себя основную структуру объектов в вашем фильтре. По умолчанию вы получаете "ambientLight0" и "directionalLight0" - оба элемента освещения. Чуть ниже вы найдете "панель объектов", в которой находятся все материалы, используемые для описания объектов на панели "Сцена".

И последнее, но не менее важное: в правой части экрана расположена "панель инспектора", где вы найдете все свойства элементов, которые вы включили в свой фильтр. Это включает в себя цвет, текстуру, положение и многое другое.

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

Как сделать настраиваемый фильтр Instagram, изменяющий моделирование в реальном времени

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

Как сделать настраиваемый фильтр Instagram новой симуляцией

Создайте свой фильтр

1. Добавьте прямоугольник на экран. Для этого перейдите на панель "Сцена" и нажмите "Добавить объект". Прокрутите вниз, пока не найдете параметр "Прямоугольник", или воспользуйтесь панелью поиска, чтобы быстро его найти. Щелкните Вставить.

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

2. Вы заметите, что в верхнем левом углу экрана вашего смартфона размещен небольшой прямоугольник. Щелкните правой кнопкой мыши новый "rectangle0" в Scene, если хотите его переименовать.

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

3. На панели инспектора найдите "Ширина" и "Высота". Щелкните по очереди и выберите "Ширина заполнения" и "Высота заполнения". Это приведет к тому, что ваша точка обзора будет полностью закрыта прямоугольником. Этот клетчатый узор известен как "альфа" и является прозрачным.

Как сделать пользовательское моделирование заполнения фильтра Instagram

4. Сверху нанести "пыльный" слой. Для этого нам понадобится текстура пыли. Вы можете найти много в Интернете. Сохраните несколько на своем компьютере, чтобы они были под рукой, и убедитесь, что они в портретной ориентации.

5. Создайте новый материал, нажав кнопку "+" на панели "Инспектор" и выбрав "Создать новый материал".

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

6. На панели Asset щелкните новый материал (material1), чтобы отобразить его свойства в Inspector. Может быть хорошей идеей переименовать ваш материал, чтобы вы могли легко отличить его от других, которые вы, возможно, захотите использовать в будущем.

7. Вернитесь в Инспектор, выберите "Выбрать файл", чтобы использовать желаемую текстуру пыли.

Как сделать настраиваемый фильтр Instagram Выбрать файл

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

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

Как создать собственный тип шейдера фильтра Instagram

10. Текстура появится в вашем симуляторе, но на этом этапе она просто затемняет экран. Чтобы "посыпать" изображение пылью, перейдите в "Параметры рендеринга" и выберите "Экран" в меню "Режим наложения".

Как сделать пользовательский режим наложения фильтра Instagram

11. Теперь фильтр отображается в симуляторе. Вы также можете выбрать "Добавить" в "Режиме наложения", и, как видите, результат будет немного более интенсивным. Вы также можете повозиться с полосой непрозрачности, пока не найдете то, что лучше всего подходит для вас.

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

6. Протестируйте и опубликуйте фильтр.

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

Загрузите и установите Spark AR Player на свое мобильное устройство. После запуска приложение попросит вас включить USB-отладку в параметры разработчика (если вы используете Android). Сделайте это, а затем подключите телефон к компьютеру с помощью кабеля USB.

Вернувшись в Spark AR Studio на рабочий стол, нажмите кнопку, похожую на смартфон, в нижнем левом углу дисплея, чтобы "Проверить на устройстве". Нажмите кнопку "Отправить", чтобы отправить эффект на свой мобильный телефон.

Как сделать так, чтобы пользовательский фильтр Instagram отправлялся на мобильное устройство

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

Как сделать собственный фильтр Instagram Spark Ar Player

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

Как сделать экспорт загрузки пользовательского фильтра Instagram

Заключение

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

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

Изображение предоставлено: Spark AR Creators

По теме: