Figma para UX/UI: 6. Efectos Visuales - jonmircha

Lección 5 de 579%

Sigue así. Cada lección te acerca más a tu certificado.

Sobre esta lección

En este video del Curso de Figma para UX/UI, revisamos los distintos efectos visuales que podemos aplicar a los vectores, imágenes y textos. 🎓🤓 Certifícate en UX/UI 👉🏻 https://jonmircha.com/certificacion-ux-ui 📝 ÍNDICE: 1. 0:00:00 - Introducción a los efectos visuales y repaso de rellenos. 2. 0:00:52 - Modos de mezcla (Blend Modes) en imágenes. 3. 0:01:26 - Propiedades de los Bordes (Stroke): Interno, externo y centrado. 4. 0:02:11 - Estilos avanzados de borde: Border style, ángulos y pinceles dinámicos. 5. 0:02:50 - Introducción al panel de Efectos (Effects) en vectores, imágenes y texto. 6. 0:04:06 - Aplicación de Sombra Paralela (Drop Shadow) y sus propiedades (X, Y, Blur, Spread). 7. 0:05:01 - Capas múltiples de efectos y rellenos en un solo elemento. 8. 0:05:13 - Diferencias entre Desfoque de Capa (Layer Blur) y Desfoque de Fondo (Background Blur). 9. 0:05:58 - Adición de texturas y ruido visual. 10. 0:07:05 - Efectos en texto: Bordes (Stroke) y degradados aplicados a tipografía. 11. 0:08:02 - Uso de imágenes y videos como fondo de texto (Efectos tipo WordArt). 12. 0:09:12 - Ajuste de imagen en texto mediante las opciones Fit, Crop y Tile (Background repeat). 13. 0:10:06 - Manejo de la jerarquía de capas para superposición de elementos. 14. 0:11:15 - Operaciones Booleanas (Boolean Operations): Unión, sustracción, intersección y exclusión. 15. 0:12:28 - Ejemplo práctico de Unión y Sustracción de formas geométricas. 16. 0:13:42 - Ejemplo práctico de Intersección y Exclusión. 17. 0:14:18 - Creación de Máscaras (Masks): Técnica tradicional vs. relleno de imagen. 18. 0:14:48 - Jerarquía necesaria en el panel de capas para que una máscara funcione. 19. 0:16:35 - Agrupación de máscaras (Mask groups) y edición del área enmascarada. 20. 0:17:35 - Resumen de la clase y cierre. 🖤 Recursos de la clase: ⚫️ Duplica este Figma para seguir el curso 👉🏻 https://www.figma.com/design/8Q99q0RqzFXB2YIbbWNXBX/Dise%C3%B1o-UI-en-Figma 🦊 Visita mi sitio web https://jonmircha.com 🔔 Suscríbete al canal https://youtube.com/jonmircha 🌮 ¿Me invítas un taco? https://www.paypal.me/jonmircha 👉🏻 Mi Taller de Desarrollo Web Minimalista - https://jonmircha.com/taller-minimalista 👨🏻‍💻 Toma una Mentoría conmigo https://jonmircha.com/mentoria 📫 Suscríbete a mi lista de correo https://jonmircha.com/newsletter #jonmircha #uxui #figma

Sobre este curso

Aprende Figma la aplicación web que te permite crear diseños y prototipos de UI y UX.

Lección 5 de 57Nivel: principianteDuración total: 23h 21m

Lo que aprenderás en este curso:

  • Comprender los principios del diseño gráfico profesional
  • Dominar las herramientas de diseño y edición de imágenes
  • Crear composiciones visuales atractivas y efectivas
  • Diseñar logotipos, cartelería y material publicitario