Imágenes 2D sobre plano

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

JOSE MARIA ROMAN MENDOZA

student•

Le pedí a mi novia que me diera una idea de algún personaje de terror y me dijo que la monja y hasta esta clase del curso es lo que logre hacer, con la practica iré mejorando.

Natalia Prada Gaitán

student•

Esta increible XD

Emmanuel Jose Lamprea Florez

student•

Quedó muy bien, como lo hiciste?

Fernando Piña

student•

Luis Eduardo Alanís Villarreal

student•

Con la tarjeta también aplicamos el ir a las propiedades del material y en Advanced Render Options, desactivar el Use Depth Test, para que la tarjeta no se esconde detrás del fondo al alejarnos.

Christian Alejandro Vargas Menchaca

student•

No me deja de sorprender lo completo de este curso, resuelve dudas antes de que te de tiempo de hacértelas jaja

Juan Sebastián Sierra Morales

student•

Resumen SM 🚀

Para solucionar el error de que cuando la persona se mueva hacia atrás, el filtro desaparezca porque la imagen de la camara se sobrepone y el maquillaje traspasa el fondo, para eso en el material que queremos que no se desaparezca simplemente le deshabilitamos la casilla Material→Advanced render Options → Use Depth test.
Para agregar una tarjeta de invitación en nuestro filtro, primero agragamos en Assets la imagen de la tarjeta de invitación Add Assets→import→from computer
Posteriormente Agregamos un plano en el Face Tracker faceTraker0→Add Object→Plane al cual posteriormente lo renombramos como “tarjeta” Nos dirigimos a sus propiedades y agregamos un material Materials→+ El cual aparecerá en el panel de Assets y también lo renombramos como “Tarjeta”.
seleccionamos el material que creamos → shader type → flat y Material→Shader Properties→Diffuse→ texture → Imagen de la tarjeta.
Finalmente ajustamos las dimensiones y posición del plano de la tarjeta, Seleccionando el plano y utilizando el panel del viewport que nos permite escalar y mover objetos manipulándolos por medio de sus ejes.

By SsimorPro

Daniel Aguilar

student•

Jajaja, justamente pensaba que mi programa estaba mal y me frustre y todo, hasta que me di cuenta de eso en la clase pasada y ahora vemos como se resuelve al principio de esta clase, xD

Jesus Rafael Robles Colinas

student•

Pase por lo mismo y me lo solucionaron en el grupo de telegram Jajaja

Juan Camilo Maldonado Perez

student•

Proyect 1 Terror Fest Invitation:

Jose de Jesus Herrera Ledon

student•

Es muy interesante que el dibujo a profundidad sea una propiedad del material y no del plano.

Lucas Faura Moreno

student•

Filtro Terror Fest

Daniel Murcia

teacher•

👏🏻👏🏻👏🏻👏🏻

Andrés David Loaiza Zamudio

student•

Buena clase

Diego Armando León Buitrago

student•

Hola, tengo una dificultad con los ojos en el proyecto. Noto que se me mueven demasiado, no se quedan estáticos sino que se mueven cada vez que hago un movimiento con el rostro. Que podría ser?

Daniel Murcia

teacher•

Hola, pruébalo en el celular y con buena luz, aveces puede pasar que si no tienes buena luz el rastreo se puede perder

Fausto José Del Rosario Taveras

student•

Mire, intente lo mismo y no funciona, despues que pasa de la sección señalada desaparece la mascara creada.

MIre:

Daniel Murcia

teacher•

Hola, en este video, explicamos como solucionar ese problema que tienes https://youtu.be/X_NrLRsW7r4

Fausto José Del Rosario Taveras

student•

Ayuda, lo que el explico mi sigue pasando, y aun peor, mi "mascara" aparece ma atrás de la persona

Daniel Murcia

teacher•

Hola, en este video, explicamos como solucionar ese problema que tienes https://youtu.be/X_NrLRsW7r4

Karen Tatiana Rodríguez Vanegas

student•

Me di cuenta que al tener tanta luz de fondo sucede esto, ¿hay alguna manera de solucionar ese error para que la luz de fondo no afecte el filtro?

Daniel Murcia

teacher•

Hola, cuando estas en el programa o en el celular, la luz te va a afectar de manera positiva o negativa.

para que no te pase, reduce la cantidad de luz que tienes atras. y agrega luz a tu rostro

shirley sosa

student•

Hola, por alguna razón se tapa el rostro de la persona (no estoy usando cámara sino los demos de spark), qué podría hacer?

Daniel Murcia

teacher•

Hola, aquí te damos dos formas de solucionarlo, con este video puedes solucionar eso 👌🏻 https://youtu.be/X_NrLRsW7r4

shirley sosa

student•

Gracias!!!

Mónica Gavilánez

student•

Hola, cuando los murciélagos salen de mi boca cubren la invitación y tienen como un recuadro que no deja que se lea, cómo puedo quitar el cuadro que se nota cuando salen volando?

Daniel Murcia

teacher•

Hola, para esto debes lo que debes hacer es al material de los murcielagos, activarle la casilla que dice alpha test, esto lo que hace es hacerle la aplicacion del png al material

Mónica Gavilánez

student•

Gracias! si me sirvio

Jorge Luis Carrillo Orejarena

student•

La manera facil de escalar un plano que tenga una textura rectangular y mantener el aspecto es agarrrar la Dimensiones de la textura, en el caso del la textura de invitacion es 419x292.

Con este dato nos vamos al plano y en Scale y a los anteriores valores ante ponemos un 0, nos quedaria x = 0.419 y = 0.292 z = 1

Ya con esto podemos escalar libremente nuestro plano hasta llevar al tamaño que deseamos manteniendo el ratio de la imagen

shirley sosa

student•

hola, tengo problemas, en mi caso, no estoy usando cámara sino la demo de las personas, no sé si tiene que ver, pero no se ve la cara, solo el filtro...¿qué podría hacer?

Julian Andres Cano Orozco

student•

Donde esta esa imagen?

Juan Carlos Osorio Crespo

student•

A que se deben los Halos Azules?

Imágenes 2D sobre plano

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