¿Cómo hacer un filtro de Instagram para qué estoy en Spark AR Studio?

¿Cómo hacer un filtro de qué eres AR en Instagram?

Crear su propio filtro de realidad aumentada se puede hacer simplemente usando el software Spark AR Studio, usando un proyecto en blanco, colocando un selector entero aleatorio y agregando una solución por imagen. Esto mostrará un selector que cambia rápidamente, que se detendrá en una imagen aleatoria de la selección, para crear un filtro para Instagram.

Vea a continuación un tutorial completo sobre cómo crear su propio Instagram. ¿Qué es lo que filtra y lo comparte con todos sus amigos en su cuenta privada o comercial de Instagram y comparte la historia de Instagram en Facebook, o créelo para su página comercial de Facebook o historias privadas después de haberlo hecho? la publicación del efecto Instagram en Spark AR Hub.

1- Sube todas las imágenes como activos

Comience creando un proyecto en blanco en la ventana principal de Spark AR Studio.

Desde ese lienzo en blanco, comience seleccionando todas las imágenes que desea usar para su proyecto e impórtelas con el botón de importación, o arrástrelas y suéltelas en el área correcta.

Asegúrese de que las imágenes ya estén optimizadas; de lo contrario, se encontrará con algunos problemas más adelante, en caso de que importe demasiadas imágenes y sean demasiado grandes. El tamaño final del paquete no puede exceder los 40 MB en ningún caso, lo que incluye todos los activos, pero también, cuanto más bajos sean los paquetes de filtros AR de Instagram y filtros AR de Facebook, mejor, idealmente, deberían terminar en menos de 1 MB para que sean fáciles de descargar.

2- Agregue un rastreador de plano por activo

El siguiente paso es agregar un rastreador facial general que seguirá los movimientos de la cara y al que se adjuntarán las imágenes, y se moverá en consecuencia. Haga clic derecho en el área de la escena y seleccione agregar> rastreador de cara.

Luego, debajo de este rastreador facial recién creado, agregue un elemento plano por imagen que haya sido importante y que se usará en Instagram, ¿qué es lo que filtra haciendo clic derecho en el rastreador facial principal y seleccionando agregar> elemento plano?

Asegúrese de cambiar el nombre de cada elemento del plano en consecuencia, de lo contrario, podría resultar complicado y difícil reconocerlos entre sí.

Una vez que se hayan creado todos los elementos planos, uno por imagen de activo, selecciónelos todos y muévalos como desee en la pantalla principal.

De manera predeterminada, el rastreador facial está en el medio de la cara, pero es posible que desee que sus imágenes se muestren por encima de la cabeza, por ejemplo, o frente a alguna parte específica de la cara.

3- Enlace cada facetracker a un activo con un material

Después de haber creado todos los elementos planos, selecciónelos uno tras otro y habilítelos para materiales en el lado derecho; seleccione nuevo material cada vez.

Para cada nuevo material creado, selecciónelo, haga clic en textura y asígnele la textura correspondiente. Cada elemento plano debe tener un material creado que tenga una textura asignada. Repita el ejercicio para cada textura.

Al final, debe terminar con el mismo número de elementos de activos de textura, de elementos planos debajo de un seguidor de caras y de activos de materiales, cada uno de ellos vinculado a una textura correspondiente.

4- Crea un selector aleatorio

Ahora que todos los activos se crean y vinculan entre sí, y que se colocan correctamente en el rastreador facial seguido de la cámara, es hora de comenzar a codificar el selector aleatorio: no se preocupe, todo será visual, no habrá Una sola línea de código.

Comience mostrando el editor de parches utilizando la vista del menú Spark AR Studio> mostrar / ocultar editor de parches.

Para cada elemento que agregaremos en el editor de parches, es posible agregarlo haciendo clic con el botón derecho en el área de elementos del parche, y usando la función de búsqueda de elementos escribiendo algunas letras relacionadas con el parche que queremos usar.

