Interacción sacudir la cabeza

Clase 21 de 27 • Curso de Creación de Filtros Faciales para Instagram con Spark AR

Daniel Piedrahita

student•

Cuando conecte por primera vez el parametro de scale en el patch editor a la salida de la transición, los valores del parametro no se fueron a "0" como indica la transición en su "start" lo solucione cambiando debajo de la transición el "vector 3" por "numero" y volviendo a "vector 3" con la intención de que refrescara los valores y funciono, por si le pasa a alguien mas :)

Luis Eduardo Alanís Villarreal

student•

Es cierto, me pasó que no me funcionaba así que hice lo de moverlo a number y devolverlo a vector 3, reconectarlo y ya me funcionó. Gracias

Andrés Manuel López Ordaz

student•

Ey, muchas gracias jaja, me funcionó UwUr

Christian Alejandro Vargas Menchaca

student•

Veo tantas cosas en el filtro y me abruma, pero a la vez me encanta lo mucho que se puede hacer.

Mayra Lopez

student•

Si abruma, pero yo lo hago por partes y pequeños filtros para pequeñas cosas. Animo, si se puede

Luis Eduardo Alanís Villarreal

student•

Exacto, por eso no recomiendo hacer todo el curso de volada. Es ver por partes y ensayar lo que viste e incluso improvisar con un proyecto propio en cada sección para ir aprendiendo.

Yo además tomo apuntes con las instrucciones (salió borrosa la foto jeje)

Jhonatan David Ibarra Lavado

student•

en el minuto 2.58 se vuelve a repetir una parte del video

Anthony Ismael Manotoa Moreno

student•

Muchas gracias por tu reporte :D

Lo corregiremos pronto

Tania Sosa

student•

Hola Jhonatan, este detallito ya fue corregido. Muchas gracias por ayudarnos a mejorar Platzi 💚

Juan Sebastián Sierra Morales

student•

Resumen SM 🚀

Interacción sacudir la cabeza

Abrimos el patch editor, dirigiéndonos Workspace → Show/hide Patch Editor
Seleccionamos el objeto faceTracker0 hacia el Patch Editor
Damos click derecho sobre el Patch Editor y agregamos el bloque de Head Shake (Detecta cuando alguien sacude la cabeza) y posteriormente hacemos los mismo para agregar el bloque de Animation (Permite reproducir o detener una animación además de agilizarla o alentizarla)(viene con un bloque pulse) y Transition (Permite realizar la transición de la posición o estado inicial de un elemento (numero o color) a uno final)
Conectamos los bloques la salida (Face) de faceTracker(face)→entrada (Face) de head shake → la salida (Shake) de head shake → la entrada (Play) de Animation → la salida (Progress) de Animation → la entrada (Progress) de Transition.
Copiamos el tamaño del plano de la tarjeta en cada uno de sus ejes y lo pegamos en el campo End del bloque de transición.
Nuevamente en la propiedades del plano tarjeta → Transformations→Damos click en el circulo de la propiedad Scale (tamaño del plano) Para obtener su bloque.
Finalmente unimos la salida (Value) del bloque Transition → entrada del bloque de la escala de la tarjeta.

By SsimorPro

Paula Abad

student•

Así va mi filtro.

Abel Camacho

student•

A sido fácil con la explicación del profesor, pero veo que para dominarlo se necesitaría mucha practica, pero con todos los recursos empleados dan ganas de experimentar con otras ideas.

Salvador Anwart Meza Jiménez

student•

Al sacudir la cabeza quiero que se desactive el mouth open para que dejen de salir los murciélagos con el fin de poner otra animación y al volver a sacudirla que reaparezcan, alguien que me pueda ayudar? lo intente sin éxito.

Daniel Murcia

teacher•

para esto lo que puedes hacer es q al sacudir la cabeza, desabilite el visible de as particulas de los murcielagos. (head shaker - switch - visible de particulas murielago)

Salvador Anwart Meza Jiménez

student•

Me da hasta verguenza escribir pero lo que estaba mal era mi movimiento de cabeza, es haciendo un movimiento como diciendo NO y yo movia la cabeza como campana, es lo malo de practicar a las 3:00 a.m. gracias por el apoyo

Jose de Jesus Herrera Ledon

student•

Como se podria conectar la imagen del plano a una API? Por ejemplo mandar una imagen de servidor o generarla en el dispositivo

