Com puc fer què filtro per a Instagram a Spark AR Studio?

Com fer què és un filtre AR a Instagram?

Creació de filtres de realitat augmentada es pot fer simplement mitjançant el programari Spark AR Studio, mitjançant un projecte en blanc, posant un selector de nombres aleatoris i afegint una solució per imatge. Es mostrarà un selector de canvi ràpid que s’aturarà en una imatge aleatòria de la selecció per tal de crear un filtre per a Instagram.

Vegeu a continuació un avenç complet per crear el vostre propi Instagram Què filtreu i compartiu-lo amb tots els vostres amics del vostre compte d’Instagram privat o empresarial i compartiu una història d’Instagram a Facebook, o creeu-la per a la pàgina d’empresa de Facebook o històries privades després d’haver-les fet la publicació d'efectius Instagram a Spark AR Hub.

1- Carregueu totes les imatges com a actius

Comença per crear un projecte en blanc a la finestra principal de Spark AR Studio.

Des d’aquest llenç en blanc, comenceu a seleccionar totes les imatges que vulgueu utilitzar per al vostre projecte i les importeu mitjançant el botó d’importació o arrossegueu-les i deixeu-les anar a l’àrea correcta.

Assegureu-vos que les imatges ja estiguin optimitzades; en cas contrari, tindreu problemes més endavant, en cas que importeu massa imatges i siguin massa grans. La mida final del paquet no pot superar en cap cas els 40 MB, que inclou tots els actius, però, a més, com més baix siguin els filtres Instagram AR i Facebook AR filtres, millor, idealment, haurien d’acabar amb menys d’1 MB per ser fàcil de descarregar.

2- Afegiu un facetracker pla per actiu

El següent pas és afegir un facetracker general que seguirà els moviments de la cara i al qual s’adjuntaran les imatges i es mourà en conseqüència. Feu clic amb el botó dret a l'àrea d'escena i seleccioneu Afegiu> rastrejador de cara.

A continuació, sota aquest facetracker de nova creació, afegeix un element de pla per imatge que ha estat important i que s’utilitzarà a Instagram què filtres fent clic dret sobre el rastrejador de cara principal i seleccionant add> element de pla.

Assegureu-vos de canviar el nom de tots els elements del pla en conseqüència, en cas contrari, podria resultar fàcilment desordenat i difícil reconèixer-los entre ells.

Un cop creats tots els elements del pla, un per imatge d’actiu, seleccioneu-los tots i moveu-los com vulgueu a la pantalla principal.

De manera predeterminada, el facetracker es troba a la meitat de la cara, però és possible que vulgueu que les vostres imatges es mostrin a sobre del cap o, per exemple, davant d'una part específica de la cara.

3- Enllaçar cada facetracker a un actiu amb un material

Després d'haver creat tots els elements del plànol, seleccioneu-los un després d'un, i habiliteu-los per a materials a la part dreta: seleccioneu material nou cada vegada.

Per a cada material nou creat, seleccioneu-lo, feu clic a la textura i assigneu-li la textura corresponent. Cada element del pla ha de tenir creat un material que tingui assignada una textura. Repetiu l'exercici per a cada textura.

Al final, haureu d’acabar amb el mateix nombre d’elements d’actius de textura, d’elements plànols sota un facetracker i d’actius materials, cadascun d’ells unit a una textura corresponent.

4- Crear un selector aleatori

Ara que tots els actius estan creats i enllaçats i que es col·loquen correctament al rastrejador de caras seguit a la càmera, és hora de començar a codificar el selector aleatori. No us preocupeu, tot serà visual, no hi haurà una sola línia de codi.

Comença per mostrar l'editor de pegats mitjançant la vista del menú Spark AR Studio> mostrar / ocultar l'editor de pedaços.

Per a cada element que afegirem a l’editor de pegats, és possible afegir-lo fent clic amb el botó dret a l’àrea d’elements de pegat i utilitzant la funció de cerca d’elements escrivint algunes lletres relacionades amb el pegat que volem utilitzar.