En algunos casos, la aplicación propondrá parches, en otros casos, será necesario encontrarlos nosotros mismos en el catálogo de parches utilizando esta ventana.

Comience a crear su primer parche ingresando la palabra RANDOM y seleccionando el parche RANDOM correspondiente.

Ahora, este elemento aleatorio se usará para generar un número aleatorio que comienza en 0 y termina en la cantidad de imágenes que queremos aleatorizar menos uno.

En nuestro caso, con 37 imágenes, nuestro contador aleatorio comenzará en 0 y finalizará en 36.

5- Añade una solución por imagen

Ahora que hemos creado un selector de números aleatorios, tenemos que crear una solución por imagen.

Hay varias formas de hacerlo, por ejemplo, creando una función de redondeo por imagen.

Después de crear los parches redondos, agregue un elemento IGUAL EXACTAMENTE por imagen final.

Cada elemento EQUALS EXACTLY coincidirá con otro entero, comenzando desde 0 hasta la cantidad máxima de imágenes menos uno, en nuestro caso será 36.

Finalmente, arrastre y suelte cada elemento del plano de seguimiento de cara, o todos a la vez, y suéltelo cerca de los elementos exactamente iguales. No olvide hacer clic en la flecha antes de la propiedad visible de uno de ellos, lo que significa que la propiedad de visibilidad será activada por la función exactamente igual.

Luego, proceda uniendo todos los elementos redondos al parche aleatorio, cada parche redondo a uno es igual a un parche exacto, y cada par igual a exactamente un parche plano a un elemento plano de seguimiento facial.

6- Bucle la animación y comience con un toque de pantalla

Cuando todos los elementos se han vinculado, es hora de agregar un bucle, para ejecutar continuamente toda la prueba, y seleccionar otro elemento plano para mostrar a la vez, lo que muestra el efecto de carrusel de Instagram qué se filtra.

Agregue una animación de bucle a la zona de parche.

Enlace la animación del bucle al parche aleatorio, lo que significa que mientras la animación del bucle esté activa, activará el elemento del parche aleatorio, hasta que el bucle termine.

Finalmente, queremos comenzar mostrando una imagen estática, una imagen principal. Agregue la imagen principal antes de la animación del bucle, agregue un elemento de toque de pantalla y agregue dos elementos de interruptor más uno, no un elemento.

Comenzaremos con un toque en la pantalla: de forma predeterminada, solo vemos la imagen principal, que es visible.

El primer elemento del interruptor, cambiará la imagen principal a no visible cuando se active el toque de pantalla.

El segundo elemento del interruptor comenzará la animación del bucle al mismo tiempo que la imagen principal está oculta, mostrando así el carrusel de imágenes.

7- ¡Publica tu filtro AR de Instagram!

Y una vez terminado, nuestro filtro de Instagram está listo, ahora es el momento de probarlo.

En la ventana de vista previa del teléfono inteligente, seleccione la opción de simulación táctil y haga clic en la pantalla para iniciar el proceso de selección de imagen al azar.

Para restablecer la emulación del teléfono inteligente y tocar nuevamente para comenzar, use el icono de restablecimiento en la barra de herramientas izquierda, debajo del menú de archivo.

Luego, para verificar el resultado, use la opción enviar a la aplicación en la barra de herramientas inferior izquierda.

Al usar la opción de cámara de Facebook, recibirá una notificación privada en Facebook para invitarlo a probar su nuevo filtro AR de Facebook de forma privada.

Al usar la opción de cámara de Instagram, recibirá una notificación privada en Instagram para invitarlo a probar su nuevo filtro AR de Instagram de forma privada.

Ambos tendrán el mismo efecto: podrá probar su filtro de realidad aumentada de forma privada en su propio dispositivo, y también tomar capturas de pantalla valiosas que serán necesarias para cargar el filtro AR en Spark AR Hub.