AR Instagram филтри: 8 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:51

Ето едно забавно отклонение, което да опитате у дома, докато практикуваме социална изолация! След това можете да поддържате връзка и да споделяте своите творения с приятели в Instagram.

Включихме видеоклип в пълен размер.pdf и стъпка по стъпка.

Продължавайте да правите неща!

Консумативи

1. Настолен или преносим компютър.

2. Spark AR Studio (безплатно изтегляне, тук;

3. Photoshop или друг софтуер за редактиране на изображения

4. Смартфон (и Instagram), за да проверите вашите творения!

Стъпка 1: Гледайте видеоклипа

Стъпка 2: Направете го сами: статични обекти

1. За да започнете, щракнете върху „Добавяне на обект“, след това върху „Самолет“. Ще видите квадрат, който се появява в работното пространство и областта за визуализация, който може да се движи с курсора. „Самолетът“е по същество плосък атрибут, добавен върху изображението, записано от камерата. Ще използваме „Самолет“, за да направим цифрова рамка за снимка.

2. Обърнете внимание, че когато е избрана равнината, квадратът в работната зона е шахматен. Това означава, че към него все още няма приложена „Текстура“и по същество е празно платно. В лявата лента с инструменти изберете „Plane0“, за да редактирате тази клетка. След това в Инспектора (лентата с инструменти в дясната страна на екрана) щракнете върху знака „+“до „Материали“. Това ще създаде материал в панела на активите „Material0“.

3.. Когато изберете “Material0” в лентата за настройка, няколко опции се появяват в Inspector. Изберете опцията „Текстура“и след това щракнете върху „Избор на файл“до „Материал 0“. Изберете примерния файл, наречен „пример за равнина“. Сега демонстрирайте видовете модификации, които можете да направите върху „Текстурата“, която сте приложили към равнината. Щракнете и плъзнете качената визуализация на текстурата в основната работна област, за да покажете, че тя може да бъде преместена. Разтегнете и преоразмерете визуализацията на текстурата с помощта на инструмента за мащабиране или променете перспективата на изображението, като щракнете и плъзнете върху лицето в визуализацията на телефона.

A. Регулирайте позицията на избрания обект

Б. Завъртете избрания обект

C. Редактиране на мащаба на избрания обект

Г. Използвайте локална координатна система на обекти

Д. Завъртане/ Център

Стъпка 3: Проследяване

1. Кликнете отново върху „Добавяне на обект“, след което изберете „Разбиране на сцена> Проследяване на лица“. Facetracker0 вече ще се вижда в панела на сцената в лявата лента с инструменти. Ще забележите също, че RGB стрелките на модела в работната зона сега се движат с него.

2. След това плъзнете „Plane0“отгоре на „Facetracker0“в панела на сцената. Обектът „Plane0“следва движенията на лицето на модела- това се нарича проследяване на лицето. Можете да промените мястото, където обектът е позициониран спрямо главата на модела, като използвате RGB стрелките, използвани за преместване на обекта преди това.

3. Ако искате да спрете движението на лицето за по -точно позициониране на изображението, можете да го направите на лявата странична лента.

Стъпка 4: Ефекти на маската

1. Изтрийте „Plane0“от лентата на сцената, като изберете „Plane0“, щракнете върху Edit в горната лява лента с инструменти, след което изберете „Cut“.

2. Щракнете върху „+Добавяне на обект“и изберете „Face Mesh“. Това ще добави нов обект, “faceMesh0” под лицевия тракер. В горната част на визуализацията на камерата ще видите карирано 3D изображение на лицето на модела.

3. Изберете „faceMesh0“и щракнете върху + до Материал в дясната лента с инструменти, след което изберете „Създаване на нов материал“в падащата лента. Сега моделът има бял слой върху лицето и има нов материал в панела „Активи“вляво.

4. Отново отидете на панела с активи, изберете “material1> New Texture” и изберете примерната маска jpg. 5. Вече можете да направите много само с това, като промените параметрите в инспектора. Опитайте да промените параметрите в инспектора „Material1“и вижте какво се случва с резултата в реално време. Играйте с плъзгачите. Можете също да правите същите модове в основното работно пространство, като да го премествате, разтягате и т.н.

Разширяване на ефекта на маската:

1. Разгледайте предоставения файл с шаблони за маски. Този файл с изображение дава лесно редактируем шаблон, върху който да рисувате или създавате ефекти на маска. Отворете файла във Photoshop и създайте нов слой върху шаблона. Този слой може да бъде нарисуван, съставен с други изображения и други, за да се направи персонализирана текстура на маска.

2. Когато новата маска бъде завършена, изтрийте или скрийте шаблона за маска във вашия софтуер за редактиране на снимки и експортирайте файла като.png. Експортирането като-p.webp

3. Опитайте да импортирате това изображение като текстура в сцената на SparkAR и вижте какво ще се случи!

Стъпка 5: 3D обекти

1. Както всеки друг обект, 3D обекти могат да бъдат добавени към сцената. Точно като маската за лице, 3D изображение се състои от „мрежа“и „материал“. Мрежата е 3D формата, а материалът е визуалната текстура, която покрива този обект.

2. Отидете в панела с активи и кликнете върху „Добавяне на актив> Добавяне от библиотеката на AR“. Това води до меню за избор от голям брой примерни обекти. Продължете и изберете обект в 3D Primitives. Щракнете върху Импортиране, за да добавите към фигурата към Активи.

3. Обектът ще се появи с две файлови части, мрежа и материал. Ако плъзнете куба в сцената, ще видите формата да се появи в прозореца за визуализация. Точно като самолета и лицевата мрежа, това може да се премества, преоразмерява и редактира по други начини. За да редактирате текстурата на този обект, щракнете върху материала на куба с надпис „Cube_Mat“и заменете текстурата.

Стъпка 6: Проследяване на самолета и светлини

Проследяване на самолета:

1. Проследяването на самолета е много подобно на проследяването на лицето. Отидете на „добавяне на обект“и изберете „Plane Tracker“. Това ще добави тракер към сцената, който проследява „безкрайна хоризонтална равнина“и ще превключи изгледа за предварителен преглед към изглед с камера напред.

2. Тази равнина може да се използва за „закрепване“на 3D обект, равнина и много други. Експериментирайте с него!

Светлини:

1. Всички 3D елементи в сцената се изобразяват в 3D двигател, който позволява да се променят светлинните ефекти. По подразбиране сцената идва с една околна светлина (осветява всичко тихо) и насочена светлина (подчертава всичко от една посока).

2. Тези осветителни елементи могат да бъдат изтрити от сцената и да се добавят нови. Отидете на „Добавяне на обект“и списък с светлини ще се появи в долната част на падащото меню.

3. Когато се добави светлина, ще стане видима форма на конус с RGB дръжки. Това може да се премества в 3D работното пространство.

Стъпка 7: По -нататъшно проучване

Всеки AR ефект, който сте виждали или използвали на телефона си, е възможно да се постигне с помощта на софтуера Spark. Когато отваряте софтуера, ще видите набор от шаблони за нови ефекти, които можете просто да промените, за да получите желания резултат. Spark ще ви даде кратки инструкции за това какви файлове да замените. Spark също така предоставя достатъчно документация и уроци, за да постигнете всеки ефект, който искате.

Стъпка 8: Качване и публикуване

За да изпробвате ефекта си на смартфон, отидете на Файл> Качване, за да издърпате диалогов прозорец за качване. Ще трябва да влезете във Facebook акаунт, за да качите ефекта. Ще ви отведе до формуляр, където попълвате различна информация за ефекта си, включително заглавие и снимка за предварителен преглед. След като качите ефекта, Spark ще ви даде пробна връзка, за да изпробвате ефекта си. Понякога, в зависимост от ефекта и вашето устройство, може да се наложи да се върнете и да промените ефекта, след като го тествате. Това е напълно нормално.