¿Qué son y cómo funcionan las máscaras en Sketch?

Autor: | Última modificación: 12 de abril de 2022 | Tiempo de Lectura: 2 minutos
Temas en este post:

Diseñar una aplicación requiere de aprender y explorar las diferentes opciones o posibilidades que nos ofrecen los diversos programas de diseño. Por ello, en este post, te hablaremos acerca de qué son, cómo funcionan y cómo se crean las máscaras en Sketch.

Sketch es un programa que sirve para crear diferentes diseños de apps en formatos predeterminados de los dispositivos de Apple. Este programa le ofrece al diseñador muchas herramientas que le permitirán crear una interfaz práctica y responsiva.

¿Qué son las máscaras en Sketch?

🔴 ¿Quieres entrar de lleno al Desarrollo Mobile? 🔴

Descubre el Desarrollo de Apps Móviles Full Stack Bootcamp de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp en Desarrollo de Apps Móviles por una semana

Las máscaras en Sketch son elementos que permiten delimitar la visualización de las figuras. Estas se pueden crear de diferentes formas, pero siguen una regla principal que consiste en usar la forma que se encuentra más abajo en la lista de capas como máscara. Existen dos tipos de máscaras:

  • Máscara de contorno
  • Máscara alfa

¿Cómo crear una máscara de contorno en Sketch?

La máscara de contorno es la que permite mostrar partes de una o varias capas que se encuentran agrupadas con la máscara. Existen varias formas de crear este tipo de máscara.

La primera consiste en seleccionar una forma que hayas agregado en tu lienzo y elegir el menú de capa para buscar la opción de máscara y usarla de esta manera. Una alternativa a esto es hacer clic presionando la tecla de control en la figura que deseas y seleccionar la opción máscara. A veces puede ser necesario incluir elementos u objetos para complementar el contenido que se encuentra enmascarado; sin embargo, puede que no desees que esto se incluya en la máscara. Para ello, debes seguir los pasos anteriores, pero, en este caso, tendrás que seleccionar la opción ignorar máscara subyacente.

Otra opción es seleccionar varias capas al mismo tiempo y enmascararlas juntas; para esto eliges el menú capa, después la opción máscara y, por último, enmascarar con la forma seleccionada. Esto permitirá que los elementos seleccionados se agrupen de forma automática.

¿Cómo crear una máscara alfa en Sketch?

El tipo de máscaras alfa se usa para ocultar todos los elementos que están por fuera de su forma y controlar la opacidad de las capas que se están enmascarando. Para crear una de estas máscaras es necesario dirigirse al menú de capa y a la opción de máscara, como en el caso anterior, pero esta vez debes seleccionar la casilla de modo de máscara para elegir máscara alfa.

Si te interesa aprender más sobre este programa de diseño, te invitamos a leer nuestro post ¿Qué es Sketch y cómo funciona?, en el que te explicamos varios aspectos generales del funcionamiento de dicho programa.

¿Por dónde seguir?

Ahora que ya sabes qué son las máscaras en Sketch, ¿te gustaría aprender cómo utilizar este programa para diseño de apps? Para dominarlo, te invitamos a echarle un vistazo a nuestro Desarrollo de Apps Móviles Full Stack Bootcamp, con el que necesitarás solo unos pocos meses para conocer en profundidad pautas de diseño, lenguajes de programación, programas de diseño y mucho más. No te lo pienses más y ¡apúntate!

[email protected]