CursosEmpresasBlogLiveConfPrecios

Color de cabello

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

Clase anteriorSiguiente clase

Contenido del curso

Conocer Spark AR
  • 1
    Crea tu primer filtro usando Spark AR

    Crea tu primer filtro usando Spark AR

    00:54
  • 2
    Descarga e instalacion Spark Ar studio

    Descarga e instalacion Spark Ar studio

    06:31
  • 3
    Desplazamientos en el programa

    Desplazamientos en el programa

    04:59
  • 4
    Interfaz y Face mesh

    Interfaz y Face mesh

    07:56
Creando un efecto en los ojos
  • 5
    Crear diseño de ojo en photoshop

    Crear diseño de ojo en photoshop

    04:02
  • 6
    Integrar diseño de ojo en Spark AR

    Integrar diseño de ojo en Spark AR

    14:10
  • 7
    Crear extracción de textura de rostro y retoque facial

    Crear extracción de textura de rostro y retoque facial

    06:10
  • 8
    Descarga de referencias de rostros de Spark AR

    Descarga de referencias de rostros de Spark AR

    02:43
Crea un efecto de maquillaje en realidad aumentada
  • 9
    Creación de  maquillaje en photoshop (boca)

    Creación de maquillaje en photoshop (boca)

    09:24
  • 10
    Creación de maquillaje en photoshop (nariz y ojos)

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

    08:26
  • 11
    Integrar maquillaje en spark ar

    Integrar maquillaje en spark ar

    06:52
Publicación de pre diseño del filtro
  • 12
    Vincular cuentas

    Vincular cuentas

    01:20
  • 13
    Cómo subir un filtro a Instagram

    Cómo subir un filtro a Instagram

    13:26
Crear un efecto animado en 2d
  • 14
    Creación de sprite sheet en photoshop

    Creación de sprite sheet en photoshop

    10:53
  • 15
    Integración de sprite sheet en spark ar y creacion de particulas

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

    05:05
  • 16
    Interacción de abrir la boca con parches

    Interacción de abrir la boca con parches

    05:46
Personaliza elementos de tu escena
  • 17
    Color de cabello

    Color de cabello

    05:58
  • 18
    Agregar fondo

    Agregar fondo

    06:09
  • 19
    Crear marco o viñeta

    Crear marco o viñeta

    02:14
  • 20
    Imágenes 2D sobre plano

    Imágenes 2D sobre plano

    05:14
  • 21
    Interacción sacudir la cabeza

    Interacción sacudir la cabeza

    04:48
Agregar interacciones al filtro
  • 22
    Agregar sonido

    Agregar sonido

    03:17
  • 23
    Crear instrucciones

    Crear instrucciones

    01:28
Publicación del diseño final de tu filtro
  • 24
    Optimización

    Optimización

    02:06
  • 25
    Cómo asegurarse de que el filtro sea aceptado

    Cómo asegurarse de que el filtro sea aceptado

    04:55
  • 26
    Subir filtro final Instagram

    Subir filtro final Instagram

    07:03