Mayra Lopez

student•

No se puede, se tiene que subir el asset y ahi se le da una segunda revisión. De hecho no cualquier imagen es aceptada por spark, si tiene letras o contenido protegido el filtro es rechazado

Emmanuel Jose Lamprea Florez

student•

Es verdad lo que dice Mayra, todo el contenido que se quiera mostrar en el filtro deber ser añadido en el programa, no se puede usar archivos en la nube o parecido, tiene que ser local.

Ojalá en un futuro implementen mejores funciones

Jhonatan David Ibarra Lavado

student•

esto esta brutal, gracias , genial jajaja

Daniel Piedrahita

student•

Hola, la parte de los valores para la escala en la transición esta duplicado, saludos, gran curso.

Nicolas Agustin Goitia

student•

Cuando los murcielagos pasan sobre la tarjeta de invitacion,se ven con un cuadrado negro de fondo. Hay forma de quitar eso?

Daniel Murcia

teacher•

Nicolas, aqui dees activaar la opcion alpha test en el material del los murcielagos y tambien en el material de la tarjeta

Emmanuel Jose Lamprea Florez

student•

Hola Nicolas 👋🏻 También otra forma es poner el Plano sobre el emitter y listo en la scene.

Guillermo Jean Pierre Guevara Otero

student•

¿Cómo puedo cambiar el número de progress en Transition? cuando conecto el bloque Animation con el de Transition, automáticamente cambia de 0 a 1, y en el ejemplo el Progress de Transition se queda en 0 (que es cuando empieza el efecto).

Daniel Murcia

teacher•

En la parte de la transition, en end, debes tocar y pgar el valor del scalado de la tarjeta. Y en star si te cambia a 1, debes ponerlo manualmente en 0

Laura Mejia Rodríguez

student•

No me quedó claro el valor que se debe agregar a la tarjeta, es el minuto 3:11 se copia el valor que está en la Scale 16024 y se pega en el recuadro de Transition (Path Editor) en el campo de End , se pone un número 2 ,en mi caso es punto para que funcione y posteriormente el número copiado de de Scale 16024. y otra pregunta como borro el recuadro amarillo que por error di click a la flecha de Scale.

Daniel Murcia

teacher•

Hola, para borrar el recuadro amarillo, solo debes seleccionarlo y darle borrar con el boton del teclado de borrar.

En cuanto al escalado que pones en el path de transition, ese debe ser el valor de escalado que tengas de tu plano. el video es para que tengas referencia, pero debes tener en cuenta el valor del escalado del plano que tienes en tu escena

José Manuel Morales Rodríguez

student•

mi avance hasta ahora !Platzi landing

Jesus Rafael Robles Colinas

student•

Que increíble el uso de las interacciones se abre un enorme campo de posibilidades ahora

Andrés David Loaiza Zamudio

student•

Genial las interacciones de gestos con animaciones

Juan Camilo Maldonado Perez

student•

TF Interaction shaking head in Intitation

Interacción sacudir la cabeza

Conocer Spark AR

Crea tu primer filtro usando Spark AR

Descarga e instalacion Spark Ar studio

Desplazamientos en el programa

Interfaz y Face mesh

Creando un efecto en los ojos

Crear diseño de ojo en photoshop

Integrar diseño de ojo en Spark AR

Crear extracción de textura de rostro y retoque facial

Descarga de referencias de rostros de Spark AR

Crea un efecto de maquillaje en realidad aumentada

Creación de maquillaje en photoshop (boca)

Creación de maquillaje en photoshop (nariz y ojos)

Integrar maquillaje en spark ar

Publicación de pre diseño del filtro

Vincular cuentas

Cómo subir un filtro a Instagram

Crear un efecto animado en 2d

Creación de sprite sheet en photoshop

Integración de sprite sheet en spark ar y creacion de particulas

Interacción de abrir la boca con parches

Personaliza elementos de tu escena

Color de cabello

Agregar fondo

Crear marco o viñeta

Imágenes 2D sobre plano

Interacción sacudir la cabeza

Agregar interacciones al filtro

Agregar sonido

Crear instrucciones

Publicación del diseño final de tu filtro

Optimización

Cómo asegurarse de que el filtro sea aceptado

Subir filtro final Instagram

Bonus

Cierre y recomendaciones finales