En alguns casos, l'aplicació us proposarà l'aplicació, i en altres casos, caldrà que ens trobem al catàleg de pegats mitjançant aquesta finestra.

Comenceu a crear el primer pegat introduint la paraula RANDOM i seleccionant el pegat RANDOM corresponent.

Ara, aquest element aleatori s'utilitzarà per generar un nombre aleatori a partir de 0 i acabant en la quantitat d'imatges que vulguem per aleatoritzar menys una.

En el nostre cas, amb 37 imatges, el nostre comptador aleatori començarà a 0 i acabarà a 36.

5- Afegiu una solució per imatges

Ara que hem creat un selector de números aleatori, hem de crear una solució per imatge.

Hi ha diverses maneres de fer-ho, per exemple, creant una funció d'arrodoniment per imatge.

Un cop creats els pegats rodons, afegiu un element IGUALS EXACTAMENT per imatge final.

Cada element EQUALS EXACTLY coincidirà amb un altre nombre enter, a partir de 0 fins a la quantitat màxima d’imatges menys una, en el nostre cas serà de 36.

Finalment, arrossegueu i deixeu anar cada element del pla del facetracker (o tots alhora) i deixeu-lo prop dels elements iguals. No oblideu fer clic a la fletxa abans que la propietat visible d'un d'ells, és a dir, la propietat de visibilitat serà activada per la mateixa funció.

A continuació, continueu enllaçant tots els elements rodons amb el pegat aleatori, cada pegat rodó a un és igual a exactament el pegat i cadascun és igual a un element pla de facetracker.

6- Busqueu l'animació i inicieu-la amb un toc de pantalla

Quan tots els elements s’han enllaçat junts, és hora d’afegir un llaç per tal d’executar contínuament tota la prova i seleccionar un altre element pla que es mostri alhora, mostrant així l’efecte carrusel d’Instagram del que filtres.

Afegiu una animació de bucle a la zona de pegat.

Enllaça l’animació del bucle amb el pegat aleatori, és a dir, que mentre l’animació del bucle estigui activa, activarà l’element de pegat aleatori fins que s’acabi el bucle.

Finalment, volem començar mostrant una imatge estàtica, una imatge principal. Afegiu la imatge principal abans de l'animació de bucle, afegiu un element de toc de pantalla i afegiu dos elements de commutació més un no.

Començarem amb un toc de pantalla: per defecte, només veiem la imatge principal, que és visible.

El primer element de commutació, convertirà la imatge principal en no visible quan s'activa el toc de pantalla.

El segon element de commutació, iniciarà l'animació en bucle alhora que s'amaga la imatge principal, mostrant així el carrusel de la imatge.

7- Publica el teu filtre AR d’Instagram!

I tot això, el nostre Instagram que filtres està a punt, ara és hora de provar-ho.

A la finestra de previsualització del telèfon intel·ligent, seleccioneu l’opció de simulació tàctil i feu clic a la pantalla per iniciar el procés de selecció d’imatges aleatòries.

Per restablir l'emulació del telèfon intel·ligent i toqueu de nou per començar, utilitzeu la icona de restabliment de la barra d'eines de l'esquerra, a sota del menú de fitxers.

A continuació, per comprovar el resultat, utilitzeu l'opció Enviar a l'aplicació a la barra d'eines inferior esquerra.

Si feu servir l’opció de càmera de Facebook, obtindreu una notificació privada a Facebook per convidar-vos a provar el vostre filtre de Facebook de manera privada.

Si feu servir l’opció de càmera d’Instagram, obtindreu una notificació privada a Instagram per convidar-vos a provar el vostre filtre AR AR d’Instagram de manera privada.

Tots dos tindran el mateix efecte: podreu provar el vostre filtre de realitat augmentada de manera privada en el vostre propi dispositiu, i també fer captures de pantalla valuoses que seran necessàries per penjar el filtre AR a Spark AR Hub.