CursosEmpresasBlogLiveConfPrecios

Imágenes 2D sobre plano

Clase 20 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
    JOSE MARIA ROMAN MENDOZA

    JOSE MARIA ROMAN MENDOZA

    student•
    hace 4 años

    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

      Natalia Prada Gaitán

      student•
      hace 4 años

      Esta increible XD

      Emmanuel Jose Lamprea Florez

      Emmanuel Jose Lamprea Florez

      student•
      hace 4 años

      Quedó muy bien, como lo hiciste?

    Fernando Piña

    Fernando Piña

    student•
    hace 4 años
    Captura de Pantalla 2022-04-03 a la(s) 11.58.05 a. m..png
    Luis Eduardo Alanís Villarreal

    Luis Eduardo Alanís Villarreal

    student•
    hace 4 años

    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

    Christian Alejandro Vargas Menchaca

    student•
    hace 4 años

    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

    Juan Sebastián Sierra Morales

    student•
    hace 4 años

    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

    Daniel Aguilar

    student•
    hace 4 años

    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

      Rafael Colinas

      Rafael Colinas

      student•
      hace 4 años

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

    Juan Camilo Maldonado Perez

    Juan Camilo Maldonado Perez

    student•
    hace 4 años

    Proyect 1 Terror Fest Invitation:

    TF Imágenes 2D sobre plano.png

    Jose de Jesus Herrera Ledon

    Jose de Jesus Herrera Ledon

    student•
    hace 4 años

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

    Lucas Faura Moreno

    Lucas Faura Moreno

    student•
    hace 4 años

    Filtro Terror Fest

    filtro.jpg

      Daniel Murcia

      Daniel Murcia

      teacher•
      hace 4 años

      👏🏻👏🏻👏🏻👏🏻

    Andrés David Loaiza Zamudio

    Andrés David Loaiza Zamudio

    student•
    hace 4 años

    Buena clase

    Diego Armando León Buitrago

    Diego Armando León Buitrago

    student•
    hace 4 años

    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

      Daniel Murcia

      teacher•
      hace 4 años

      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

    Fausto José Del Rosario Taveras

    student•
    hace 4 años

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

    MIre:

      Daniel Murcia

      Daniel Murcia

      teacher•
      hace 4 años

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

    Fausto José Del Rosario Taveras

    Fausto José Del Rosario Taveras

    student•
    hace 4 años

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

      Daniel Murcia

      Daniel Murcia

      teacher•
      hace 4 años

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

    Karen Tatiana Rodríguez Vanegas

    Karen Tatiana Rodríguez Vanegas

    student•
    hace 3 años

    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?

    Pregunta.png

      Daniel Murcia

      Daniel Murcia

      teacher•
      hace 3 años

      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

    shirley sosa

    student•
    hace 4 años
    filtro.jpg
    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

      Daniel Murcia

      teacher•
      hace 4 años

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

      shirley sosa

      shirley sosa

      student•
      hace 4 años

      Gracias!!!

    Mónica Gavilánez

    Mónica Gavilánez

    student•
    hace 4 años

    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

      Daniel Murcia

      teacher•
      hace 4 años

      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

      Mónica Gavilánez

      student•
      hace 4 años

      Gracias! si me sirvio

    Jorge Luis Carrillo Orejarena

    Jorge Luis Carrillo Orejarena

    student•
    hace 3 años

    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

    shirley sosa

    student•
    hace 4 años
    filtro.jpg

    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

    Julian Andres Cano Orozco

    student•
    hace 4 años

    Donde esta esa imagen?

    Juan Carlos Osorio Crespo

    Juan Carlos Osorio Crespo

    student•
    hace 4 años

    A que se deben los Halos Azules?

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