Aplicar efeitos de mesclagem

Última atualização em 06/02/2023

Aprenda a melhor maneira de trabalhar com efeitos de mesclagem para aprimorar seus designs.

Ao trabalhar com imagens em seus designs, você pode ir além de uma simples foto para criar efeitos únicos e interessantes. Você pode, por exemplo, adicionar a cor da sua marca como um efeito em suas imagens para criar um design visual atraente.

Os modos de mesclagem permitem criar automaticamente ativos de imagem composta combinando uma camada de imagem com outra camada usando um conjunto de modos predefinidos.

Aqui estão algumas amostras de efeitos criados usando os modos de mesclagem Multiplicar, Tela, Luz direta, Exclusão e Luminosidade.

Quer conhecer a terminologia de cor de mesclagem?

A cor de mesclagem é a cor original do objeto, do grupo ou da camada selecionada.
A cor de base é a cor subjacente na ilustração.

A cor resultante é a cor que resulta da mesclagem.

A mistura das cores de base e de mesclagem depende do modo de mesclagem selecionado.

A. Cor de mesclagem B. Cor de base C. Cor resultante

Grupos	Modo de mesclagem	Resultados
Normal	Normal	Este é o modo padrão sem nenhum modo de mesclagem aplicado.
Escurecer	Escurecer	Examina as informações de cor em cada imagem e seleciona a cor de base ou de mesclagem (a que for mais escura) como cor resultante. Os pixels mais claros que a cor de mesclagem são substituídos, e os mais escuros não são alterados.
	Multiplicar	Examina as informações de cor em cada imagem e multiplica a cor de base pela cor de mesclagem. A cor resultante é sempre mais escura.
	Superexposição de cor	Examina as informações de cor em cada imagem e escurece a cor de base para refletir a cor de mesclagem, aumentando o contraste entre as duas.
Clarear	Clarear	Examina as informações de cor em cada imagem e seleciona a cor de base ou de mesclagem (a que for mais clara) como cor resultante.
	Tela	Examina as informações de cor em cada imagem e multiplica o inverso das cores de base e de mesclagem. A cor resultante é sempre mais clara.
	Subexposição de cor	Examina as informações de cor em cada imagem e clareia a cor de base para refletir a cor de mesclagem, diminuindo o contraste entre as duas.
Contraste	Sobrepor	Multiplica ou reticula as cores, dependendo da cor de base. Padrões ou cores se sobrepõem aos pixels existentes, preservando os realces e as sombras da cor de base.
	Luz indireta	Escurece ou clareia as cores, dependendo da cor de mesclagem. O efeito é semelhante ao de iluminar a imagem com um ponto de luz difuso.
	Luz direta	Multiplica ou reticula as cores, dependendo da cor de mesclagem. O efeito é semelhante ao de iluminar a imagem com um ponto de luz direto.
Inversão	Diferença	Examina as informações de cor em cada imagem e subtrai a cor de mesclagem da cor de base ou a cor de base da cor de mesclagem, dependendo de qual tiver o maior valor do brilho.
	Exclusão	Cria um efeito semelhante ao do modo Diferença, mas com menor contraste.
Componente	Matiz	Cria uma cor resultante com a luminosidade e a saturação da cor de base e com o matiz da cor de mesclagem.
	Saturação	Cria uma cor resultante com a luminosidade e o matiz da cor de base e com a saturação da cor de mesclagem.
	Cor	Cria uma cor resultante com a luminosidade da cor de base e com o matiz e a saturação da cor de mesclagem.
	Luminosidade	Cria uma cor resultante com o matiz e a saturação da cor de base e com a luminosidade da cor de mesclagem.

Deseja criar um efeito de mesclagem?

Antes de começar, use estas regras simples para entender como os objetos são manipulados ao aplicar ou modificar modos de mesclagem:

Aparência: aplica-se a todo o objeto.
Componente mestre: aplica-se a todas as instâncias no projeto de design. Por exemplo, se você alterar a cor de um objeto no componente mestre, a alteração será distribuída em cascata em todas as instâncias do projeto de design.
Instância do componente: substitui os modos de mesclagem aplicados nas instâncias do componente.
Repetição de grade: aplica-se a todas as células.
Interoperabilidade: preserva o efeito de mesclagem ao trabalhar com o Photoshop, o Illustrator, o Sketch e o After Effects.

Selecione uma imagem ou um objeto (incluindo formas, camadas de texto, grupos, máscaras ou componentes) na tela de design. No Inspetor de propriedades, selecione e aplique o modo de mesclagem de sua escolha.

Você também pode usar as teclas Option Shift + / - no Mac e Alt Shift + / - no Windows para alternar entre os níveis de aparência dos modos de mesclagem aplicados.

Para visualizar o efeito de modo de mesclagem aplicado, selecione .

Limitações

Os modos de mesclagem não são compatíveis nestes comportamentos de objeto:

Efeitos de mesclagem usados em animação automática mudam no início da transição sem nenhuma animação.
Não é possível aplicar efeitos de mesclagem em preenchimentos, bordas ou sombras.

Exemplos

Deseja criar um pôster com efeitos de mesclagem? Selecione uma imagem na tela e, no Inspetor de propriedades, selecione e aplique as seguintes opções de mesclagem para criar estes resultados impressionantes:

Luz direta
Diferença
Tela
Superexposição de cor

Imagem original
Superexposição de cor	Luz direta
Diferença	Tela

Tutoriais

Assista a este vídeo para aprender a mesclar a cor de um objeto com a cor do fundo de uma prancheta ou mesclar as cores de vários objetos em camadas sobrepostas.

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

O que vem por aí?

Agora você já conhece os modos de mesclagem no Adobe XD. A interface do Adobe XD é intuitiva; achamos que será fácil liberar sua criatividade com cores, desfoque e muito mais.

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.

Criar protótipos de UX com o Adobe XD
Crie modelos interativos para sites e aplicativos para dispositivos móveis.

Abra o aplicativo

Criar e modificar degradês

Saiba mais

Aprenda com tutoriais em vídeo passo a passo e orientações práticas diretamente no aplicativo.

Comunidade

Participe de discussões, encontre respostas, aprenda com especialistas e compartilhe seus conhecimentos.

Página inicial da Adobe

Acesse seus aplicativos, serviços, gerenciamento de arquivos favoritos da Creative Cloud e muito mais.