Guía del usuario Cancelar

Crear una máscara con formas

Buscar

Última actualización el 21 feb. 2023

Guía del usuario de Adobe XD
Introducción
Diseño
1. Mesas de trabajo, guías y capas
2. Formas, objetos y trazados
3. Texto y fuentes
  1. Trabajar con herramientas de dibujo y texto
  2. Fuentes en Adobe XD
4. Componentes y estados
5. Máscaras y efectos
6. Maquetación
7. Vídeos y animaciones de Lottie
Prototipo
Compartir, exportar y revisar
Sistemas de diseño
Documentos en la nube
Integraciones y complementos
XD para iOS y Android
1. Vista previa en dispositivos móviles
2. Preguntas frecuentes de Adobe XD para dispositivos móviles
Solución de problemas
1. Problemas conocidos y resueltos
  1. Problemas conocidos
  2. Problemas resueltos
2. Instalación y actualizaciones
3. Inicio y cierre inesperado
4. Documentos en la nube y bibliotecas Creative Cloud
5. Crear prototipos, publicar y revisar
6. Importar, exportar y usar otras aplicaciones

Conozca cómo crear una máscara con formas.

Use máscaras para recortar partes de imágenes u objetos y crear resultados que se centren en elementos específicos de sus diseños.

Algunos de los casos en los que puede usar efectos de máscara es crear un avatar de perfil o simular una experiencia en modo oscuro como se muestra a continuación.

Avatar de perfil en una aplicación móvil

Máscaras animadas para simular una experiencia en modo oscuro

¿Quiere aprender a crear, editar o eliminar un efecto de máscara? Siga estos pasos:

Dibuje una forma que desee usar como máscara y colóquela en la parte de la imagen que desee conservar. Seleccione la imagen y la forma.
Seleccione Objeto > Máscara con forma (MacOS) o haga clic con el botón derecho en el contenido seleccionado y elija Máscara con forma (Windows). La parte de la imagen o el dibujo que esté fuera de la forma se enmascarará.
Para editar el contenido dentro de la forma de la máscara, haga doble clic en el contenido enmascarado. El área enmascarada no se elimina del proyecto. Puede reajustar la máscara para resaltar otra parte de la imagen.
Para desactivar o eliminar una máscara, seleccione el objeto y haga clic con el botón derecho (Windows) o presione Ctrl + Clic (Mac) y seleccione Desagrupar máscara en el menú contextual.

Limitaciones

Cuando enmascare un objeto vectorial con otro, el objeto de la parte superior de la pila actúa como máscara.
No puede enmascarar texto en formas, componentes, grupos o símbolos.
XD no admite máscaras alfa ni máscaras con opacidad. Hay una conversación interesante en la que puede participar y votar a favor de esta función en UserVoice.

Ejemplos y archivos de muestra

¿Sabía que cuando comienza un diseño con gráficos de marcador de posición, como un círculo en lugar de una imagen de perfil, puede crear máscaras colocando recursos en las formas?

Para obtener más información sobre el arrastre de un activo a una forma o el uso de una forma existente como máscara, consulte el tutorial que se incluye a continuación o descargue los archivos de muestra para probarlos por sí mismo.

Duración: 1 minuto.

Las animaciones de los contadores de números se utilizan para mostrar los números de una manera interesante y llamativa. ¿Quiere saber cómo usar el enmascaramiento para crear un marcador en ejecución? Eche un vistazo a este vídeo y descargue los archivos de muestra para probarlos.

Duración: 1 minuto y 2 segundos.

Usar la función de máscaras para crear un contador de números animado

También puede consultar la comunidad de asistencia técnica de XD para obtener más ejemplos y tutoriales.

Tutoriales

Use máscaras para colocar una imagen en una forma personalizada y recortar partes de una imagen que no desee que sean visibles. Eche un vistazo a este tutorial sobre cómo trabajar con imágenes y enmascaramiento en XD.

Duración: 1 minuto.

Recursos relacionados

¿TIENE ALGUNA PREGUNTA O IDEA?

Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría conocer sus comentarios y ver sus creaciones.