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.
Última atualização em
21 de fev de 2023
- Guia do usuário do Adobe XD
- Introdução
- Novidades no Adobe XD
- Perguntas frequentes
- Criar designs e protótipos e compartilhar com o Adobe XD
- Gerenciamento de cores
- Requisitos de sistema
- Noções básicas sobre a área de trabalho
- Alterar o idioma do aplicativo no Adobe XD
- Acessar kits de design de interface
- Acessibilidade no Adobe XD
- Atalhos de teclado
- Dicas e truques
- Design
- Pranchetas, guias e camadas
- Formas, objetos e caminho
- Selecionar, redimensionar e girar objetos
- Mover, alinhar, distribuir e organizar objetos
- Agrupar, bloquear, duplicar, copiar e virar objetos
- Definir traçado, preenchimento e sombra projetada para objetos
- Criar elementos de repetição
- Criar designs de perspectiva com transformações em 3D
- Editar objetos usando operações boolianas
- Texto e fontes
- Componentes e estados
- Mascaramento e efeitos
- Layout
- Vídeos e animações Lottie
- Protótipo
- Criar protótipos interativos
- Animar protótipos
- Propriedades de objeto compatíveis com a Animação automática
- Criar protótipos com teclados e controles
- Criar protótipos usando reprodução e comandos de voz
- Criar transições temporizadas
- Adicionar sobreposições
- Criar protótipos de voz
- Criar links de âncora
- Criar hiperlinks
- Visualizar designs e protótipos
- Compartilhar, exportar e analisar
- Compartilhar pranchetas selecionadas
- Compartilhar designs e protótipos
- Definir permissões de acesso para links
- Trabalhar com protótipos
- Revisar protótipos
- Trabalhar com especificações de design
- Compartilhar especificações de design
- Inspecionar especificações de design
- Navegar em especificações de design
- Revisar e comentar especificações de design
- Exportar ativos de design
- Exportar e baixar ativos de especificações de design
- Compartilhamento em grupo para corporações
- Fazer backup ou transferir ativos do XD
- Sistemas de design
- Sistemas de design com as Bibliotecas da Creative Cloud
- Trabalhar com ativos de documento no Adobe XD
- Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
- Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
- Trabalhar com tokens de design
- Usar ativos das Bibliotecas da Creative Cloud
- Documentos na nuvem
- Integrações e plug-ins
- Trabalhar com ativos externos
- Trabalhar com ativos de design do Photoshop
- Copiar e colar ativos do Photoshop
- Importar ou abrir designs do Photoshop
- Trabalhar com ativos do Illustrator no Adobe XD
- Abrir ou importar designs do Illustrator
- Copiar vetores do Illustrator para o XD
- Plug-ins para o Adobe XD
- Criar e gerenciar plug-ins
- Integração do JIRA com o XD
- Plug-in do Slack para XD
- Plug-in do Zoom para XD
- Publicar o design do XD no Behance
- XD para iOS e Android
- Solução de problemas
- Problemas conhecidos e corrigidos
- Instalação e atualizações
- Inicialização e falha
- Documentos na nuvem e bibliotecas da Creative Cloud
- Prototipagem, publicação e revisão
- Não é possível gravar interações de protótipo no macOS Catalina
- Problemas com fluxos de trabalho de publicação
- Links publicados não são exibidos nos navegadores
- Protótipos não são renderizados corretamente nos navegadores
- Painel de comentários aparecendo repentinamente em links compartilhados
- Não é possível publicar bibliotecas
- Importação, exportação e trabalho em outros aplicativos
Veja como criar uma máscara com formas.
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.
Quer saber como criar, editar ou remover um efeito de máscara? Siga estas etapas:
-
-
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.
.gif "Masking-with-Shape(1000)")
-
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.
-
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ê sabia que, ao começar a criar algo com imagens alocadoras de espaço, como um círculo no lugar de uma foto de perfil, você pode soltar ativos dentro das formas para criar máscaras?
Para saber mais sobre como arrastar um ativo para dentro de uma forma ou usar uma forma existente como uma máscara, consulte o tutorial abaixo ou baixe os arquivos de amostra para experimentá-los.
Duração: 1 minuto.
Animações de contadores são usadas para exibir números de uma maneira interessante e chamativa. Quer saber como usar o mascaramento para criar placares animados? Confira este vídeo e baixe os arquivos de amostra para experimentá-los.
Duração do vídeo: 1 minutos e 2 segundos.
Usar mascaramento para criar um contador animado
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.
Recursos relacionados
TEM ALGUMA DÚVIDA OU SUGESTÃO?
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.