Bonus
  • 27
    Cierre y recomendaciones finales

    Cierre y recomendaciones finales

    00:31
    Carlos José González Juan

    Carlos José González Juan

    student•
    hace 4 años

    ![](

    2021-12-20_11h08_01.png

      Emmanuel Jose Lamprea Florez

      Emmanuel Jose Lamprea Florez

      student•
      hace 4 años

      Wow Carlos, se ve bien

      Walter Antonio Sandoval Aguilar

      Walter Antonio Sandoval Aguilar

      student•
      hace 4 años

      Esta de lujo

    yesenia morales valenzuela

    yesenia morales valenzuela

    student•
    hace 4 años

    Si tienen el mismo problema que yo con que se ve transparente en el recuadro de los ojos o si al hacerte mas atrás la mascara desaparece, pueden seleccionar el material con el problema, desactivar "write to depth buffer" en "advanced render options" y se soluciona, desconozco si es la manera correcta, pero saben de otras formas me gustaría conocerlas.

    1640795420306.jpg
    Screenshot_1.png
    1640796909088.jpg
      Andrea Paola Sierra Mendoza

      Andrea Paola Sierra Mendoza

      student•
      hace 4 años

      Amiga me has salvado la vida, ya había movido todas las opciones que pude encontrar jajajaja, cambié el modo del material, la opacidad, y seguía saliendo ese recuadro transparente alrededor del ojo, hasta que me rendí. Pero me funcionó desactivar esa función! Gracias!

      Juan David Erazo

      Juan David Erazo

      student•
      hace 4 años

      No sabia como arreglar ese problema, muchas gracias...

    Andrea Paola Sierra Mendoza

    Andrea Paola Sierra Mendoza

    student•
    hace 4 años

    Si quieren que los ojos desaparezcan cuando los cierran, pueden usar esta configuración.

    Captura de pantalla (40).png

      Andrea Paola Sierra Mendoza

      Andrea Paola Sierra Mendoza

      student•
      hace 4 años

      Los bloques los pueden agregar como ya se ha hecho en clases anteriores, haciendo click derecho sobre el editor y buscando el nombre de la función. Para colocar controlar cada ojo (los bloques amarillos) tienen que seleccionar los planos de los ojos, darle click a la flechita que está junto a la propiedad de visible.

      Captura de pantalla (41)_LI.jpg

      Oscar Ortega Cabello

      Oscar Ortega Cabello

      student•
      hace 4 años

      Thaanks

    LAURA HERRERA

    LAURA HERRERA

    student•
    hace 4 años
    RYUK FILTRO PRUEBA.png

    Me encanta !

      Judith Florez

      Judith Florez

      student•
      hace 2 años

      ayy!, me asusté pero me gusta

    Robert Ledezma

    Robert Ledezma

    student•
    hace 4 años

    Aquí como voy!!

    Alan Mata

    Alan Mata

    student•
    hace 4 años

    Sí tienen el mismo problema en que desaparece el maquillaje con el canvas, solamente tienen que ir al material del cabello>>ir al panel de las propiedades>>Advanced Render Options>>Y desmarcamos la casilla de Write to Depth Buffer y listo, problema resuelto xd

    Antes:

    259344375_993636097911256_6851674388146680011_n.png

    Despues:

    272346504_527190018584120_5398073197777421704_n.png

      Bryan Hernandz

      Bryan Hernandz

      student•
      hace 4 años

      ¡Gracias!😁 Me ahorraste mucho tiempo buscando la solución.👏

    Aura María Villamizar Mendoza

    Aura María Villamizar Mendoza

    student•
    hace 4 años

    no se porque el maquillaje quedo en la parte de atrás y ocasionando que al momento de colocar el cabello no salga!

      Aura María Villamizar Mendoza

      Aura María Villamizar Mendoza

      student•
      hace 4 años
      Captura de pantalla 2021-12-22 165028.png
      Aura María Villamizar Mendoza

      Aura María Villamizar Mendoza

      student•
      hace 4 años

      ya intente verlo con las fechas pero no funciona

    Omar Sanchez Arambula

    Omar Sanchez Arambula

    student•
    hace 4 años

    Color de cabello

    resumen

    1. En Scene dentro de Focal distance
    2. Dar un clic derecho → add object → canvas
    3. Dentro de canvas →clic derecho → rectangle
    4. en propiedades damos click derecho sobre Width → full width, Height → full Height
    5. vamos a Scene y subimos canvas por encima de FaceTracker
    6. Ahora en Camera (encima de Focal Distance) → propiedades →Texture Extraction damos al mas➕
    7. en segmentation damos al mas ➕ salen 3 opciones (person, hair, skin) le damos click en hair (esta opcion no esta disponible para facebook, nos va a pedir que lo removamos y aceptamos
    8. vamos a rectangle0→ Propiedades → materials → Create New Material
    9. renombramos el material a “cabello”
    10. en propiedades → shader type → flat → texture → camaraTextur
    11. Activar alpha ☑️ → texture →segmentationMaskTexture
    12. diffuse → color → seleccionamos color
    13. advanceRenderOptions → UseDeepTest deshabilitarla ⬛
    14. ahora faceTracker → facemesh0 → visible deshabilitar ⬛
    Laura Itzel Hernández Fernández

    Laura Itzel Hernández Fernández

    student•
    hace 4 años
    catrina
    Jose Alfredo De la hoz

    Jose Alfredo De la hoz

    student•
    hace 4 años
    Captura de pantalla 2022-01-14 154320.jpg
    Juan Esteban Alvarez Mesa

    Juan Esteban Alvarez Mesa

    student•
    hace 3 años
    FiltroCatrinaBat.JPG
    Juan Carlos Rodríguez Amézquita

    Juan Carlos Rodríguez Amézquita

    student•
    hace 4 años

    Me está pasando que la máscara del maquillaje se queda detrás del canvas que agregamos para el color del cabello. ¿Alguien sabe cómo resolver esto?

    err-mask-behind-canvas.png

      Jose Luis

      Jose Luis

      student•
      hace 4 años

      vuelve a hacer todo de nuevo, algo así me paso, no sé porque pero no volvio a suceder, solo lo volvi a hacer

      Emmanuel Jose Lamprea Florez

      Emmanuel Jose Lamprea Florez

      student•
      hace 4 años

      Intenta moverlo con la flecha azul sobre el video de prueba en el viewport, como lo muestra está por detrás del video entonces no se ve.

    Pepe Sosa

    Pepe Sosa

    student•
    hace 4 años

    Cuando creo mis elementos los posiciona detrás de la cámara, no como al profe que lo pone delante, al hacer el segmento del cabello se dejan de ver cosas y estoy teniendo muchos problemas, a alguien le ha pasado?

    img
      Enrique Aguilera

      Enrique Aguilera

      student•
      hace 4 años

      A mi me sucede lo mismo, no se porque pasa eso, yo lo que hago es traer los elementos al frente manualmente con la flecha azul. Espero que alguien tenga una solución definitiva.

      Emmanuel Jose Lamprea Florez

      Emmanuel Jose Lamprea Florez

      student•
      hace 4 años

      Pueden intentar desactivando alguno de los dos efectos, creo que no son compatibles

    Cristian Valencia

    Cristian Valencia

    student•
    hace 4 años

    Gracias Platzi por la Beca !

    Hugo Montoya Diaz

    Hugo Montoya Diaz

    student•
    hace 4 años

    Interesante

    AR.png

      Oscar Ortega Cabello

      Oscar Ortega Cabello

      student•
      hace 4 años

      LE PONES COLOR MORADO Y ES DORMAMU :0

    Abril Darynka Tapia Sosa

    Abril Darynka Tapia Sosa

    student•
    hace 4 años

    Mi resultado hasta el momento

    picture2.PNG

    Gerardo Buendía

    Gerardo Buendía

    student•
    hace 4 años
    Captura_SparkAR.png
    Guillermo Jean Pierre Guevara Otero

    Guillermo Jean Pierre Guevara Otero

    student•
    hace 4 años
    filtro.png
      John Fredy Bohorquez

      John Fredy Bohorquez

      student•
      hace 4 años

      buen cabello

    Luis Eduardo Alanís Villarreal

    Luis Eduardo Alanís Villarreal

    student•
    hace 4 años

    ¿Se podrá tener efecto en el cabello completo y retoque al mismo tiempo?

    Porque al final nos dices que lo quitemos el visible en el faceMesh(retoque) para que no haya conflicto y pinte mejor esas partes del cabello. 🤔

      Mayra Lopez

      Mayra Lopez

      student•
      hace 4 años

      No, los dos filtros no son compatibles :/. Lo siento, justo lo acabo de probar y no me dejo, esperemos que en un futuro si se pueda

      Luis Eduardo Alanís Villarreal

      Luis Eduardo Alanís Villarreal

      student•
      hace 4 años

      Gracias!

    Luis Alberto Luna Olivares

    Luis Alberto Luna Olivares

    student•
    hace 4 años

    Al deshabilitar la opcion visible del facemesh0 pierde el efecto de que le habiamos piesto a la piel, como hago para no perderlo?

      Mayra Lopez

      Mayra Lopez

      student•
      hace 4 años

      No entiendo tu problema, se te desactiva alguna opción al no volverlo visible. Me puedes compartir una captura de pantalla para ver tu problema?

      Luis Eduardo Alanís Villarreal

      Luis Eduardo Alanís Villarreal

      student•
      hace 4 años

      Es normal. al deshabilitar la opción visible en el faceMesh0 que corresponde al retoque de la piel, ese efecto no se muestra.

      La pregunta sería ¿Se podrá tener efecto en el cabello y retoque al mismo tiempo?

      Que igual deshabilitarlo y habilitarlo, al menos conmigo, no hace gran diferencia para que se ilumine mejor el cabello en las patillas así que decidí dejar el retoque visible.

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads