CursosEmpresasBlogLiveConfPrecios

Integrar maquillaje en spark ar

Clase 11 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
    Abril Darynka Tapia Sosa

    Abril Darynka Tapia Sosa

    student•
    hace 4 años

    Ahi vamos :)

    maquillaje.PNG
      Jaime Alejandro Torres Ocon

      Jaime Alejandro Torres Ocon

      student•
      hace 4 años

      geniaaaal!!

    Omar Sanchez Arambula

    Omar Sanchez Arambula

    student•
    hace 4 años

    Dejo mi resumen de la clase por si al alguien le sirve

    Integrar maquillaje en spark ar 🤑

    1. Buscar el botón add Asset en la parte inferior izquierda del programa

    2. Seleccionamos importar y luego importar desde nuestro computador

    3. seleccionamos la imagen creada en la clase anterior “Maquillaje listo”

    4. En Scene dentro de Focal distance crear un face tracker

    5. Dar un clic derecho a face tracker → add object → face mesh

    6. Seleccionamos el face mesh y del lado derecho desde sus propiedades:

      → Vamos a materials y seleccionamos el +

      → Create new material

    7. Ahora en la sección de Assets, buscamos el nuevo material y lo renombramos como “maquillaje”

    8. Seleccionando el rostro vamos a sus propiedades y en Shader Type tiene que estar en modo Flat

    9. En Shader properties → texture → seleccionamos “Maquillaje listo”

    10. Ahora para dejar la boca cerrada nos dirigimos a Scene dentro de Focal distance y seleccionamos faceMesh2

      → properties → aaprece “Eyes” y “Mouth” deschuleamos ☑️ “Mouth”

    11. Para darle un estilo diferente vamos a Assets y seleccionamos el material “maquillaje”

    12. En las opción Shader type cambiamos de Flat a Standard

    13. Diferencia entre Flat y Standard

    14. → en Flat van a quedar los colores tal cual como los tenemos desde el programa de edición “Photoshop o grimp etc”

    15. → En estándar lo va a alterar las luces en la escena o en el viewport del programa

    16. En Shader type vemos la opción Specular la chuleamos ☑️ vemos que ahora las luces de la escena del programas van a hacer que se vea un brillo en el maquillaje dependiendo de la posición del rostro

    17. En texture Seleccionamos un material de la clase que se llama Gliter

    18. → El gliter sirve para hacer tipos de colores o de sombras

    19. Si movemos Smoothness vamos a poder controlar la intensidad del gliter

    20. deschuleamos Specular ⬛

    21. Ahora en la parte de abajo seleccionamos Normal ☑️ y en texture seleccionamos Gliter

    22. ¿Qué diferencia va a haber? si reactivamos el specular vamos a ver que con la iluminación va a aparecer una serie de puntos→ si le quitamos la textura del Gliter a Specular, nos damos cuenta que ya no tiene ese tono morado pero vemos un relieve que se genera en nuestra mascara

      John Fredy Bohorquez

      John Fredy Bohorquez

      student•
      hace 4 años

      GRacias

      Jaime Alejandro Torres Ocon

      Jaime Alejandro Torres Ocon

      student•
      hace 4 años

      Buen resumen!

    Marlon Brandon Paul Alvarez Can

    Marlon Brandon Paul Alvarez Can

    student•
    hace 4 años

    Esto es lo que he logrado...

    Filtrocalabera.png
    Espantapajaros.png
    Stikers.png

    Rafael Colinas

    Rafael Colinas

    student•
    hace 4 años
    lop.png

    Progreso

    Mauricio Leiton Lázaro

    Mauricio Leiton Lázaro

    student•
    hace 4 años

    Parece que hay un problema en la secuencia de las clases. De esta clase 11 se salta a la clase 14.

      Luis Eduardo Alanís Villarreal

      Luis Eduardo Alanís Villarreal

      student•
      hace 4 años

      Así es, por lo que veo pusieron clases repetidas y seguro que al borrarlas y agregar las que les faltaron algo pasó en su código que se salta justo esas clases. Ya decía yo que era muy pronto para subir nuestro filtro a Spark AR Hub 😂

      Jhon Edward Bedoya

      Jhon Edward Bedoya

      student•
      hace 4 años

      🟢 Hello!

      Gracias por el reporte, ya lo estamos solucionando. Porfa no duden en escribir si notan alguna otra irregularidad 🤗

      Un abrazo de gol! 🦾

    Jaime Alejandro Torres Ocon

    Jaime Alejandro Torres Ocon

    student•
    hace 4 años

    Ya puedo hacer mi filtro con estilo de maquillaje Euforia

    Jorge Sandoval

    Jorge Sandoval

    student•
    hace 4 años

    gliter

      Daniel Murcia

      Daniel Murcia

      teacher•
      hace 4 años

      gliter :)

    Alejandro Guiberra

    Alejandro Guiberra

    student•
    hace 4 años

    ¿Por qué me aparecen los ojos como en un espacio cuadrado? C

    Captura de Pantalla 2022-01-21 a la(s) 11.49.41.png

      Emanuel Sarria Cruz

      Emanuel Sarria Cruz

      student•
      hace 4 años

      Vas a los ojos en la parte de abajo buscas una casilla que diga alpha lo marca, Y listo

      Camilo Delgado

      Camilo Delgado

      student•
      hace 4 años

      Creería que tiene que ver con la importación desde Photoshop, en Photoshop usas la herramienta pluma y te quedan bien delineados los ojos?

    Luis Emmanuel Chávez

    Luis Emmanuel Chávez

    student•
    hace 3 años
    calabacita2.PNG
    ronal mora

    ronal mora

    student•
    hace 4 años

    Listo el pollo.

    maquillaje.JPG

    Lilia Romero

    Lilia Romero

    student•
    hace 4 años

    Ahí vamos...

    Captura de Pantalla 2022-04-13 a la(s) 16.57.27.png

    Jhon Alex Fernandez Arenas

    Jhon Alex Fernandez Arenas

    student•
    hace 4 años

    Me salió un poco chistoso pero ahí vamos, jajaja.

    Juan Esteban Solarte Idrobo

    Juan Esteban Solarte Idrobo

    student•
    hace 4 años

    Si salió jaja

    Fernandez Bianca

    Fernandez Bianca

    student•
    hace 4 años

    Me tomo tiempo pero si me quedo jsjsjs

    Samuel Sebastian Rosalini

    Samuel Sebastian Rosalini

    student•
    hace 4 años

    Nunca entendi la parte del diseño, pero con estas clases estoy entusiasmado. Genial el curso. Super atrapante.

    Jhonatan David Ibarra Lavado

    Jhonatan David Ibarra Lavado

    student•
    hace 4 años

    uff que clase tan espectaular ome

    Jhonntan Andres Castaño Rojas

    Jhonntan Andres Castaño Rojas

    student•
    hace 4 años

    alguien podría por favor sacarme de la siguiente duda? quiero crear los filtros pero usarlos para videos largos , claro en instagram hay un limite de tiempo , no se si hay alguna forma de usar estos filtros en una app de cámara normal del celular o si spark AR admite , por ejemplo pensemos que quiero grabarme cantando con un sombrero pues creo el filtro y me grabo

      Daniel Murcia

      Daniel Murcia

      teacher•
      hace 4 años

      hola, con el filtro puedes hacerlo en instagram , historia o reel hasta 1 minuto.

      pero si quieres grabar por separado mas tiempo, puedes usar la app "spark ar player" y te permitira grabar mas tiempo.

      te dejo la forma de instalar y usar https://sparkar.facebook.com/ar-studio/learn/articles/mirroring/ar-player#things-youll-need

    Laura Valentina

    Laura Valentina

    student•
    hace 4 años

    Por qué él maquillaje del profe se ve negro y el ,io sigue morado? HELP ME PLEASE jajaja

      Daniel Murcia

      Daniel Murcia

      teacher•
      hace 4 años

      Hola, revisa que el material esté en color negro en la parte superior del material

      David Durán

      David Durán

      student•
      hace 3 años

      porque en photoshopno modificaste el color cuando creaste la máscara

    Leandro Gustavo Bojorquez Maguiña

    Leandro Gustavo Bojorquez Maguiña

    student•
    hace 4 años

    https://photos.app.goo.gl/EurssCF3XGKK39pA7 ¿Alguien quien me ayude a solucionar ese problema?, el cuadrado corta el maquillaje xc

      Mayra Lopez

      Mayra Lopez

      student•
      hace 4 años

      Copianos aquí la pantalla completa, por qué si se ve el error pero quiero ver en qué capas tienes los objetos

      Anthony Ismael Manotoa Moreno

      Anthony Ismael Manotoa Moreno

      student•
      hace 4 años

      Hola :)

      También puedes compartir directamente por acá la imagen: Tienes que tener descargada la imagen en tu pc y luego la arrastras a la sección de comentarios. Tal como se muestra en el gif:

    Maria Abetti

    Maria Abetti

    student•
    hace 2 años

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