O Adobe XD permite criar componentes de UI/UX personalizados, maquetes, wireframes e muito mais. É também uma ótima plataforma que você pode usar para criar várias formas de arte.

Um dos efeitos comuns que você pode precisar usar para pôsteres ou outros materiais de marketing é adicionar uma sobreposição escura ou clara em cima de uma imagem. Isso geralmente é usado para tornar o texto na parte superior da imagem mais visível para que os usuários possam ler o texto com mais facilidade.

Saiba como adicionar esses efeitos de sobreposição escuros ou claros no Adobe XD.

Como adicionar uma sobreposição escura a uma imagem

Para adicionar uma sobreposição escura a uma imagem, primeiro você precisará importar uma foto ou elemento gráfico para a tela. Você precisará adicionar outra forma em cima da imagem original para configurar o efeito de sobreposição.

  1. Arraste uma foto para a tela no Adobe XD.
  2. Na coluna da esquerda, clique no botão quadrado ícone. Isso permitirá que você arraste e solte uma forma quadrada na tela.
    3. instagram viewer
  3. Posicione o quadrado diretamente em cima de sua imagem.
  4. Destaque a forma quadrada. No painel de propriedades à direita, altere o preenchimento de fundo para preto.
  5. Com a forma quadrada ainda destacada, ajuste o opacidade nível de 60%. A opacidade permitirá que você veja através da imagem quadrada. Você poderá ver sua imagem original com o quadrado adicionando o efeito de sobreposição escura na parte superior.
  6. Você pode ajustar a opacidade para a quantidade desejada se quiser que a sobreposição fique mais ou menos escura.

Se você acabou de começar com o Adobe XD, leia nosso guia completo para iniciantes.

Como adicionar uma sobreposição de luz a uma imagem

Existem várias maneiras de adicionar uma sobreposição branca a uma imagem.

  1. Se você ainda tiver uma forma quadrada em cima da imagem original, poderá alterar a preenchimento de fundo cor para branco em vez de preto. Mantenha o opacidade nível em sua quantidade desejada.
  2. Alternativamente, você também pode alterar a opacidade da própria imagem original, sem precisar adicionar um quadrado extra. Realce a imagem original e altere a opacidade.

Se você estiver interessado em adicionar mais efeitos e gráficos aos seus projetos, mostramos como com o Adobe Media Encoder.

Adicione facilmente sobreposições às suas imagens no Adobe XD

O Adobe XD é uma ótima plataforma que você pode usar para adicionar efeitos especiais em imagens. Uma maneira de adicionar o efeito de sobreposição a uma imagem é adicionar um quadrado separado e configurar a cor e a opacidade do plano de fundo, conforme mostrado acima.

Se você estiver adicionando texto em cima da imagem, esperamos que isso torne seu texto mais legível para os usuários.

Adicionar um efeito de sobreposição é apenas uma das muitas coisas que você pode fazer usando o Adobe XD. Você pode continuar aprendendo sobre os outros recursos que o Adobe XD oferece. Isso inclui recursos como pranchetas de dispositivos, acionadores de tempo e hiperlinks.