Guia do Usuário Cancelar

Criar uma máscara com formas

Veja como criar uma máscara com formas.

Máscaras no XD

Use máscaras para cortar partes de imagens ou objetos e criar resultados que focam em elementos específicos de seus designs. 

Algumas das situações nas quais você pode usar mascaramento são na criação de um avatar de perfil ou na simulação de uma experiência de modo escuro, conforme mostrado abaixo.

Foto de perfil dentro de um círculo
Avatar de perfil em um aplicativo para dispositivos móveis

Máscaras animadas para simular uma experiência de modo escuro
Máscaras animadas para simular uma experiência de modo escuro

Quer saber como criar, editar ou remover um efeito de máscara? Siga estas etapas:

  1. Desenhe uma forma que você deseja usar como máscara e posicione-a sobre a parte da imagem que você deseja manter. Selecione a imagem e a forma. 

  2. Selecione Objeto > Mascarar com forma (macOS) ou clique com o botão direito no conteúdo selecionado e selecione Mascarar com forma (Windows). A parte da imagem ou do desenho que estiver fora da forma é mascarada.

    1

  3. Para editar o conteúdo dentro da forma da máscara, clique duas vezes no conteúdo mascarado. A área mascarada não é excluída do projeto. Você pode reajustar a máscara para destacar outra parte da imagem.

  4. Para desativar ou remover uma máscara, selecione o objeto e clique com o botão direito (Windows) ou clique com a tecla Cmd pressionada (Mac) e selecione Desagrupar máscara no menu de contexto.

Limitações

  • Quando você mascara um objeto vetorial com outro, o objeto de cima age como uma máscara. 
  • Não é possível mascarar texto em formas, componentes, grupos ou símbolos.
  • O XD não aceita máscaras alfa ou com opacidade. Veja uma discussão interessante na UserVoice na qual você pode participar e votar para que esse recurso seja incluído.

Exemplos e arquivos de amostra

Você também pode consultar a comunidade de suporte do XD para encontrar mais exemplos e tutoriais.

Tutoriais

Use máscaras para inserir uma imagem em uma forma personalizada e cortar as partes da imagem que você deseja ocultar. Confira este tutorial sobre como trabalhar com imagens e mascaramento no XD.

Duração do vídeo: 1 minuto.


TEM ALGUMA DÚVIDA OU SUGESTÃO?

Pergunte à comunidade

Se você tiver alguma dúvida ou sugestão para compartilhar, venha participar da comunidade do Adobe XD. Adoraríamos ver suas criações e ouvir o que você tem a dizer.

Receba ajuda com mais rapidez e facilidade

Novo usuário?