Hoe kan ek 'n filter maak vir Instagram in Spark AR Studio?

Hoe kan u 'n filter maak wat u op AR maak?

Om u eie te skep Wat is u 'n aanvulling op die werklikheidsfilter, kan u eenvoudig met behulp van die Spark AR Studio-sagteware doen, deur 'n leë projek te gebruik, 'n ewekansige heelgetal-selector te sit en een oplossing per beeld toe te voeg. Dit sal 'n vinnig veranderende selector vertoon, wat op 'n ewekansige beeld van die seleksie gestop word, om 'n filterfilter vir Instagram te skep.

Kyk hieronder na 'n volledige deurbraak om u eie Instagram te skep. Wat filter u en deel dit met al u vriende op u private of besigheids Instagram-rekening en deel Instagram-verhaal op Facebook, of skep dit vir u Facebook-besigheidsblad of privaatverhale nadat u dit gedoen het. die  Instagram-effekpublikasie   op Spark AR Hub.

1- Laai alle foto's as bates op

Begin deur 'n leë projek in die hoofvenster van  Spark AR Studio   te skep.

Begin van die leë doek af deur al die foto's te kies wat u vir u projek wil gebruik, en voer dit in met die invoerknoppie, of sleep dit na die regte gebied.

Maak seker dat foto's reeds geoptimaliseer is, anders kom u later in die moeilikheid, indien u te veel foto's invoer en te groot is. Die finale pakketgrootte kan in elk geval nie meer as 40MB wees nie, wat alle bates insluit, maar hoe laer die Instagram AR-filters en die Facebook AR-filterspakkette, hoe beter - die ideaal is dat dit op minder as 1 MB beland om maklik af te laai.

2- Voeg een vlak fasetracker per bates by

Die volgende stap is om 'n algemene gesigspreker by te voeg wat die gesigbewegings sal volg, waarna die prente geheg is, en daarvolgens beweeg. Klik met die rechtermuisknop in die toneelarea en kies 'add'> face tracker.

Voeg dan 'n vlakelement per beeld wat belangrik is, onder hierdie nuutgeskepte fasetracker, by wat op die Instagram gebruik sal word, wat filter u deur met die regterklik op die hoofsigter te klik en die add> vlakelement te kies.

Maak seker dat u elke vlakelement dienooreenkomstig hernoem, anders kan dit maklik morsig raak en moeilik wees om dit tussen mekaar te herken.

Sodra alle vlakelemente geskep is, een per batebeeld, kies hulle almal en skuif dit soos u wil op die hoofskerm.

Die gesigspreker is standaard in die middel van die gesig, maar u wil dalk hê dat u foto's byvoorbeeld bo die kop of voor 'n spesifieke gesigsdeel moet verskyn.

3 - Koppel elke fasetbalk aan 'n bate met 'n materiaal

Nadat u alle vlakelemente geskep het, kies hulle een vir een en stel hulle in staat vir materiaal aan die regterkant - kies telkens nuwe materiaal.

Vir elke nuwe materiaal wat u gemaak het, kies dit, klik op tekstuur en ken die ooreenstemmende tekstuur toe. Elke vlakelement moet een materiaal hê wat met een tekstuur toegeken is. Herhaal die oefening vir elke tekstuur.

Uiteindelik moet u met dieselfde aantal tekstuurbate-elemente, van platelemente onder een gesigspoor en van materiële bates, elk gekoppel aan 'n ooreenstemmende tekstuur, eindig.

4- Skep 'n ewekansige selector

Noudat alle bates geskep en aanmekaar gekoppel is, en dat dit behoorlik geplaas is op die face tracker wat op die kamera gevolg word, is dit tyd om te begin met die kodering van die willekeurige selector - moenie bekommerd wees nie, alles sal visueel wees, daar sal nie wees nie 'n enkele reël kode.

Begin deur die patch-redakteur te vertoon met behulp van die Spark AR Studio-menu-aansig> toon / verberg patch-redakteur.

Vir elke element wat ons in die patch-redakteur sal byvoeg, is dit moontlik om dit by te voeg deur met die rechtermuisknop in die patch-element-area te klik, en die element-soekfunksie te gebruik deur 'n paar letters in te tik wat verband hou met die patch wat ons wil gebruik.

