Agregar fondo

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

Clase anteriorSiguiente clase

Christian Alejandro Vargas Menchaca

student•

Wow son varios procedimientos que definitivamente la única manera de dominarlos es practicando

Cristhian Ortiz Henao

student•

si es verdad

Alejandro Bracho

student•

Totalmente de acuerdo, la practica hace al maestro

Aura María Villamizar Mendoza

student•

debería subir solo un archivo con todo el material de la clase al principio del curso.

Emmanuel Jose Lamprea Florez

student•

Es verdad Aura, en cada clase debemos estar descargando y es un poco molesto, de resto es muy interesante

Jhon Edward Bedoya

student•

🟢 Hello!

Es una muy buena recomendación. Será considerada de inmediato. Muchas gracias por tu sugerencia 🤗

Un abrazo de gol! 🦾

Omar Sanchez Arambula

student•

Agregar fondo

Scena → focal Distance → canvas→ add object → rectangle1 →propiedades →Width → full width, Height → full Height
Material ➕ → Create New Material → Camera →segmentation ➕ → seleccionar person
Ahora buscar en los Assets→ segmentationMaskTexture1 → seleccionamos el material que creamos → rename a persona → shader type → flat → texture → camaraTextur
Activar alpha ☑️ → texture →segmentationMaskTexture1
Activar alpha test ☑️
advanceRenderOptions → write to depth deshabilitarla ⬛ Esto se hace para que esta segmentación(silueta) siempre quede en la mesa de trabajo
Focal Distance → Add Object → Plane → rename a Fondo → Subir Fondo por encima de canvas y faceTraker → en propiedades en escale cambiar el tamaño / otra forma: si se pone el mouse sobre las 3 líneas en el viewport le damos click y le aumentamos el tamaño
plano → propiedades → materials → Create New Material → assets → rename a Fondo
propiedades del material →shader type → flat → texture →choose file → buscamos la imagen de fondo

Laura Valentina

student•

Gracias por el aporte

Marlon Brandon Paul Alvarez Can

student•

Ya casi están listos...

Daniel Murcia

teacher•

😱😱👏🏻👏🏻👏🏻

Jader Moncayo

student•

En mi pantalla el plano me aparece en frente y tapa todo ¿Qué hacer para que aparezca en la parte de atrás el plano?

Mayra Lopez

student•

desde una vista 3D pásalo hacia atrás. Sino te estoy entendiendo pegame aqui una captura de pantalla para poder ayudarte mejor

Jader Moncayo

student•

Listo, solucionado

Julian Andres Cano Orozco

student•

Me preguntaba si eran necesarios tantos Face Meshes hehe

Mayra Lopez

student•

Pudiera ser que para manejarlos bien si, pero puedes probar a usar menos y juntar los elementos

Alejandro Ramos

student•

En lo que he probado, no es necesario! 😀

Usa los que requieras.

Oscar Ortega Cabello

student•

ASÍ VAMOS, UNA COMBINACIÓN CON LA CLASE ANTERIOR EN EL CANVAS EL QUITADO DE LA SILUETA DE LA PERSONA DEBE ESTAR ARRIBA DEL COLOR DEL CABELLO

Thomas Gonzalez Revilla

student•

MUCHAS GRACIAS ! Seguia avanzando sin el cambio de color de cabello.

Maria Abetti

student•

En mi caso si hago eso se ve solo el pelo, el maquillaje y el fondo. Desaparece la persona

Andrés David Loaiza Zamudio

student•

Por qué hacer el background en un plano y no en un rectángulo?

Carlos José González Juan

student•

Pienso que porque el plano se mueve conla cara, y lo que nos interesa es que se quede fijo

Emmanuel Jose Lamprea Florez

student•

Yo creo igual que con Carlos, debe ser que el rectángulo es para el objeto persona y el plano es para ser estático o similar

Jaime Alejandro Torres Ocon

student•

Cada que voy avanzando en los cursos voy imaginando las posibilidades y con cada nueva herramienta, estas aumentan

Sofía Dellamea

student•

¿Qué puedo hacer si toda mi piel se vuelve luminosa y blanca? tengo este problema de que cuando intento ponerle fondo el maquillaje me queda por encima y todo mi cuerpo se pone blanco y difuminado.

Daniel Murcia

teacher•

Hola, puedes porfa adjuntar una foto para entender un poco mejor tu pregunta

Carlos Iván Ochoa Gómez

student•

