Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Máscaras | Creando Visuales
UI/UX con Figma
course content

Contenido del Curso

UI/UX con Figma

UI/UX con Figma

1. Herramientas Básicas de Figma
2. Creación y Organización de Objetos
3. Creando Visuales
4. Prototipado
5. Enviando Trabajo

book
Máscaras

Las máscaras en Figma se utilizan para revelar partes específicas de capas u objetos mientras se oculta el resto.

Así es como funcionan:

  • Coloca un objeto (por ejemplo, una imagen) y la forma de la máscara (por ejemplo, una elipse) juntos, con la forma de la máscara detrás del objeto;
  • Selecciona ambas capas, haz clic derecho y elige Usar como máscara, o usa el atajo Ctrl+Alt+M (Windows) / Command+Option+M (Mac). La base de la máscara se vuelve invisible, mostrando solo las partes seleccionadas de la capa sobre ella;
  • También puedes hacer máscaras con texto. Coloca el texto detrás de una imagen y úsalo como máscara para crear efectos de texto creativos. Las capas en la máscara se pueden redimensionar o escalar de forma independiente;
  • La forma base de una máscara se vuelve invisible cuando se enmascaran varios objetos juntos. Para agregar un fondo a un diseño enmascarado, crea una nueva forma y colócala detrás de la base de la máscara;
  • Los PNG transparentes también pueden actuar como máscaras, y las formas se pueden enmascarar con PNG para crear diseños complejos.

Las máscaras generalmente ofrecen más flexibilidad que el relleno de imagen, permitiéndote combinar múltiples objetos en diseños complejos. Aunque Figma tiene relativamente pocas formas y herramientas, proporciona lo esencial, y con estos elementos simples, puedes crear diseños realmente brillantes.

Al usar un PNG transparente como máscara, ¿qué determina la forma de la máscara?

Al usar un PNG transparente como máscara, ¿qué determina la forma de la máscara?

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2
We're sorry to hear that something went wrong. What happened?
some-alt