In sommige gevalle sal pleisters deur die aansoek voorgestel word, in sommige ander gevalle sal dit nodig wees om dit self in die pleister katalogus te vind met behulp van hierdie venster.

Begin met die skep van u eerste pleister deur die woord RANDOM in te voer en die ooreenstemmende RANDOM patch te kies.

Nou sal hierdie ewekansige element gebruik word om 'n ewekansige getal te genereer vanaf 0 en eindig met die hoeveelheid foto's wat ons wil randomiseer minus een.

In ons geval, met 37 foto's, sal ons ewekansige teller by 0 begin en op 36 eindig.

5- Voeg een oplossing per prente by

Noudat ons 'n ewekansige getallekieser geskep het, moet ons een oplossing per beeld skep.

Daar is verskillende maniere om dit te doen - byvoorbeeld deur een afrondingsfunksie per beeld te skep.

Nadat die ronde kolle geskep is, voeg een element GELYK PRESIES per finale prent by.

Elke EQUALS PRESIESE element sal ooreenstem met 'n ander heelgetal, vanaf 0 tot die maksimum hoeveelheid foto's minus een, in ons geval sal dit 36 ​​wees.

Uiteindelik, sleep en laat elke vlak-element - of alles tegelyk - val en laat dit naby die presiese elemente val. Moenie vergeet om op die pyltjie te klik voor die sigbare eienskap van een daarvan nie - dit beteken dat die sigbaarheidseienskap deur die presiese funksie gelyk is.

Gaan dan voort deur alle ronde elemente aan die ewekansige pleister te koppel, elke ronde pleister aan een is presies gelyk aan die lap, en elkeen is gelyk aan presiese kol aan een vlak-element.

6- Maak die animasie los en begin dit met 'n skermkraan

As al die elemente aan mekaar gekoppel is, is dit tyd om 'n lus by te voeg, om deurlopend deur die hele toets te loop, en 'n ander vlakelement te kies om tegelyk te vertoon, en sodoende die carousel-effek van die Instagram te wys wat is u filter.

Voeg 'n lusanimasie by die pleistersone.

Koppel die lus-animasie aan die ewekansige pleister, wat beteken dat, terwyl die lus-animasie aktief is, dit die ewekansige patch-element sal aktiveer totdat die lus verby is.

Laastens wil ons begin met 'n statiese beeld, 'n hoofbeeld. Voeg die hoofbeeld by voor die animasie van die lus, voeg 'n skermkraanelement by en voeg twee skakelelement plus een nie element by.

Ons begin met 'n skermkraan: standaard sien ons slegs die hooffoto, wat sigbaar is.

Die eerste skakelaarelement sal die hoofprent nie sigbaar maak wanneer die skermkraan geaktiveer word nie.

Die tweede skakelaarelement sal die animasie van die lus begin terselfdertyd dat die hoofbeeld versteek is, en sodoende die beeldkarousel vertoon.

7- Publiseer jou Instagram AR-filter!

En daarmee heen, ons Instagram wat u filter is gereed, is dit nou die tyd om dit te toets.

Kies die opsie vir simuleeraanraking in die voorbeeldvenster van die slimfoon en klik op die skerm om die ewekansige beeldkeuse-proses te begin!

Gebruik die reset-ikoon aan die linkerkant van die werkbalk onder die lêer-menu om die emulasie van die slimfoon terug te stel en weer te begin om te begin.

Gebruik die opsie Stuur na app op die onderste balk links om die resultaat te bepaal.

Deur die Facebook-kamera-opsie te gebruik, kry u 'n private kennisgewing op Facebook om u uit te nooi om u nuwe Facebook AR-filter privaat te toets.

Deur die Instagram-kamera-opsie te gebruik, kry u 'n private kennisgewing op Instagram om u uit te nooi om u nuwe Instagram AR-filter privaat te toets.

Albei het dieselfde effek: u kan u vergrote werklikheidsfilter privaat op u eie toestel toets, en ook waardevolle skermkiekies neem wat nodig sal wees om die AR-filter in Spark AR Hub op te laai.