Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Uso de Máscaras en Figma: Recorte y Superposición para Visuales Avanzados | Creación de Elementos Visuales en Figma
Diseño UI/UX con Figma

Uso de Máscaras en Figma: Recorte y Superposición para Visuales Avanzados

Desliza para mostrar el menú

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

Funcionamiento:

  • Colocar 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;
  • Seleccionar ambas capas, hacer clic derecho y elegir Usar como máscara, o utilizar 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 superior;
  • También es posible enmascarar con texto. Colocar el texto detrás de una imagen y usarlo como máscara para crear efectos creativos de texto. Las capas en la máscara pueden redimensionarse o escalarse 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, crear una nueva forma y colocarla detrás de la base de la máscara;
  • Los PNG transparentes también pueden funcionar como máscaras, y las formas pueden enmascararse con PNG para crear diseños complejos.

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

question mark

Al utilizar 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

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 3. Capítulo 2
some-alt