Mire que la imagen de fondo pesa 30mb, y la verdad se me hace mucho. y quisiera saber ¿Cual es el tamaño maximo recomendado para el proyecto?

Mayra Lopez

student•

para poder subir un proyecto, el filtro completo debe pesar menos de 4 Mb, entonces un optimo seria menos de 1Mb

Daniel Murcia

teacher•

Hola, puedes bajarle tamaño usando https://tinypng.com/

Daniel Alejandro Vargas Yacuma

student•

Hola, lo que pasa es que a la hora de poner el fondo y probarlo me doy de cuenta que en en simulador hay unos personajes que no les aparecen la mascara y hay otros que se les ve un poco, cuando yo huso mi cámara si se ve bien pero alejo la cara y se quita, no se como poder arreglar ese problema y lo que no aparece es el color de pelo no se porque no se pondrá.

Daniel Murcia

teacher•

Hola, puedes intentar en le material del fondo, en las propiedades, buscar la opcion Advanced render options, desplegar esa opcion y desmarcar la opcion que dice write to depth buffer, esa opcion lo que hace es que el material seleccionado quede en la parte de atras

Jader Moncayo

student•

Cuando voy a subir el filtro me aparece que la segmentación debo borrarla pero si la borro borro el fondo ¿Qué hacer?

Mayra Lopez

student•

específicamente no te dice que la borres, dice que nos todos podran verla, esto es porque hay celulares gama baja que podrían no ser capaces de reproducirlo.

Hyrunm nefi Lloclla Garcia

student•

al poner el fondo desaparece el color de cabello, cómo haria para que aparezca el color de cabello sin perser el fondo

Vicente García Pérez

student•

Hola, ¿me pueden ayudar?

No sé que hice mal que la persona se ve como en canal alfa y ya no sé corregirlo.

David Durán

student•

Hola, como puedo hacer para que le plano transparente cuadrado de los ojos, desaparezca. Gracias

Daniel Murcia

teacher•

hola, en el material del ojo, debes seleccionar la parte que dice alpha test, eso te quita parte transparente

David Durán

student•

muchas gracias profe

Sergio Valadez

student•

¿Soy el único que le pasa que el FaceMesh le sale detrás del viewport? cuando le pongo un rectangule me pasa que tapa mi rastreo de rostro...

Daniel Murcia

teacher•

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

Sergio Valadez

student•

Gracias, desactivar el checkbox de deeptest funcionó perfecto.

Edwin Salazar

student•

Hola, no me sale la opción de " cameraTexture0" dentro de Textura en Shader Properties y cuando selecciono el archivo del fondo tapa todo menos el filtro, alguna solución?

Daniel Murcia

teacher•

Hola, con este video quizas te pueda ayudar para solucionarlo

Jose Luis

student•

Alguien me puede ayudar, mi facemesh se mezcla con mi fondo y no esta independiente como en el video y la lo hice muchas veces y sigue así

Emmanuel Jose Lamprea Florez

student•

Hola Jose 👋🏻 Intente que el FaceMesh quede sobre el plano y no quede detrás, ya que se va poniendo más pequeño o más grande el filtro, puede que sea eso.

Que quede mas al frente del video de prueba, en el Viewport.

Trate de acomodar que el filtro o la mascara quede sobre la cara, alineado

Oscar Ortega Cabello

student•

SOLUCIÓN: SELECCIONA CANVAS > PROPIEDADES > MODO > WORLD SPACE , UBICA ESE PLANO UN POCO ALEJADO Y DETRÁS Y YA ESTARÍA.

Ilai Guevara

student•

¿Cuándo se aplica el fondo se pierde el color del cabello? Porque ya no lo tiene y solo está un aura de color verde

Daniel Murcia

teacher•

hola, hay tres formas de hacerlo.

en el materia de la segmentacion de cabello, buscar la opcion "Advance render options" desmarcar la casilla que sice "use depth test"
Verificar que en la escena elfondo este arrriba de la segmentacion de cabello.
Usar las capas "layers" al seleccionar cada objeto en las propiedades puedes crearle una nueva capa, pordefecto vienen todas en layer 0, creale una capa nueva a la segmentacion de cabello y prueba las pestañas de capas al lado de la pestaña de escena para que quede la segmentacion de cabello adelante del fondo.

Prueba con cualquier de estas opciones

David Alejandro Medina Ruiz

student•

Profe, intenté de las tres formas que comentas pero en ninguna funcionó; lo único que me permite ver el color del cabello es desactivando el segmento de persona 😔 hay alguna otra forma para solucionarlo?

Agregar fondo

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