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.
Última actualización el
10-02-2023
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.
¿Quiere aprender a crear, editar o eliminar un efecto de máscara? Siga estos pasos:
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á.
.gif "Masking-with-Shape(1000)")
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 crea la máscara de un objeto vectorial en otro, el objeto de la parte superior de la pila actuará 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.¿Quieres aprender a usar el enmascarado para crear un marcador en movimiento?Consulta este vídeo y descarga los archivos de muestra para probarlos tú mismo.
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.
Diseñar prototipos de experiencia de usuario con Adobe XD
Crea bocetos interactivos para sitios web y aplicaciones móviles.
